/*____\                                                                                      /_____*/
/*    \\         THIS IS THE GENERAL STYLING FOR THE SIMPLEQUICK WEBSITE MAINFRAME          //     */
/*     \\                                                                                  //      */
/*      \\________________________________________________________________________________//       */
/*       \________________________________________________________________________________/        */
/*                                                                                                 */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*                                                                                                 */
/*           COMMENT LANGUAGE CONVENTIONS:                                                         */
/*   <i>   -    Beginning of styling group                                                         */
/*   <o>   -    End of styling group                                                               */
/*                                                                                                 */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


html, body	{
			/*overflow:auto;*/
			font-family:Arial, Helvetica, Sans-Serif;
			color:#555555;
			margin:0px; padding:0px;
			}

body	{
		/*background:url('../images/bg/grey_lines_diag_large.png') #666666;*/
		background:#222222;
		overflow:auto;
		}

div, p, h1, h2, h3, h4, h5, h6, span, li, a, ul	{ position:relative; }

div#header	{
			height:100px;
			width:800px;
			margin-left:auto; margin-right:auto;
			background:url('../images/headers/header.jpg') center no-repeat;
			}

div#w3c	{
		width:800px;
		position:relative;
		margin-left:auto; margin-right:auto;
		background:#FFFFFF;
		border:2px solid #F3C317;
		border-top:0px;
		margin-top:0px;
		padding:0px;
		}

div.footer	{
			background:url('../images/bg/E6E6E6-555_10px.jpg') top repeat-x #555;
			display:block; position:relative;
			padding-top:10px;
			font-size:10px; text-align:center; color:#F3C317;
			border-top:1px solid #F0F0F0;
			cursor:default;
			width:100%;
			}

div.footer span#valid_xhtml	{ position:absolute; left:10px; }

div.footer span#valid_css	{ position:absolute; right:10px; }

div.footer span#copyright	{ position:relative; }


span.admin_notify_top	{ cursor:default; background:#995500; color:#000000; font-size:10px; padding:1px; position:absolute; top:0px; left:0px; border:1px solid #FFCC11; border-left:none; border-top:none; }

span.superadmin_notify_top	{ cursor:default; background:#FFCC11; color:#000000; font-size:10px; padding:1px; position:absolute; top:0px; left:0px; border:1px solid #FFCC11; border-left:none; border-top:none; }


div.contentholder	{
					width:738px; position:relative;
					margin:20px; padding:10px;
					border:1px solid #CCCCCC;
					color:#222222;
					}

div.contentholder.editor	{
							width:auto;
							margin:0px; padding:0px;
							border:0px;
							color:#222222;
							}

div.contentholder h1	{
						background:url('../images/bg/grad_b-w_50px_vert.png') bottom repeat-x #555555;
						text-align:center;
						color:#F3C317;
						font-size:22px;
						margin-left:-10px;
						padding-left:10px; padding-right:10px;
						padding-bottom:28px;
						}

div.contentholder a	{
					color:#BB0000;
					border-bottom:1px solid #F3C317;
					text-decoration:none;
					}

div.contentholder a:hover	{
							color:#BB0000;
							text-decoration:none;
							background:#CCCCCC;
							}

div.contentholder ul	{
						list-style-type:square;
						list-style-image:url('../images/arrow.gif');
						}


/* <i> NAVIGATION MENU STYLING */

ul#primarynav	{
				list-style-type:none;
				list-style-position:outside;
				padding:3px; padding-bottom:2px;
				margin:0px;
				margin-bottom:-0.95em; *margin-bottom:-1.20em;
				background:url('../images/bg/E6E6E6-555_10px.jpg') bottom repeat-x #E6E6E6;
				text-align:center;
				z-index:4;
				}

ul#primarynav li	{
					display:inline;
					}

ul#primarynav li a	{
					width:200px;
					/*background:url('../images/bg/E6E6E6-555_10px.jpg') bottom repeat-x #E6E6E6;*/
					font-size:12px;
					color:#333333; text-decoration:none;
					padding:3px;
					padding-left:6px; padding-right:6px;
					margin-left:2px; margin-right:2px;
					*top:-1px;
					}

ul#primarynav li a.current	{
							/*border-top:2px solid #BB0000;*/
							background:#555555;
							border:1px solid #BB0000;
							border-bottom:0px;
							padding-left:5px; padding-right:5px;
							padding-bottom:4px;
							color:#F3C317;
							}

ul#primarynav li a.first	{
							margin-right:2px;
							}

ul#primarynav li a.admin	{
							display:none;
							}

ul#primarynav li a.admin.current	{
									opacity:1;
									filter:alpha(opacity=100);
									}

