/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

*{margin:0;padding:0;} 
html, body {
	margin: 0; padding: 0;
	font-size: 85%; /* enables you to easily size text with ems */
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	background: #f2f2f2 url(images/back-body.gif) repeat-x;
	color: #555555; /* default font color */
	position: relative;
  	width: 100%; 
}
h1{font-size:22px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
a{
	color:#0087CC;
	text-decoration:none;
	outline: none;
}
:focus
{
  -moz-outline-style: none;
}

a:hover{text-decoration: underline;
color:#0087CC;}
#wrapper{
	margin:0px auto;
	text-align:left; 
	width:980px;
	background: transparent url(images/back-floral.png) no-repeat 297px 5px;
} 
/* Universal */
.clear {
	clear: both;
}

/* ClearFix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.float-right{
		float: right;
		padding-left: 5px;
		padding-bottom: 5px;
	}
.float-left{
		float: left;
		padding-right: 10px;
		padding-bottom: 0px;
	}
/* Header */
#header {
	margin: 0px;
	height: 124px;
}
	#logo {
		margin: 29px 50px 0 0;
		float: left;
	}
	#beta {
		width: 0px;
		height: 0px;
	}
		#beta img{
		margin: 0px 0 0 165px;
	}
	#header h1 {
		text-indent: -9999px;
		height: 0px;
}
	#menu .nav {
		float: left;
		width: 400px;
		margin-top: 60px;
	}
	#menu li {
		display: inline;
		float: left;
	}
	#menu li a {
		display: block;
		width: 80px;
		height: 56px;
		text-indent: -9999px;
	}
	#menu #active {
		border: none;
}
		#menu .nav-home, #menu .page-item-243 {
			background: url(images/menu.png) 0px -80px;
		}
		#menu .nav-browse, #menu .page-item-762 {
			background: url(images/menu.png) -80px -80px;
		}
		#menu .nav-search, #menu .page-item-246 {
			background: url(images/menu.png) -160px -80px;
		}
		#menu .nav-addapp, #menu .page-item-241{
			background: url(images/menu.png) -240px -80px;
		}
		#menu .nav-myapps, #menu .page-item-236 {
			background: url(images/menu.png) -320px -80px;
		}
		#menu .nav-home a:hover, #menu .page-item-243 a:hover{
			background: url(images/menu.png) 0px -160px;
		}
		#menu .nav-search a:hover, #menu .page-item-762 a:hover{
			background: url(images/menu.png) -80px -160px;
		}
		#menu .nav-search a:hover, #menu .page-item-246 a:hover{
			background: url(images/menu.png) -160px -160px;
		}
		#menu .nav-addapp a:hover, #menu .page-item-241 a:hover{
			background: url(images/menu.png) -240px -160px;
		}
		#menu .nav-myapps a:hover, #menu .page-item-236 a:hover{
			background: url(images/menu.png) -320px -160px;
		}
		
		#menu .current-page-item-243 {
			background: url(images/menu.png) 0px 0px;
		}
		#menu .current-page-item-762 {
			background: url(images/menu.png) -80px 0px;
		}
		#menu .current-page-item-246{
			background: url(images/menu.png) -160px 0px;
		}
		#menu .current-page-item-241 {
			background: url(images/menu.png) -240px 0px;
		}
		#menu .current-page-item-236{
			background: url(images/menu.png) -320px 0px;
		}
	/* Search */
	#search {
		float: right;
		background: url(images/search.png);
		width: 288px;
		height: 36px;
	}
		#search form input{
			background: #f3f3f3 url(images/mag.png) no-repeat 5px 5px;
			width: 245px;
			vertical-align: middle;
			height: 17px;
			border: 1px solid #a8a8a8;
			margin: 6px 0 0 10px;
			padding-left: 20px;
			padding-top: 3px;
		}
	.register-login {
		margin-left: -207px;
		float: left;
		margin-top: 9px;
		width: 200px;
		text-align: right;
	}

/* Body */
#mid{
	margin: 17px 0 0 0;
}
.main {
	float: left;
	width: 435px;
}
.second {
	float: left;
	width: 243px;
	margin-left: 17px;
}
.third {
	float: left;
	width: 268px;
	margin-left: 17px;
}
.col {
	
}
.box {
	width: 243px;
	margin-bottom: 15px;
}
.box-top {
	background: url(images/box-top.png) no-repeat;
	height: 8px;
}
.box-mid {
	background: #fff;
	border-left: 1px solid #d8dbd6;
	border-right: 1px solid #d8dbd6;
	padding: 0 10px 0 10px;
}
	.box-mid h2{
		font-size: 16px;
		font-weight: normal;
		margin-bottom: 8px;
	}
	.box-mid h2 span{
		font-size: 12px;
		font-weight: normal;
	}
	.box-mid p{
	font-size: 11px;
	line-height: 16px;
	margin-left: 10px;
	padding-bottom: 15px;
	background: url(images/divider-white.gif) no-repeat 80% 100%;
	color: #797c80;
	}

