@charset "UTF-8";

body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #FFFFFF url(images/bg.gif) 162px 0 repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	scrollbar-face-color : #f4eaf3;
    scrollbar-shadow-color : #cea8d2;
    scrollbar-3dlight-color : #cea8d2;
    scrollbar-darkshadow-color : #6c065a;
    scrollbar-arrow-color : #6c065a;
}

.80spacer { height: 70px;}

#logoDark { height: 100px; margin-left: 461px; }

#textColumn {
	position: absolute;
	top: 130px;
	left: 50px;
	width: 380px;
	height : 330px;
    overflow: auto;
}


#textColumn h1 { font-size: 12px; color: #6c065a; line-height: 16px; margin: 0px 0px 10px 0px;}
#textColumn p  { font-size: 11px; line-height: 16px; margin: 0px 0px 10px 0px; padding-right: 10px;}
#textColumn h2 { font-size: 11px; line-height: 16px; color: #6c065a; font-weight: bold; margin: 14px 0px 4px 0px;}
#textColumn a  { color: #000000; text-decoration: none; }
#textColumn a:hover, { color: #000000; text-decoration: underline; }



#imageSection, #imageSection2, #imageSection3, #imageSection4, #imageSection5, #imageSection6, #imageSection7, #imageSection8, #imageSection9, #imageSection10, #imageSection11, #imageSection12, #imageSection13, #imageSection14 {
	position: absolute;
	top: 100px;
	left: 440px;
	padding: 32px 20px 0px 20px;
} 

#imageSection2, #imageSection3, #imageSection4, #imageSection5, #imageSection6, #imageSection7, #imageSection8, #imageSection9, #imageSection10, #imageSection11, #imageSection12, #imageSection13, #imageSection14 { visibility:hidden; }
#imageSection img, #imageSection2 img, #imageSection3 img, #imageSection4 img, #imageSection5 img, #imageSection6 img, #imageSection7 img, #imageSection8 img, #imageSection9 img, #imageSection10 img, #imageSection11 img, #imageSection12 img, #imageSection13 img, #imageSection14 img, #downloadColumn img { border: #cea8d2 1px solid; }

#downloadColumn {
	position: absolute;
	top: 120px;
	left: 460px;
	width: 300px;
	padding: 3px 3px 3px 3px;
	/*padding: 32px 20px 0px 20px;*/
	text-align: left;
	height: 300px;
	overflow: auto;
}

#downloadColumn a  { color: #000000; text-decoration: none; }
#downloadColumn a:hover, { color: #000000; text-decoration: underline; }



#smImages { position: absolute; left: 440px; top: 426px; height: 30px; padding: 0px 20px 0px 20px; }
#smImages a { font-size: 12px; color: #6c065a; text-decoration: none; }
#smImages a:hover3 { color: #6c065a; text-decoration: underline; }
#smImages img { border: #cea8d2 1px solid;}

.thumbnails { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-left: 8px;
	width: 260px;
}
#smImages .thumbnails img { margin-left: 5px; }



#imageGrid { 
	position: absolute;
	top: 100px;
	left: 440px;
	padding: 32px 20px 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
#imageGrid td { width: 3px; height: 3px; }
#imageGrid img { border: none; }
#imageGrid a img { border: #cea8d2 1px solid; }
#imageGrid a:hover img { border: #6c065a 1px solid; }

#footer { 
	position: absolute;
	top: 490px;
	width: 780px;
	left: 30px; 
} 
#footer .menuLinks { 
	float: left; 
	font-size: 11px; 
	font-weight: bold; 
	color: #6c065a; 
	width: 103px; 
	margin: 0px 0px 0px 18px;
	text-align: center;
}

#footer .menuLinks a { color: #6c065a; text-decoration: none; }

.menuLinks1 { padding-top: 5px; border-top: 3px #cea8d2 solid; }
.menuLinks2 { padding-top: 5px; border-top: 3px #6c065a solid; }


 
#address p {
	margin: 0; 
	padding: 30px 0 0 0; 
	font-size: 11px;
}
#address .grey { color: #666666; font-weight: bold; padding-left: 32px; }
#address a { color: #000000; text-decoration: none; }
#address a:hover { text-decoration: underline; }

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	width: 187px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* New Styles for PHP Files */
.tableA {
    overflow: auto;
    width: 280px;
	padding: 0;
    margin: 0 0 1.5em 0;
    border: 1px solid #C1DAD7;
    border-collapse:collapse;	
}
tr.alt {
   /* background: #F5FAFA;*/
   /*background:#DDE6F7;*/
   background:#EBEDDD;
    color:#D0D7CA;
	/*color:#DEECF3;*/ 
	/*color:#797268;*/
}

.td1 {
   font: normal 11px Arial, Helvetica, sans-serif;
   text-align: center;
   border-right: 1px solid #C1DAD7;
   border-bottom: 1px solid #C1DAD7;
   padding: 6px 12px 6px 12px;
   color: #4f6b72;
}


/* management_access.php */

/* TEXT DESCRIPTIONS FOR EACH PAGE */
#accessColumn {
	/*position: absolute;*/
	float:left;
	margin-top: 0px;
	margin-left: 40px;
	width: 380px;
	height : 330px;
    overflow: auto;
}