ul#primarynav li a:hover	{
							/*background:url('../images/bg/E6E6E6-555_10px.jpg') bottom repeat-x #E6E6E6;*/
							color:#F3C317;
							background:#555555;
							border:1px solid #BB0000;
							border-bottom:0px;
							padding-left:5px; padding-right:5px;
							}

/* <o> NAVIGATION MENU STYLING */

/* <i> ADMIN NAVIGATION MENU STYLING */

ul.admintools	{
				background:#CCCCCC;
				padding:5px; padding-bottom:6px;
				margin:0px;
				text-align:center;
				font-size:12px;
				}

ul.admintools li	{
					list-style-type:none;
					display:inline;
					}

ul.admintools a	{
				color:#000000;
				border-left:1px solid #EEEEEE; border-top:1px solid #EEEEEE;
				border-right:2px solid #AAAAAA; border-bottom:2px solid #AAAAAA;
				background:#CCCCCC;
				text-decoration:none;
				padding:2px;
				}

ul.admintools a:hover	{
						color:#000000;
						border-left:2px solid #AAAAAA; border-top:2px solid #AAAAAA;
						border-right:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE;
						background:#CCCCCC;
						position:relative;
						top:1px; left:1px;
						}

/* <o> ADMIN NAVIGATION MENU STYLING */



/* <i> ADMIN STYLING */

div.doclist	{
			background:#E0E0E0;
			border:1px solid #BBBBBB;
			width:700px;
			margin:20px;
			margin-left:auto; margin-right:auto;
			height:auto;
			}

div.doclist p.row	{
					border:1px dashed #BB0000;
					border-top-width:0px;
					background:url('') top repeat-x #E6E6E6;
					margin:0px;
					width:680px;
					margin-left:10px; margin-right:10px;
					padding-bottom:3px; *padding-bottom:7px;
					}

div.doclist p.row.first	{ border-top-width:1px; }

div.doclist p.row:hover, div.doclist p.row.hover	{ background:url('../images/bg/E6E6E6-555_10px.jpg') bottom repeat-x #E6E6E6; }

/*div.doclist p.row:hover a.edit, div.doclist p.row.hover a.edit	{ background:#AACCFF; }*/

/*div.doclist p.row:hover span.tools a, div.doclist p.row.hover span.tools a	{ background:#DDCCAA; }*/

div.doclist span.name	{
						font-size:12px;
						margin-left:4px;
						color:#BB0000;
						cursor:pointer;
						}

div.doclist span.updated	{
							font-size:10px;
							margin-left:2px; padding-left:2px;
							padding:2px;
							border-left:1px solid #999999;
							color:#999999;
							}

div.doclist span.created	{
							font-size:10px;
							margin-left:2px; padding-left:2px;
							padding:2px;
							border-left:1px solid #999999;
							color:#999999;
							}

div.doclist span.tools	{
						position:absolute;
						right:1px;
						font-size:10px;
						/*background:#CCCCCC;*/
						padding:3px; padding-bottom:4px;
						}

div.doclist span.tools a	{
							color:#000000;
							border-left:1px solid #EEEEEE; border-top:1px solid #EEEEEE;
							border-right:2px solid #AAAAAA; border-bottom:2px solid #AAAAAA;
							background:#CCCCCC;
							text-decoration:none;
							padding:2px;
							}

div.doclist span.tools a:hover	{
								color:#000000;
								border-left:2px solid #AAAAAA; border-top:2px solid #AAAAAA;
								border-right:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE;
								background:#CCCCCC;
								position:relative;
								top:1px; left:1px;
								}

div.doclist span.tools .currenthome	{ color:#BB0000; }

div.doclist span.toolspacer	{ visibility:hidden; }

/* <o> ADMIN STYLING */



/*
h1	{
	text-align:center;
	background:#555555;
	border-top:2px solid #F3C317; border-bottom:2px solid #F3C317;
	color:#FFFFFF;
	font-size:22px; font-weight:bold;
	width:100%;
	padding:2px; margin-left:-2px;
	}
*/
h1	{
	background:url('../images/bg/grad_b-w_50px_vert.png') bottom repeat-x #555555;
	text-align:center;
	/*border-top:2px solid #BB0000;*/
	color:#F3C317;
	font-size:22px;
	width:100%;
	padding-bottom:28px;
	border-top:1px solid #BB0000;
	}	

h2	{
	text-align:center;
	font-family:Arial, Helvetica, Sans-Serif;
	color:#BB0000;
	}




/* not sure what this will be for: */

div#m_info	{
			background:#111111;
			width:360px;
			height:auto;
			padding:20px;
			margin-top:30px;
			margin-left:auto; margin-right:auto;
			opacity:0.7;
			filter:alpha(opacity=70);
			}





/*  <i> FORM POPUPS */

div.dimmer	{
			background:#000;
			display:block;
			position:absolute;
			top:-100px; left:-100px;
			width:5000px; height:5000px;
			opacity:0.7; filter:alpha(opacity=70);
			z-index:998;
			margin-top:-20px; margin-left:-200px;
			}

a.closebutton	{
				background:#990000;
				color:#FFF;
				border:#FFF;
				text-decoration:none;
				padding:1px 4px 2px 4px;
				float:right;
				}

div.popbox	{
			border:1px solid #F3C317;
			text-align:center;
			position:absolute;
			left:50%; margin-left:-350px;
			width:700px;
			top:20px; height:auto;
			z-index:999;
			background:url('../images/abst/grey to white.png') bottom repeat-x #333333;
			}

span.inputtitle	{
				color:#AAAAAA;
				border:1px dashed #F3C317;
				background:#666666;
				border-bottom:1px solid #666666;
				position:relative;
				top:1px;
				padding-left:0.5em; padding-right:0.5em; padding-bottom:1px;
				}

input	{
		color:#F3C317;
		text-align:center;
		/*border:1px dashed #CCCCCC;*/
		border:none;
		border-top:1px dashed #F3C317;
		background:#666666;
		}

textarea	{
			border:1px dashed #F3C317;
			}

input[type='submit']	{
						border:1px dashed #F3C317;
						}

#document_name	{
				width:300px;
				font-size:14px;
				margin-bottom:20px;
				}

