@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;
}

#wrapper {
	width: 800px;
	margin: auto;
	text-align: left;
}

#content {
	float: left;
	width: 800px;
	margin: 0px;
}

#content_wrapper {
	float:left;
	margin-left: 0px;
}

#logoDark { 
	float: left;
	height: 100px; 
	margin-left: 1px; 
	margin-top: 30px;
}

/* 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; }


#textColumn {
	/*position: absolute;*/
	float:left;
	margin-top: 0px;
	margin-left: 40px;
	width: 340px;
	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; }

#downloadColumn {
	/*clear:left;*/
	float:left;
	margin-top: -310px;
	margin-left: 400px;
	width: 380px;
	height : 300px;
	overflow:auto;
}

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

/* FORM COLUMN */
#formColumn {
	/*position: absolute;*/
	float:left;
	margin-top: 0px;
	margin-left: 40px;
	padding-right: 15px;
	width: 365px;
	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; }


/* UPLOAD COLUMN */
#uploadColumn {
	/*position: absolute;*/
	float:left;
	margin-top: 65px;
	margin-left: 40px;
	padding-right: 15px;
	width: 365px;
	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; }


/* FORMATTING FOR DISPLAYING ALL FILES UPLOADED BY CLIENT */
#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; }


.image_holder {
	float:left;
	margin-top:-324px;
	margin-left: 455px;
}

#imageSection {
	margin: 0px;
} 

.imagePlace {
	margin: 0px;
}


#thumbnailGrid {
	clear: left;
	float:left;
	margin-top: -32px;
	margin-left: 450px;
	margin-bottom: -50px;
	width: 280px;
	height: 50px;
	overflow:auto;
	overflow-y: hidden;
	overflow-x: scroll;	
}

#thumbnailHolder {
	margin:0;
	padding: 0;	
	/*width: 500px; */
	height:45px;
	visibility:visible;
}

.thumbnails {
	clear:none; 
	float:left;
	margin-left: 3px; 
	margin-top: 3px;
	padding: 2px;
	list-style:none;
	height:25px;
	width:25px;
	background:#ffffff;
	border:#000000 1px thin;
}

/* TABLE FORMATTING FOR 3 X 3 IMAGE WINDOW BLOCK */
#imageGrid { 
	/*position: absolute;*/
	float:left;
	margin-top: 0px;
	margin-left: 0x;
	padding-left: 70px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 



/* HOME PAGE IMAGE GRID */
#windowHolder {
	clear:left;
	float:left;
	width: 320px;
	margin:0px;
}

.windowImage {
	float:left;
	margin-left: 3px;
	margin-top: 3px;
	border: #000000 thin;
	padding: 2px;
	height:93px;
	width:93px;
}


/* FORM ELEMENTS STYLES */
.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;
}

.textAreaStyle {
	width: 600px;
	height: 200px;
	font: 12px normal Arial, Helvetica, sans-serif;
}

.textAreaMiniStyle {
	width: 600px;
	height: 50px;
	font: 12px normal Arial, Helvetica, sans-serif;
}

.textAreaUploadStyle {
	width: 600px;
	height: 100px;
	font: 12px normal Arial, Helvetica, sans-serif;
}


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


/* STYLING FOR THE STANDARD PAGE FOOTER */
#footer { 
	/*position: absolute;*/
	float:left;	
	margin-top: 49px;
	width: 800px;
	margin-left: 0px; 
} 

#downloadFooter { 
	/*position: absolute;*/
	float:left;	
	margin-top: 49px;
	width: 800px;
	margin-left: 0px; 
} 

#footerBG {
	background:#4f0b56;
	width: 800px;
	height: 20px;
}

#footer_position {
	margin-left:10px;
}

.menuLinks { 
	float: left; 
	font-size: 9px; 
	font-weight: bold; 
	/*color: #6c065a;*/
	color: #ffffff; 
	width: 60px; 
	margin: 5px 0px 0px 3px;
	text-align: center;
}

.menuLinksHome { 
	float: left; 
	font-size: 9px; 
	font-weight: bold; 
	/*color: #6c065a;*/
	color: #ffffff; 
	width: 50px; 
	margin: 5px 0px 0px 3px;
	text-align: center;
}