#announcements { 
	width: 223px; 
	background: #fff;
	margin-top: 5px;
}

#announcements h2 { margin-left: 22px; font-size: 16px; line-height: 18px; color: #616366; }
#announcements li {
	padding-bottom: 7px;	
}
#announcements li a{ position: relative; display: block; color: #08c; background: url(images/fn_arrow_grey.gif) no-repeat 208px 50%; }
#announcements li a img { vertical-align: middle; margin-top: -1px; margin-right: 6px; }
#announcements li a:hover { color: #08c; text-decoration: underline; background-image: url(images/fn_arrow_blue.gif); }

#announcements .announcements-main li, #announcements .announcements-main { line-height: 12px; }
#announcements p{
	font-size: 10px;
	line-height: 12px;
	margin: 5px 16px 0 10px;
	padding-bottom: 7px; 
	color: #797c80;
	text-align: justify;
}
#announcements p a{
	text-align: right;
	color: #93C35F;
}
#announcements p a:hover{
	text-align: right;
	color: #93C35F;
}
/* Stats table - third column*/
.box-mid .details { 
	margin:0 -1px 0em 10px; 
	padding:0 1px; 
	font-size:11px;
	padding-bottom: 0px;
	color: #797c80;
}
	.box-mid .details h4 { font-size: 11px; }
	.box-mid .details dl { display:inline;}
	.box-mid .details dt, .box-mid .details dd { 
		float:left; 
		border-bottom:1px solid #e5e5e5;
		line-height: 22px;
	}
	.box-mid .details dt { 
		clear:left; 
		width: 79%; 
		border-right: 1px solid #e5e5e5;
		margin-left:-1px; 
		padding-left:1px;
		
	}
	.box-mid .details dd { 
		width: 20%; 
		margin-right:-1px; 
		padding-right:1px; 
		text-align:right; 
	}
.app .bot{
	background: #fff;
	height: 5px;
}

	
.featuresnav { 
	width: 223px; 
	background: #fff;
	margin-top: 5px;
} 
 .featuresnav.featuresnav h2 { margin-left: 22px; font-size: 16px; line-height: 18px; color: #616366; }
 .featuresnav li a { position: relative; display: block; color: #797c80; background: url(images/fn_arrow_grey.gif) no-repeat 208px 50%; }
 .featuresnav li a img { vertical-align: middle; margin-top: -1px; margin-right: 6px; }
 .featuresnav li a:hover { color: #08c; text-decoration: none; background-image: url(images/fn_arrow_blue.gif); }

 .featuresnav .features_main li, #main .featuresnav .features_main { line-height: 36px; }
 .featuresnav #features_supp { margin-bottom: 0; padding-bottom: 18px; }
 .featuresnav #features_supp li, #main .featuresnav #features_supp li a { line-height: 30px;}

.box-bot {
	background: url(images/box-bottom.png) no-repeat;
	height: 6px;
}
/* Footer */
#footer2 {
	width: 100%;
	border-top: 2px solid #c8ed9d;
	background: #95c35f;
	padding-top: 20px;
	padding-bottom: 20px;
}
	#footer2 p {
		text-align: center;
		font-size: 10px;
		color: #c8ed9d;
	}
	#footer2 a {
		color: #ecf5e3;
	}
	#footer2 .bot-grass {
	float: right;
	margin: -215px 15px 0 0;
}
#footer {
	width: 100%;
	border-top: 2px solid #95c35f;
	background: #b1de7c;
	margin-top: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
	color:#F2FFD5;
}

.footer-area {
	width: 980px;
	margin: 0 auto;
}
	.footer-area .footer-info {
		margin-right: 0px;
		float: left;
		width: 245px;
	}
	.footer-area ul {
		
	}
	.footer-area li a{
		color: #ffffff;
		line-height: 18px;
	}
		.footer-area .fresh-sort {
			
		}
	.footer-area h3 {
		padding: 0 0 15px 0;
		margin: 0px 0 10px 0;
		font-size: 1.4em;
		font-weight: normal;
		color: #ffffcc;
		border-bottom: 1px dotted #ffffcc;
		width: 190px;
	}
	.footer-area span {
		font-size: 11px;
		color: #e9ffce;
		float: left;
		margin-left: 7px;
		margin-top: 0px;
}
/* Blog */
.post {
	background: #fff;
	border: 1px solid #d8dbd6;
	padding: 12px;
	margin-bottom: 12px;
}
	.post h2 {
		font-size: 24px;
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 7px;
	}
	.post a {
		color: #777777;
	}
	