#accessColumn h1 { font-size: 12px; color: #6c065a; line-height: 16px; margin: 0px 0px 10px 0px;}
#accessColumn p  { font-size: 11px; line-height: 16px; margin: 0px 0px 10px 0px; padding-right: 10px;}
#accessColumn h2 { font-size: 11px; line-height: 16px; color: #6c065a; font-weight: bold; margin: 14px 0px 4px 0px;}
#accessColumn a  { color: #000000; text-decoration: none; }
#accessColumn a:hover, { color: #000000; text-decoration: underline; }

.formSubmit {
	float:left;
	margin-left: 145px;
	margin-top: 10px;
	width: 100px;
	font: 11px normal Arial, Helvetica, sans-serif;
}

.labelStyle {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	width: 100px;
	font: 11px normal Arial, Helvetica, sans-serif;
}

.inputStyle {
	float: left;
	margin-left: 40px;
	margin-top: 10px;
	width: 200px;
	font: 11px normal Arial, Helvetica, sans-serif;
}

.labelTextStyle {
	width: 150px;
	font: 12px bold Arial, Helvetica, sans-serif;
}
.inputTextStyle {
	width: 600px;
	height: 18px;
	font: 12px normal Arial, Helvetica, sans-serif;
}



/* Inside the management_console directory */

/* m_footer.php */

#navigation_wrapper { 
	float:left;	
	margin-top: -45px;
	width: 800px;
	margin-left: 0px; 
}

.navigationLinks { 
	float: left; 
	font-size: 11px; 
	font-weight: bold; 
	color: #4f0b56; 
	width: 50px; 
	margin: 4px 0px 0px 3px;
	text-align: left;	
}

.navigationLinks1 { 
	float: left; 
	font-size: 11px; 
	font-weight: bold; 
	color: #4f0b56; 
	width: 100px; 
	margin: 4px 0px 0px 3px;
	text-align: left;	
}

.navigationLinks a {
	text-decoration:none;
}

.navigationLinks1 a {
	text-decoration:none;
}

.navigationLinksExtended {
	width: 90px;
	color: #4f0b56;
}

#footer_position {
	margin-left:10px;
}



/* Shared in: Index.php, total_files.php, view_assets.php, view_titles.php etc */
.para {
	font: 10px normal Arial, Helvetica, sans-serif;
}


.paraExt {
	font: 12px normal Arial, Helvetica, sans-serif;	
}

/* files COLUMN */
#filesColumn {
	/*position: absolute;*/
	float:left;
	margin-top: 50px;
	margin-left: 40px;
	padding-right: 15px;
	width: 750px;
}

#filesColumn h1 { font-size: 12px; color: #6c065a; line-height: 16px; margin: 0px 0px 10px 0px;}
#filesColumn p  { font-size: 11px; line-height: 16px; margin: 0px 0px 10px 0px; padding-right: 10px;}
#filesColumn h2 { font-size: 11px; line-height: 16px; color: #6c065a; font-weight: bold; margin: 14px 0px 4px 0px;}
#filesColumn a  { color: #000000; text-decoration: none; }
#filesColumn a:hover, { color: #000000; text-decoration: underline; }

/* UPLOAD COLUMN */
#uploadColumn {
	/*position: absolute;*/
	float:left;
	margin-top: 65px;
	margin-left: 40px;
	padding-right: 15px;
	width: 750px;
	height : 534px;
 ?  overflow: visible;
}

#uploadColumn h1 { font-size: 12px; color: #6c065a; line-height: 16px; margin: 0px 0px 10px 0px;}
#uploadColumn p  { font-size: 11px; line-height: 16px; margin: 0px 0px 10px 0px; padding-right: 10px;}
#uploadColumn h2 { font-size: 11px; line-height: 16px; color: #6c065a; font-weight: bold; margin: 14px 0px 4px 0px;}
#uploadColumn a  { color: #000000; text-decoration: none; }
#uploadColumn a:hover, { color: #000000; text-decoration: underline; }

/* formCOLUMN */
#formColumn {
	/*position: absolute;*/
	float:left;
	margin-top: 0px;
	margin-left: 40px;
	padding-right: 15px;
	width: 750px;
	height : 334px;
    overflow: auto;
}

#formColumn h1 { font-size: 12px; color: #6c065a; line-height: 16px; margin: 0px 0px 10px 0px;}
#formColumn p  { font-size: 11px; line-height: 16px; margin: 0px 0px 10px 0px; padding-right: 10px;}
#formColumn h2 { font-size: 11px; line-height: 16px; color: #6c065a; font-weight: bold; margin: 14px 0px 4px 0px;}
#formColumn a  { color: #000000; text-decoration: none; }
#formColumn a:hover, { color: #000000; text-decoration: underline; }


.clearContent {
	margin-top: 15px;
}

.table1 {
    overflow: auto;
    width: 100%;
	padding: 5px;
    margin: 0 0 1.5em 0;
    border: 1px solid #C1DAD7;
    border-collapse:collapse;	
}

.th1 {
   font: bold 78% Arial, Helvetica, sans-serif;
   color: #4f6b72;
   border-right: 1px solid #C1DAD7;
   border-bottom: 1px solid #C1DAD7;
   border-top: 1px solid #C1DAD7;
   letter-spacing: 1px;
   text-transform: uppercase;
   text-align: center;
   padding: 8px 12px 4px 12px;
   background:#9DBBD2;
   vertical-align:middle;
}
.td1A {
   font: normal 11px Arial, Helvetica, sans-serif;
   text-align: left;
   border-right: 1px solid #C1DAD7;
   border-bottom: 1px solid #C1DAD7;
   padding: 6px 12px 6px 12px;
   color: #4f6b72;
}