/* The Resets */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
h6,pre,form,fieldset,input,p,blockquote,table,
th,td, object { margin: 0; padding: 0; }
fieldset,img,abbr { border: 0; }
address,caption,cite,code,dfn,em,h1,h2,h3,
h4,h5,h6,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
a { text-decoration: none; }



/* widly used elements */	

		#content { 
		width: 68%;
		margin-right: 2%;
		float: left;
		overflow: hidden;
		}
	
	#sidebar { 
		margin-left: 2%;
		width: 28%;
		float: right;
		overflow: hidden;
		} 


.clearfix:after, .content:after, #container:after, #footer:after, .thumbHolder:after, .dwide:after, .box:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; }

	.clearfix, .content, #container, #footer, .thumbHolder, .dwide, .box { display:block; }
	
	.hide { display: none; }
	.view { display: inline; }
	.right { float: right; }
	.textright { text-align: right; }
	.center { text-align: center; }
	.middle { vertical-align:middle; }
	.left { float: left; }
	.textleft { text-align: left; }
	
	.nomargin { margin: 0; }
	.nopadding { padding: 0; }
	.noborder { border: 0; }
	.strictimg { border:0; margin:0; padding:0; }
	
	.strong { font-weight:bold; }
	.pointer { cursor:pointer; }
	.block { display:block; }
	
	.hide { display: none; }
	.view { display: inline; }
	.right { float: right; }
	.center { text-align: center; }
	.left { float: left; }
	.top { vertical-align: top; }
	.middle { vertical-align: middle; }
	.piece { margin: 0 0 20px 0; }
	.nopad { padding: 0; }
	.hidden { visibility: hidden; position: absolute; }
	.txtright { text-align: right; }
	.txtleft { text-align: left; }
	.display { display: block; }
	.underline { text-decoration: underline;}
	.strong { font-weight:bold; }
	.pointer { cursor:pointer; }
	
	.paddin { margin-left: 30px; }

	.content { margin: 4px 0 10px 0; }
	.content-0 { margin: 4px 14px; }
	.content-1 { margin: 10px 14px; }
	.content-2 { margin: 16px 14px; }


table.strict { width: 100%; text-align: left; border: 0; }
	table.strict td { vertical-align: top; }
		
table.divide { width: 100%; text-align: left; border: 0; }
	table.divide td.divideLeft { width: 48%; vertical-align: top; padding-right: 2%;}
	table.divide td.divideRight { width: 48%; vertical-align: top; padding-left: 2%;}












/* OVERLAY */

#overlay_fade {
	top:0;
	left:0;
	position: absolute;
	width: 100%;
	z-index: 110;
}



#overlay_container {
	width: 780px;
	margin: 0 auto;
	background: transparent;
	}
	
	#overlay_contentholder { background: transparent url('overlay/container_background.png') top left repeat-y; padding: 0 40px; }

	#overlay_content {
		background: #fff url('overlay/content_background.png') top left repeat-x;
		margin-top: 20px;
		padding: 20px 20px 0 20px;
		color: #000;
		}
		
		#overlay_footer {
			background: transparent url('overlay/footer_background.png') bottom left no-repeat;
			height: 65px;
			}
		
		
		#overlay_content * {
			color: #000;
			}



#overlay_loginPlacer { position: fixed; top:0; width:100%; }
#overlay_login {
	width: 220px;
	padding: 0 40px 40px 40px;
	background: url('overlay/login_background.png') bottom left repeat-x;
	margin: 0px auto 40px auto;
	}


#overlay_top {
	position:fixed;
	width: 100%;
	background: #000 url('overlay/navigation.png') top left repeat-x;
	height: 25px;
	font-size: 11px;
	z-index: 9000;
}
	#overlay_top ul {
		height: 25px;
		width: 380px;
		overflow:hidden;
		margin: 0 auto;
		list-style: none;
		}
			#overlay_top ul li {
				float: left;
				margin:0;
				padding: 4px 10px;
				border-left: 1px solid #222;
				}
				#overlay_top ul li:first-child { border:0; }
				#overlay_top ul li.focus {
					background: url('overlay/navigation_on.png') top left repeat-x;
					}
					#overlay_top ul li.focus a { color: #ccc; }
					
				#overlay_top a { color: #fff; text-decoration: none; }
								#overlay_top a:hover { color: #ccc; }

	#overlay_top span.title {
		color: #999;
		float: left;
		padding: 4px 10px;
		height: 25px;
		}
		
	#overlay_top span.author {
		color: #999;
		float: right;
		padding: 4px 10px;
		height: 25px;
		}












/* Text markup */

#overlay_content a { color: #446d96; }
	#overlay_content a:hover { text-decoration: underline;}
	
#overlay_content p { margin: 0 0 10px 0; padding:0;}

	#overlay_content .info,#overlay_content .fade { color: #666; }
	
#overlay_content h3 {
	margin: 0 0 10px 0;
	}
	#overlay_content h3 span{
		color: #666;
		}

/* Box & misc markup */

#overlay_content .boxHolder, #overlay_content .listHolder {
	border: 1px solid #e1e1e1;
	background: #f9f9f9;
	margin: 0 0 10px 0;
	}
	