.entry {
	padding: 10px;
	font-size: 12px;
	line-height: 18px;
}
	.entry p {
		margin-bottom: 18px;
		color: #797c80;
	}
	.entry p a{
		color:#0087CC;
		text-decoration:none;
	}
	.entry p a:hover{
		text-decoration: underline;
	}
	.entry img {
	}
	.entry .alignright {
		float: right;
		margin: 0 0 0 20px;
	}
.post-specs {
	font-size: 9px;
	text-align: right;
	padding: 3px;
	color: #bbb;
	margin-bottom: -5px;
}
/* App Display - iPhone */
.app {
	margin-bottom: 10px;
}
.app .top{
	background: #fff;
	height: 5px;
}
.app .mid{
	background: #1E1B14;
	border-left: #fff 5px solid;
	border-right: #fff 5px solid;
	height: 74px;
}
	.app .app-left {
		float: left;
		width: 74px;
		height: 72px;
	}
	.app .app-center {
		float: left;
		width: 185px;
	}
	.app .mid .icon {
		float: left;
		margin: 10px 10px 0 10px;
		width: 54px;
	}
			.app .mid .icon-over {
				width: 0px;
				height: 0px;
				margin-right: -59px;
			}
			.app .mid .icon-over img{
				position: relative;
				top: 4px;
				left: 2px;
			}
	.app .mid .title {
		float: left;
		margin: 8px 0px 0 0;
		height: 50px;
	}
		.app .mid h2 {
			width: 185px;
			line-height: 15px;
		}
		.app .mid h2 a{
			color: #ffffff;
			font-size: 17px;
		}
		.app .mid ul {
			float: left;
			color: #8f8f8f;
			font-size: 11px;
			margin-top: -16px;
			width: 200px;
		}
			.app .mid li {
				display: inline;
			}
			.app .mid li strong{
				font-size: 9px;
			}
		.app .mid a {
			color: #a3a3a3;
		}
	.app .mid span {
		float: left;
		font-size: 9px;
		color: #5e5f5c;
		text-align: left;
		margin-top: -2px;
	}
	.app .mid .freshness {
		height: 74px;
		float: right;
		width: 146px;
		text-align: right;
		padding-right: 5px;
	}
	.app .mid .p1{
		background: #1e1b15 url(images/plant/1.png) no-repeat bottom left;
	}
	.app .mid .p2{
		background: #1e1b15 url(images/plant/2.png) no-repeat bottom left;
	}
	.app .mid .p3{
		background: #1e1b15 url(images/plant/3.png) no-repeat bottom left;
	}
	.app .mid .p4{
		background: #1e1b15 url(images/plant/4.png) no-repeat bottom left;
	}
	.app .mid .p5{
		background: #1e1b15 url(images/plant/5.png) no-repeat bottom left;
	}
		.app .mid .freshness img {
			margin: 7px 0px 5px 0;
			height:  18px;
			padding: 0;
		}

		.app .mid .freshness h3{
			font-size: 16px;
			height: 16px;
			line-height: 16px;
			color: #fff;
			font-weight: bold;
			padding: 0;
		}
		.app .mid .freshness h3 a{
			color: #fff;
		}
		.app .mid .freshness .mf{
			line-height: 4px;
			color: #fff;
			font-family: Verdana;
			font-size: 10px;
			text-decoration: none;
			padding: 0;
		}
		.app .mid .freshness .mf a{
			line-height: 24px;
			height: 24px;
			color: #fff;
			font-family: Verdana;
			font-size: 10px;
			text-decoration: none;
		}
		.app .mid .freshness .mf a:hover{
			
			text-decoration: underline;
		}
	/* Version 1 of Freshness
	.app .mid .freshness {
		background: url(images/freshness.png) no-repeat top left;
		height: 67px;
		line-height: 53px;
		float: right;
		width: 87px;
	}
		.app .mid .freshness:hover {
			background: url(images/freshness.png) no-repeat bottom left;
			height: 67px;
			line-height: 53px;
			float: right;
			width: 87px;
		}
		.app .mid .freshness h3{
			font-size: 20px;
			padding: 22px 12px 0 0;
			line-height: 62px;
			text-align: center;
			color: #000;
		}
		.app .mid .freshness h3:hover{
			text-indent: -99999px;
		}
		*/
	.app .mid .expand-button {
		float: right;
		height: 73px;
		border-right: 15px solid #1E1B14;
		margin-left: -8px;
	}
		.app .mid .expand-button span {
			background: url(images/arrow.png) no-repeat bottom left;
			margin: 28px -10px 0 0;
			padding: 0px;
			height: 18px;
			width: 18px;
		}
	.app .mid .expand-button-down {
		float: right;
		height: 73px;
		border-right: 15px solid #1E1B14;
		margin-left: -8px;
	}
		.app .mid .expand-button-down span {
			background: url(images/arrow-down.png) no-repeat bottom left;
			margin: 28px -10px 0 0;
			height: 18px;
			width: 18px;
		}
		
		/*.app .mid .freshness-left {
			background: url(images/freshness-left.png) no-repeat top left;
			width: 20px;
			height: 55px;
			float: left;
			margin-left: -20px;
		}
			.app .mid h3{
				font-size: 24px;
				margin: 0px;
				line-height: 62px;
				color: #fff;
			}
		.app .mid .freshness-right {
			background: url(images/freshness-right.png) no-repeat top right;
			padding-right: 60px;
			text-align: right;
		}
			.app .mid .freshness-right:hover {
				cursor: pointer;
			}
		.app .mid .over {
			background: url(images/freshness-right.png) no-repeat -76px -61px;
			padding-right: 60px;
			text-align: right;
		}
			.app .mid .over:hover {
				cursor: pointer;
			}*/