.menuLinksMarketing { 
	float: left; 
	font-size: 9px; 
	font-weight: bold; 
	/*color: #6c065a;*/
	color: #ffffff; 
	width: 70px; 
	margin: 5px 0px 0px 3px;
	text-align: center;
}

.menuLinksAdditional { 
	float: left; 
	font-size: 9px; 
	font-weight: bold; 
	color: #ffffff; 
	width: 78px; 
	margin: 5px 0px 0px 3px;
	text-align: center;
}

.menuLinksPromotion { 
	float: left; 
	font-size: 9px; 
	font-weight: bold; 
	color: #ffffff; 
	width: 70px; 
	margin: 5px 0px 0px 3px;
	text-align: center;
}

.menuLinksExtended { 
	float: left; 
	font-size: 9px; 
	font-weight: bold; 
	color: #ffffff;  
	width: 105px; 
	margin: 5px 0px 0px 3px;
	text-align: center;
}

.menuLinks a { color: #ffffff; text-decoration: none; }
.menuLinksHome a { color: #ffffff; text-decoration: none; }
.menuLinksExtended a { color: #ffffff; text-decoration: none; }
.menuLinksAdditional a { color: #ffffff; text-decoration: none; }
.menuLinksMarketing a { color: #ffffff; text-decoration: none; }
.menuLinksPromotion a { color: #ffffff; text-decoration: none; }


/* FOOTER POSITIONING/STYLING FOR THE UPLOADED FILES DISPLAY CONSOLE */
#files_footer { 
	/*position: absolute;*/
	float:left;	
	margin-top: 0px;
	width: 800px;
	margin-left: 0px; 
}


/* STYLING FOR THE HOME PAGE FOOTER */
#home_footer { 
	/*position: absolute;*/
	float:left;	
	margin-top: 49px;
	width: 800px;
	margin-left: 0px; 
}


 /* CLIENT ADDRESS FORMATTING */
#address p {
	margin-top: 10px; 
	padding: 0; 
	font-size: 11px;
	text-align:center;
}
#address .grey { color: #666666; font-weight: bold; padding-left: 10px; }
#address a { color: #000000; text-decoration: none; }
#address a:hover { text-decoration: underline; }


/* GENERIC FORMATTING  */
.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;
	margin-left: 130px;
	width: 100px;
}
.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;
}

.clearContent {
	margin-top: 15px;
}


/* FORMATTING FOR TABLES */
.tableA {
    overflow: auto;
    width: 330px;
	padding: 0;
    margin: 0 auto 1.5em auto;
    border: 1px solid #C1DAD7;
    border-collapse:collapse;	
}

.table1 {
    overflow: auto;
    width: 100%;
	padding: 5px;
    margin: 0 auto 1.5em auto;
    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;
}

.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;
}

.caption1 {
   padding: 5px;
   margin:0 auto;
   width:auto;
   font: bold 88% Arial, Helvetica, sans-serif;
   text-align: center;
   border: 1px solid #C1DAD7;
   border-bottom: none;
   background:#FFFFFF;
}

.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;
}


/* PARAGRAPH FORMATTING */
.para {
	font: 10px normal Arial, Helvetica, sans-serif;
}


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


.linkStyle {
	text-decoration:none;
}


/* FORMATTING FOR PAGINATION ON FILES DISPLAY PAGE */
.pg-normal {
	font: 11px normal Arial, Helvetica, sans-serif;
    color: black;
    text-decoration: none;    
    cursor: pointer;    
}
.pg-selected {
    color: black;
    font: 11px bold Arial, Helvetica, sans-serif;       
    text-decoration: underline;
    cursor: pointer;
}

.divider {
	float:left;
	/*padding-top: 2px;*/
	margin-top:1px;
	padding-left: 1px;
	padding-right: 1px;
	width: 1px;
	color:#ffffff;
}


#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;
}

.preBack {
	clear: left;
	float: left;
	margin-top: 25px;
	font: 70% normal Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
}

#targetVideo { margin: 10px 0px 0px 5px; }
#targetVideo p { font-size: 11px; line-height: 14px; }
#targetVideo a { color: #6c065a; text-decoration: underline; }
#targetVideo a:hover { color: #6c065a; text-decoration: none; }