#overlay_content .box, #overlay_content .addonBox {
	padding: 10px;
	margin:0;
	background: transparent;
	border-top: 1px solid #e1e1e1;
	}
	
	#overlay_content .addonBox { padding: ; text-align: right; height: 26px;}
		#overlay_content .addonBox label { float:left; margin: 5px 0 0 0; font-size: 1.2em;  color: #000;}
		#overlay_content .addonBox .text, #overlay_content .addonBox .select { margin:0; }
	
	#overlay_content .list { border-top: 1px solid #e1e1e1; padding: 4px 8px; }
		#overlay_content .list:first-child { border-top: 0; }
		
	#overlay_content .boxChild:hover, #overlay_content .box:hover, #overlay_content .addonBox:hover, #overlay_content .list:hover, #overlay_content .listfocus  { background: #f1f1f1; }
	#overlay_content .box:hover h4, #overlay_content .boxChild:hover h4 { text-decoration: underline; }
	#overlay_content .box h4 span, #overlay_content .boxChild h4 span { color: #555; }
	#overlay_content .box:first-child, #overlay_content .addonBox:first-child  { border:0; }
	#overlay_content .boxChild { padding: 5px 10px 5px 20px; border-top: 1px solid #e1e1e1; }
	
	
	#overlay_content .box .options, #overlay_content .boxChild .options { float: right; margin-top: 8px; }	
		#overlay_content .box .options a, #overlay_content .boxChild .options a { margin-left: 10px; }



#overlay_content .boxPhoto {
	position: normal;
	padding: 10px 10px 10px 110px;
	margin: 0 10px 10px 0;
	float: left;
	width: 80px;
	height: 60px;
	border: 1px solid #e1e1e1;
	}
	#overlay_content .boxPhoto .boxPreview {
		position: absolute;
		margin-left: -100px;
		width: 90px;
		height: 60px;
		background: #f1f1f1 center center no-repeat;
		display:block;
		}


#overlay_content .OCP, #OCPO { display:none; }
#overlay_content .OCPF { display:block; }

#overlay_content .OCSnav {
	float: right;
	margin: 0px 0px 0 0;
	}
	#overlay_content .OCSnav a {
		padding: 6px 8px;
		background: transparent;
		margin: 1px 4px 0 4px;
		font-size: 1.2em;
		color: #666;

		}
		#overlay_content .OCSnav a.focus {
			color: #000;
			margin: 0 3px;
			background: #e1e1e1;
			border: 1px solid #fff;
			text-decoration:none;
			}



/* Form markup */


#overlay_content form { margin: 0px 0; padding:0; }
	
#overlay_content fieldset { margin: 0; padding:0; border:0; margin: 0 0 5px 0; }
#overlay_content label, #overlay_content legend { color: #555; }

#overlay_content input.text, #overlay_content select.select {
	border: 1px solid #666;
	background: #fff;
	padding: 4px;
	margin: 0 0 5px 0;
	font-size: 1.2em;
	}
	
	#overlay_content select.select { 	font-size: 1.2em;  }
	#overlay_content input.longtext {}
	
	#overlay_content fieldset .text { width: 92%; }
	#overlay_content fieldset .select { width: 92%; }
	#overlay_content input.shorttext { width: 50px; }

#overlay_content textarea.text {
	width: 95%;
	height: 250px;
	border: 1px solid #666;
	background: #fff;
	padding: 4px;
	}


#overlay_content div.submit_form {
	margin: 10px 0 0 0;
	text-align: left;
	}
	
	#overlay_content input.submit {
		padding: 4px;
		background: #fff;
		border: 1px solid #ccc;
		color: #000;
		font-weight: bold;
		}
		
		#overlay_content input.submit:hover {
			border: 1px solid #ccc;
			border-right: 1px solid #999;
			border-bottom: 1px solid #999;
			}
			
			#overlay_content input.submitHigh {
				border: 1px solid #ccc;
				border-right: 1px solid #999;
				border-bottom: 1px solid #999;
				background: #e1e1e1;
				color: #999;
				}
	
#overlay_content .addForm { 
	background: #f9f9f9;
	border: 1px solid #e1e1e1;
	margin: 0px 0 10px 0;
	padding: 10px;
	}
	#addFormSubmits { margin-top: 4px; }
	#uploadAddonStatus { display:none; }
	
#overlay_content .divBy2, #overlay_content .divBy3, #overlay_content .divBy4 {
	width: 100%;
	margin: 0;
	padding:0;
	}
	#overlay_content .divBy2 td { width: 49%; padding: 5px 0 0 1%; vertical-align:top; }
		#overlay_content .divBy2 td:first-child {padding: 5px 1% 0 0; }
		#overlay_content .divBy2 td .text { width: 80%; }
		#overlay_content .divBy2 td .select { width: 80%; }
	#overlay_content .divBy3 td { width: 32%; padding: 5px 1% 0 0; vertical-align:top; }
		#overlay_content .divBy3 td .text { width: 80%; }
		#overlay_content .divBy3 td .select { width: 80%; }
	#overlay_content .divBy4 td { width: 24%; padding: 5px 1% 0 0; vertical-align:top; }
		#overlay_content .divBy4 td .text { width: 80%; }
		#overlay_content .divBy4 td .select { width: 80%; }
	

#overlay_content .quickLinks {
	font-size: 1.4em;
	list-style-color: #e1e1e1;
	}


#viewError, #viewMessage {
	padding: 4px 10px;
	font-size: 11px;
	background: url('overlay/viewMessage.png') center left repeat-x;
	border-right: 1px solid #222;
	color: #fff;
	position: fixed;
	z-index: 990;
	top: 0;
	left: 0;
	height: 17px;
	cursor: pointer;
	}

#viewError {
	background: url('overlay/viewError.png') center left repeat-x;
}


/* Write extras */


#overlay_content fieldset.writeExtrainfo {
	width: 48%;
	float: right;
	}





#ajaxRe, #ajaxRe2, #ajaxRe3, #ajaxRe4 {
	display: block;
	margin: 10px 0 0 0;
	}