.app .expand{
	background: #fff url(images/grass.gif) no-repeat bottom;
	border-left: #fff 5px solid;
	border-right: #fff 5px solid;
	padding-bottom: 30px;
}
.app .description-vert {
	min-height: 340px;
}
.app .description-horz {
	min-height: 340px;
}
.app .expand-left{
	
}

	.app .expand a {
		color:#236FA6;
		text-decoration:none;
	}
	.app .expand a:hover {
		color:#333;
		text-decoration:none;
	}
	.app .expand p{
		padding: 10px 10px 5px 10px;
		font-size: 11px;
	}
	.app .expand .screenshot-vert{
		float: right;
		margin: 10px 10px 0px 10px;
		background: url(images/iphone-156x340.png) no-repeat top right;
		width: 156px;
		height: 340px;
	}
	.app .expand .screenshot-horz{
		background: url(images/iphone-184x340.png) no-repeat top right;
		width: 184px;
		height: 340px;
	}
	.app .expand .screenshot-vert img{
		margin: 48px 0 0 15px;
	}
	/* details table */
.app .expand .details { 
	margin:0 -1px 1.8em 10px; 
	padding:0 1px; 
	font-size:11px; 
	border-bottom: 1px solid #e5e5e5; 
}
	.app .expand .details h4 { font-size: 11px; }
	.app .expand .details dl { display:inline;}
	.app .expand .details dt, .app .expand .details dd { 
		float:left; 
		padding-top:.5em; 
		border-top:1px solid #e5e5e5; 
	}
	.app .expand .details dt { 
		clear:left; 
		width: 20%; 
		margin-left:-1px; 
		padding-left:1px; 
	}
	.app .expand .details dd { 
		width: 80%; 
		margin-right:-1px; 
		padding-right:1px; 
		text-align:right; 
	}
.app .bot{
	background: #fff;
	height: 5px;
}
.app-video {
	background: #F3F3F3;
	width: 250px;
	padding: 10px;
	margin: 10px auto;
}
	.app-video img{
		float: left;
		margin-right: 10px;
	}
	.app-video h4{
		font-weight:bold;
		font-size:12px;
		color:#000;
		line-height:1.4em;
		margin-top:12px;
		margin-bottom:0px;
	}
	.app-video p a {
		background: transparent url(images/morearrow_08c.gif) no-repeat scroll 100% 60%;
		padding-right: 10px;
		font-size: 12px;
		color: #08c;
	}
/* Stats */
.stats {
	background: #94C35F;
	padding: 8px;
	margin-bottom: 12px;
	border: 4px solid #fff;
}
.stats h2 {
	font-size: 16px;
	border-bottom: 1px dotted #ffffcc;
	color: #ffffcc;
	padding-bottom: 3px;
}
	.stat {
		margin-top: 10px;
	}
	.stat {
		margin-left: 10px;
	}
	.stat h3{
		font-size: 12px;
		color: #fff;
		font-weight: bold;
	}
	.stat p {
		margin-left: 10px;
	}
	.stat p a{
		font-size: 11px;
		color: #fff;
		text-decoration: underline;
	}
	.stat p a:hover{
		font-size: 11px;
		color: #ffffcc;
		text-decoration: none;
	}