div.popbox div.center	{
						display:block;
						text-align:center;
						width:680px;
						margin-left:auto; margin-right:auto;
						}

#document_document	{
					position:relative;
					width:100%;
					height:400px;
					}

/*  <o> FORM POPUPS */


img.profileimage	{
					height:160px;
					}

span.profilename	{
					font-size:22px;
					color:#990000;
					}

span.profiletitle	{
					position:relative;
					font-size:14px;
					font-weight:bold;
					padding:2px; padding-right:20px;
					border:1px solid #F3C317; border-right:none;
					background:#666666;
					}

span.profiledata	{
					position:relative;
					font-size:14px;
					left:-4px;
					padding:2px; padding-left:20px;
					border:1px solid #F3C317; border-left:none;
					background:url('../images/bg/grad_b-w_50px.png') repeat-y left #FFF;
					}
/*
.detailline	{
			position:relative;
			font-size:14px;
			width:90%; display:block; margin-left:-10px;
			padding:1px; padding-left:25px;
			margin-top:2px; margin-bottom:2px;
			border:1px solid #F3C317; border-left:none;
			background:url('../images/bg/grad_b-w_50px.png') repeat-y left #FFF;
			}
*/
.detailline	{
			position:relative;
			font-size:14px;
			width:32em; display:block; margin-left:-10px;
			padding:5px; padding-left:5px;
			margin-top:2px; margin-bottom:2px;
			border:none;
			background:url('../images/bg/grad_b-w_50px.png') repeat-y right #666666;
			}


div.contentholder .doctitle		{
								display:block;
								margin-top:10px; margin-bottom:0px;
								text-align:center; font-size:18px; font-weight:bold; color:#F3C317; font-variant:small-caps;
								padding-top:0px; padding-bottom:27px;
								border-bottom:0px; border-top:4px solid #990000; border-left:1px solid #990000; border-right:1px solid #990000;
								background:url('../images/bg/grad_b-w_50px_vert.png') repeat-x bottom #505050;
								cursor:default;
								}

div.contentholder .docboard	{
								margin-top:-15px;
								font-size:12px;
								text-align:left;
								color:#333;
								border:1px solid #990000; border-top:0px;
								padding:4px;
								cursor:default;
								}

div.contentholder .docboard p	{
									text-indent:2em;
									}

div.contentholder .docboard ul	{
									list-style-image:url('../images/arrow.gif');
									}

div.contentholder .errorbox	{
								background:#CCC;
								border:1px dashed #BB0000;
								padding:20px;
								text-align:center;
								width:600px;
								margin:50px;
								margin-left:auto; margin-right:auto;
								}
				


/* tooltips: */

div#tooltip {
	width:300px;		/* sets maximum tooltip width */
	text-align:left; font-size:10px; color:#222222;
	z-index:1002;
	background:#FFFFEE;
	border:1px solid #AAAAAA;
	padding:1px;
}

div#tooltip	.tiptitle {
	font-weight:bold;
	font-size:10px;
	color:#000000;
	display:block;
	position:absolute;
	margin:auto;
	padding-left:1px; padding-right:1px;
	top:-1em; left:-2px;
	margin-top:-5px;
	width:100%;
	background:#CCCCBB;
	border:1px solid #AAAAAA;
}