/* Browse */
.browse {
	background: #94C35F;
	padding: 8px;
	margin-bottom: 12px;
	border: 4px solid #fff;
}
.browse .instructions {
	margin: -8px -8px 8px -8px;
	background: #ffffcc;
	padding: 10px;
	font-size: 11px;
	color: #797c80;
	border-bottom: 1px solid #77a841;
}
	.sortby {
		float: left;
		width: 122px;
		border-right: 1px solid #c8ed9d;
		margin-right: 7px;
		padding-right: 7px;
		height: 100px;
	}
	.sortby h4{
		font-size: 14px;
		border-bottom: 1px dotted #c8ed9d;
		color: #ffffcc;
		padding-bottom: 3px;
	}
	.sortby a{
		font-weight: none;
		color: #fff;
		font-size: 11px;
		line-height: 18px;
		margin-left: 5px;
		text-decoration: underline;
	}
		.sortby a:hover{
			color: #ddf4c3;
		}
		.sortby .current a{
			color: #ffffcc;
			text-decoration: none;
			font-weight: bold;
		}
	.browse-sentence {
		margin: 7px -8px -8px;
		background: #84b54f;
		border-top: 1px solid #77a841;
		color: #ffffcc;
		padding: 10px;
		font-size: 12px;
	}
	.sb-txt {
		font-size: 12px;
		color: #ffffcc;
	}
	.browse-sentence span{
		font-weight: bold;
		font-size: 15px;
		color: #fff;
	}
/* Comments */
#comments_wrapper {
	background: #fff;
}
#comments_wrapper h3{
	padding: 5px;
}
ol.commentlist {
	margin:0;
	padding:0;
	background: #fff;
}

.commentlist li {
	list-style:none;
	margin-bottom: 4px;
	border-bottom: 1px solid #efefef;
}

.commentlist cite {
	padding: 7px;
	display:block;
	font-style:normal;
	float: left;
	width: 110px;
}	

.commentlist a:link, .commentlist a:visited {
	color:#596e3b;
	font-size: 9px;
	}

.commentlist a:hover, .commentlist a:active {
	color:#8ec343;
	}

/*.commentlist cite img {
	padding:1px;
	margin-right:5px;
	float: left;
}*/

.commentlist .author {
	font-size: 9px;
	line-height: 32px;
	text-decoration: underline;
	color: #5f9720;
	float: left;
}
.commentlist .gravatar {
	margin-right: 8px;
	line-height: 32px;
	float: left;
}

.commentlist .time {
	font-size: 9px;
	color: #959595;
	float: left;
}
	.commentlist .date {
	font-size: 8px;
	}

.commenttext {
	color: #777;
	font-size: 11px;
	padding: 10px 10px 10px 10px;
}
	.commenttext .comment-edit {
		float: right;
		padding-left: 3px;
	}
	.commenttext .thdrpy{
		color: #fff;
	}
.commenttext .thdrpy a{
	background: url(images/reply.png) no-repeat left;
	padding-left: 8px;

}
.editComment, .editableComment, .textComment{
	display: inline;
}
/* Comment Childs */
.comment-childs{
	float: left;
	margin-left: 20px;
	width: 413px;
}
li.comment-childs {
	border-top: 1px solid #efefef;
	border-bottom: none;
}
#newcomment{
	border:1px dashed #777;width:90%;
}
#newcommentsubmit{
	color:red;
}
.adminreplycomment{
	border:1px dashed #777;
	width:99%;
	margin:4px;
	padding:4px;
}
.mvccls{
	color: #999;
}

/* Comment Forms */	
#commentform {
	background: #fff;
	padding: 10px;
}
#comment{
	width: 90%;
	margin: 18px;
	padding: 10px 10px 25px 10px;
	font-family: inherit;
	font-size: 11px;
}
.comment-textarea{
	padding: 10px 10px 25px 10px;
	font-family: inherit;
	font-size: 11px;
}
.comment-textarea-header {
	
}
/* PAGINATION CSS */
#pagination ul{border:0; margin:0; padding:0;}

#pagination li{
	border:0; margin:0; padding:0;
	font-size:11px;
	list-style: none;
	margin-right:2px;
}
#pagination a{
	border:solid 1px #E0D9B5;
	margin-right:2px;
}
#pagination .previous-off,
#pagination .next-off {
	color:#927452;
	display:block;
	float:left;
	font-weight:bold;
	margin-right:2px;
	padding:3px 4px;
	border: none;
}
#pagination .next a,
#pagination .previous a {
	font-weight:bold;
	border: none;
}
#pagination .active{
	background:#E0D9B5;
	color:#fff;
	font-weight:bold;
	display:block;
	float:left;
}
#pagination .active a{
	color:#fff;
}
#pagination a:link,
#pagination a {
	color:#927452;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}
#pagination a:hover{
	border:solid 1px #E0D9B5;
}
/* RSS Icons */
.middle-links {
	
}
.rss h3{
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
	margin-bottom: 5px;
}
.rss{
	margin-top: 17px;
}
.rss li {
	background: url(images/rss-21x21.png) no-repeat;
	font-size: 10px;
}
.rss a{
	padding-left: 25px;
	line-height: 21px;
}
.rss p {
	margin: 10px 0 10px 10px;
	font-size: 11px;
	color: #999;
}
/* WUFOO CSS */


form.wufoo{
margin:0px 0px 0 0px;
padding:0 0 20px 0;
}

.hide{
display:none !important;
}



.wufoo{
font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
font-size:small;
}
.wufoo li{
width:62%;
}
form ul{
margin:0;
padding:0;
list-style-type:none;
width: 400px;
font-size:100%;
}
form li{
margin:0;
padding:4px 5px 2px 9px;
position:relative;
clear:both;
}
form li:after, .buttons:after{
content:"."; 
display:block;
height:0; 
clear:both; 
visibility:hidden;
}

form li, .buttons{display: inline-block;}
* html form li, * html .buttons{height: 1%;}
form li, .buttons{display: block;}

* html form li div{
display:inline-block;
}
form li div, form li span{
margin:0 4px 0 0;
padding:0 0 8px 0;
color:#444;
}
form li span{
float:left;
}

form li div.address{
padding-bottom:0;
}

form li div.left{
display:inline;
float:left;
width:47%;
}
form li div.right{
display:inline;
float:right;
width:47%;
}

.clear{
clear:both !important;
}
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

/* ----- INFO ----- */

.info{
display:inline-block; 
clear:both;
border-bottom:1px dotted #ccc;
margin:0 0 1em 0;
}
.info[class]{
display:block;
}
.info h2{
font-weight:normal;
font-size:160%;
margin:0 0 3px 0;
clear:left;
}
.info p{
font-size:95%;
line-height:135%;
margin:0 0 12px 0;
}

/* ----- SECTIONS ----- */

form hr{
display:none;
}
form li.section{
border-top:1px dotted #ccc;
margin-top:9px;
padding-top:13px;
padding-bottom:0px;
padding-left:9px;
width:97% !important;
}
form ul li.first{
border-top:none !important;
margin-top:0px !important;
padding-top:0px !important;
}
form .section h3{
font-weight:normal;
font-size:110%;
line-height:135%;
margin:0 0 2px 0;
}
form .section p{
font-size:85%;
margin:0 0 10px 0;
}

/* ----- FIELDS AND LABELS ----- */

label.desc{
line-height:150%;
padding:0 0 1px 0;
border:none;
color:#222;
display:block;
font-size:95%;
font-weight:bold;
}
form li div label, form li span label{
margin:0;
padding-top:3px;
clear:both;
font-size:9px;
line-height:9px;
color:#444;
display:block;
}

input.text, input.file, textarea.textarea, select.select{
margin:0;
font-size:100%;
color:#333;
}
input.text, textarea.textarea, .firefox select.select{
border-top:1px solid #7c7c7c;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-bottom:1px solid #ddd;
background:#fff url(images/fieldbg.gif) repeat-x top;
}
input.text, input.file{
padding:2px 0 2px 0;
}

label.choice{
font-size:100%;
display:block;
line-height:1.5em;
margin:-1.65em 0 0 25px;
padding:.44em 0 .5em 0;
color:#222;
width:90%;
}
input.checkbox, input.radio{
display:block;
line-height:1.5em;
margin:.6em 0 0 3px;
width:13px;
height:13px;
}

textarea.textarea{
font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
}
select.select{
font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
margin:1px 0;
padding:1px 0 0 0;
}
select.select[class]{
margin:0;
padding:1px 0 1px 0;
}
*:first-child+html select.select[class]{
margin:1px 0;
}
.safari select.select{
margin-bottom:1px;
font-size:120% !important;
}

span.symbol{
font-size:115%;
line-height:130%;
}
form li .datepicker{
float:left;
margin:.1em 5px 0 0;
padding:0;
width: 16px;
height: 16px;
cursor:pointer !important;
}

/* ----- BUTTONS ----- */

input.btTxt{
padding:0 7px;
width:auto;
overflow:visible;
}
.buttons{
clear:both;
margin-top:10px;
}
.buttons input{
font-size:120%;
margin-right: 5px;
}

/* ----- TEXT DIRECTION ----- */

.rtl .info h2, .rtl .info p, .rtl label.desc, .rtl label.choice, 
.rtl div label, .rtl span label, .rtl input.text, 
.rtl textarea.textarea, .rtl select.select, .rtl p.instruct, 
.rtl .section h3, .rtl .section p, .rtl input.btTxt{
direction:rtl;
}

/* ----- SIZES ----- */

.third2{
width:32% !important;
}
.half{
width:48% !important;
}
.full{
width:100% !important;
}

input.small, select.small{
width:25%;
}
input.medium, select.medium{
width:50%;
}
input.large, select.large, textarea.textarea{
width:100%;
}

textarea.small{
height:5.5em;
}
textarea.medium{
height:10em;
}
textarea.large{
height:20em;
}

/* ----- ERRORS ----- */

#errorLi{
width:99%;
margin:0 auto;
background:#fff;
border:1px dotted red;
margin-bottom:1em;
text-align:center;
padding-top:4px;
padding-left:0px;
padding-right:0px;
}
#errorMsgLbl{
margin:7px 0 5px 0;
padding:0;
font-size:125%;
color:#DF0000;
}
#errorMsg{
margin:0 0 .8em 0;
color:#000;
font-size:100%;
}
#errorMsg strong{
background-color: #FFDFDF;
padding:2px 3px;
color:red;
}
form li.error{
display:block !important;
background-color: #FFDFDF !important;
margin:3px 0;
}
form li.error label{
color:#DF0000 !important;
}
form p.error{
display:none;
color:red;
font-weight:bold;
font-size:10px;
margin:-2px 0 5px 0;
clear:both;
}
form li.error p.error{
display:block;
}
.leftLabel p.error, .rightLabel p.error{
margin-left:30%;
padding-left:15px;
}
.noI .leftLabel p.error, .noI .rightLabel p.error{
margin-left:35%;
padding-left:15px;
}

/* ----- REQUIRED ----- */

form .req{
float:none;
color:red !important;
font-weight:bold;
margin:0;
}

/* ----- INSTRUCTIONS ----- */

form li.focused{
background-color:#fff7c0;
}
form .instruct{
position:absolute;
top:0;
left:100%;
z-index:1000;
width:42%;
margin:0 0 0 8px;
padding:8px 10px 9px 10px;
border:1px solid #e6e6e6;
background:#f5f5f5;
line-height:130%;
font-size:80%;
color:#444;
visibility:hidden;
}
form .instruct small{
font-size:105%;
}
form li.focused .instruct, form li:hover .instruct{
visibility:visible;
}

/* ----- ALT INSTRUCTIONS ----- */

li.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct{
visibility:visible;
position:static;
margin:-2px 0 0 0;
padding:0 0 7px 0;
background:none;
border:none;
width:100%;
font-size:9px;
clear:left;
}

/* ----- LABEL LAYOUT ----- */

.leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel{
width:74% !important;
padding-top:9px;
}

.leftLabel .small, .rightLabel .small{
width:17%;
}
.leftLabel .medium, .rightLabel .medium{
width:35%;
}
.leftLabel .large, .leftLabel textarea.textarea,
.rightLabel .large, .rightLabel textarea.textarea,
.leftLabel .address, .rightLabel .address{
width:64%;
}

* html .leftLabel .small, * html .rightLabel .small{
width:23%;
}
* html .leftLabel .medium, * html .rightLabel .medium{
width:55%;
}
* html .leftLabel .large, * html .leftLabel textarea.textarea,
* html .rightLabel .large, * html .rightLabel textarea.textarea{
width:97%;
}

.leftLabel label.desc, .rightLabel label.desc{
float:left;
width:30%;
margin:2px 15px 0 0;
}
.rightLabel label.desc{
text-align:right;
}
.leftLabel .address, .rightLabel .address{
float:left;
}

.leftLabel p.instruct, .rightLabel p.instruct{
width:27%;
margin-left:5px;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct{
margin-left:30% !important;
padding-left:15px;
width:65%;
}

.leftLabel .buttons, .rightLabel .buttons{
margin-left:15px;
}
.leftLabel .buttons input, .rightLabel .buttons input{
margin-left:30%;
}

/* ----- NO INSTRUCTIONS ----- */

.noI .instruct{
display:none !important;
}
.noI form li, .noI form li.buttons{
width:97% !important;
}
.noI form li.section{
padding-left:9px !important;
}

/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */

.noI .leftLabel .large, .noI .leftLabel textarea.textarea,
.noI .rightLabel .large, .noI .rightLabel textarea.textarea,
.noI .leftLabel .address, .noI .rightLabel .address{
width:60%;
}

* html .noI .leftLabel .small, * html .noI .rightLabel .small{
width:23%;
}
* html .noI .leftLabel .medium, * html .noI .rightLabel .medium{
width:55%;
}
* html .noI .leftLabel .large, * html .noI .leftLabel textarea.textarea,
* html .noI .rightLabel .large, * html .noI .rightLabel textarea.textarea{
width:97%;
}

.noI .leftLabel label.desc, .noI .rightLabel label.desc{
width:35%;
}
.noI .leftLabel .buttons input, .noI .rightLabel .buttons input{
margin-left:35%;
}

/* ----- FIELD FLOATING ----- */

form li.leftHalf, form li.rightHalf{
width:46% !important;
}
li.leftHalf{
clear:left;
float:left;
}
li.rightHalf{
clear:none;
float:right;
}
li.leftHalf .medium, li.rightHalf .medium,
li.leftHalf .small, li.rightHalf .small{
width:100%;
}





/*Light Windows CSS*/
#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}



#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(images/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(images/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(images/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(images/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}

.navigation {
	color:#666; 
	border:0px;
}

.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:active {
	text-decoration:none;
	color: #636363;
	background:#F9F9F9;
	border:1px solid #E6E6E6;
	padding:3px 6px;
	font-size:11px
}

.navigation a:hover {
	background:#799AE3;
	color:#FFFFFF;
	border-color:#E6E6E6;
}

.navigation span {
	text-decoration:none;
	background:#fff;
	padding:3px 6px;
	border:1px solid #E6E6E6;
	color:#ccc;
	font-size:11px;
}

.rating {
	color: #757575;
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	width: 85px;
	height: 16px;
}
.unit-rating {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 85px;
	height: 16px;
	position: relative;
	background-image: url(../dleimages/rating.gif);
	background-position: top left;
	background-repeat: repeat-x;
}
.unit-rating li {
	text-indent: -90000px;
	padding: 0px;
	margin: 0px;
	float: left;
}
.unit-rating li a {
	display: block;
	width: 17px;
	height: 16px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 17;
	position: absolute;
	padding: 0px;
}
.unit-rating li a:hover {
	background-image: url(../dleimages/rating.gif);
	background-position: left center;
	z-index: 2;
	left: 0px;
}
.unit-rating a.r1-unit { left: 0px; }
.unit-rating a.r1-unit:hover { width: 17px; }
.unit-rating a.r2-unit { left: 17px; }
.unit-rating a.r2-unit:hover { width: 34px; }
.unit-rating a.r3-unit { left: 34px; }
.unit-rating a.r3-unit:hover { width: 51px; }
.unit-rating a.r4-unit { left: 51px; }	
.unit-rating a.r4-unit:hover { width: 68px; }
.unit-rating a.r5-unit { left: 68px; }
.unit-rating a.r5-unit:hover { width: 85px; }
.unit-rating li.current-rating {
	background-image: url(../dleimages/rating.gif);
	background-position: left bottom;
	position: absolute;
	height: 16px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

.bbcodes {
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
	color: #ffffff;
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	/*  width: 120px;  */
	height: 20px;
	background-image: url(../images/dlet_bttn_bbcodes.gif);
	background-repeat: repeat-x;
	font-weight: bold;
}

#dropmenudiv {
	border: 1px solid #ffffff;
	border-bottom-width: 0;
	font: normal 10px Verdana;
	background-color: #6497ca;
	line-height: 20px;
	margin: 2px;
	opacity: 0.95; 
	filter: alpha(opacity=95, enabled=1) progid:DXImageTransform.Microsoft.Shadow(color=#cacaca, direction=135, strength=3);
}
#dropmenudiv a {
	display: block;
	text-indent: 3px;
	border: 1px solid #ffffff;
	padding: 1px 0;
	margin: 1px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
#dropmenudiv a:hover { 
	/* hover background color */
	background-color: #fdd08b;
	color: #000000;
}

#newpm {
	position: absolute;
	width: 400px;
	padding: 4px;
	background-color: #fdfdfd;
	border: 1px solid #bbbbbb;
	font-family: verdana;
	line-height: 135%;
}
#newpmheader {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	height: 20px;
	color: #636363;
	font-weight: bold;
	background-color: #b2c7f1;
	font-family: verdana;
	cursor: move;
}
#newpm a {
	background: transparent;
	color: #4b73d4;
	text-decoration: none;
}
#newpm a:hover {
	background: transparent;
	color: #4b73d4;
	text-decoration: underline;
}

.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-image-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
    text-decoration: none;
	padding: 3px;
	border: 1px solid white;
    background-color: black;
}
a.highslide-full-expand {
	background: url(../dleimages/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}
.highslide-footer {
	height: 11px;
}
.highslide-footer .highslide-resize {
	float: right;
	height: 12px;
	width: 11px;
	background: url(../dleimages/resize.gif);
}
.highslide-resize {
    cursor: nw-resize;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.clouds_xsmall {
	font-size: x-large;
	color:#F2FFD5;
}
.clouds_small {
	font-size: x-large;
	color:#F2FFD5;
}
.clouds_medium {
	font-size: x-large;
	color:#F2FFD5;
}
.clouds_large {
	font-size: x-large;
	color:#F2FFD5;
}
.clouds_xlarge {
	font-size: x-large;
	color:#F2FFD5;
}