body, html {
margin:0px;
padding:0px;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color:#000000;
font-size:10px;
background-color: #e5e5e5;
}

.fldName {
padding-right:5px;
font-weight:600;
}
.selectedImage {
border:solid 3px #0099FF;
}
.unselectedImage {

border:solid 1px #ffffff;
}
.fldAttrb {
padding:5px;
}
.filecategory{
font-size:14px;
padding-bottom:3px;
text-transform:capitalize;
background-color:#91C0DD;
color:#000000;
padding-left:5px;
cursor:pointer;
line-height:16px;
vertical-align:top;

}

.mailheader{
font-size:12px;
border-bottom:1px solid #000000;
}
.alink {
cursor:pointer;
text-decoration:none;
color:#063481;
}

.listlinks {
cursor:pointer;
text-decoration:none;
color:#38517b;
}

.alink_hover {
text-decoration:underline;
color:#0076a3;
cursor:pointer;

}

.messagebox {


}

.messagealert{
color:#D85552;
text-decoration:underline;
cursor:pointer;
}

.updatemessagebox {
padding:3px;
border:dashed #000000 1px;
}

.updatesubject {
font-style:italic;
padding-left:10px;
color:#0099FF;
}
.updatemessage {
padding-left:25px;
}

#notespopup {
  width: 130px; /* Cosmetic */

  background-color: #ffffff;
  padding: 5px;
  display: none; /* Required */
  position: absolute;
  font-size:12px;
  text-align:center;
  border:solid 2px #000000;
}

.updateitem{
font-size:10px;
padding-bottom:5px;
}
.buttonlistheader {
font-weight:800;
padding-bottom:3px;
padding-top:3px;
text-decoration:underline;
}
.actionbox {

}
.tableheader {
color:#000000;
line-height:14px;
text-align:left;
font-size:12px;
}

.actionlinks {
background-color:#C1E0E1;
padding:5px;
font-size:12px;
}
.selectedcell{
background-color:#999999;
color:#FFFFFF;
padding:5px;
text-align:left;
}

.listcell{
background-color:#bce3fc;
color:#000000;
padding:5px;
text-align:left;
font-size:10px;
}

.listcell a{
color:#50b650;
padding:5px;
text-align:left;
}
.listcell a:link{
color:#50b650;
padding:5px;
text-align:left;
}
.listcell2{
background-color:#666666;
color:#000000;
padding:5px;
text-align:left;
}

.listcellmed{
background-color:#363636;
color:#FFFFFF;
font-size:14px;
padding:5px;
text-align:left;
}
.subsection_header {
background-color:#a2b7b3;
font-size:12px;
font-weight:bold;
color:#000000;
height:15px;
}

.section_header {
background-color:#E2E9E8;
font-size:12px;
font-weight:bold;
color:#000000;
height:20px;
}
.listspacer{
background-color:#363636;
height:10px;
}
.listspacermed{
background-color:#363636;
height:5px;
}
.listspacersm{
background-color:#363636;
height:3px;
}

.listcelllg{
background-color:#363636;
color:#FFFFFF;
font-size:16px;
padding:5px;
}

#approvedfileslist{
max-height:400px;
height:400px;
overflow:auto;
}
#waitingfileslist{
max-height:400px;
height:400px;
overflow:auto;
}
.arrow_right {
line-height:30px;
padding-right:10px;
padding-top:2px;
}

.filepurpose {
font-size:16px;
font-weight:700;
padding-bottom:3px;
text-transform:capitalize;
background-color:#CCCCCC;
color:#000000;
padding-left:5px;
}
/*DROP DOWN */
.propertyblock {
font-size:12px;
background-color:#B5D1DF;
border-top:solid #000000 1px;

}
.projectblock {
font-size:12px;
background-color:#9bbc97;
border-top:solid #000000 1px;
}
.taskblock { 
font-size:12px;
background-color:#eab76e;
border-top:solid #000000 1px;
}

.messagebox {
font-size:11px;
color:#0066CC;
}
.dashinfo {
font-size:10px;
}
.userdash{
background-color:#D3E4E7;
padding:5px;
border:solid 1px #c1cfd2;
}
.blockcontrols {
background-color:#CDE0F3;
color:#000000;
padding:5px;

}
.blockcontrols a{
color:#077aa6;
font-size:12px;
}
.blockcontrols a:link{
color:#077aa6;
font-size:12px;
}
.blockcontrols a:hover{
color:#666666;
font-size:12px;
text-decoration:underline;
}
.blockcontrols a:visited{
color:#077aa6;
font-size:12px;
}
.blocktext a{
color:#077aa6;
font-size:11px;
}
.blocktext a:link{
color:#077aa6;
font-size:11px;
}
.blocktext a:hover{
color:#666666;
text-decoration:underline;
font-size:11px;
}

.breadcrumb {

font-size:12px;
padding-top:5px;
padding-bottom:5px;

}

.warning {
font-size:14px;
color:#FF3300;

}
.nameheader {
font-size:14px;
font-weight:bold;
}
.blocktext {
font-size:11px;
}
.blockheader{
padding-bottom:5px;
font-size:12px;
}
#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 14px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}
.boxheader {
font-weight:bold;
font-size:12px;
}

.boxtext {
font-size:12px;
background-color:#CCCCCC;
padding:3px;
}

.boxtext_nobg{
font-size:12px;
}

#dropmenudiv a:link{
font:normal 14px Verdana;
color:#000000;
background-color: #8da7b1;
}
#dropmenudiv a:visited{
font:normal 14px Verdana;
color:#000000;
background-color: #8da7b1;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #bfd5de;
}


.menulink {
padding-top:3px;
padding-bottom:1px;
color:#000000;
font:Arial, Helvetica, sans-serif;
font-size:14px;
width: 278px;
text-align:left;
}

.menulink  a{
display: block;
text-decoration: none;
padding-bottom:1px;
color:#000000;
font:Arial, Helvetica, sans-serif;
font-size:14px;
padding-left:10px;
}
.menuink a:link{
display: block;
text-decoration: none;
padding-bottom:1px;
color:#000000;
font:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:10px;
}

.controlslink {
padding-top:3px;
padding-bottom:1px;
color:#000000;
font:Arial, Helvetica, sans-serif;
font-size:14px;
width: 278px;
text-align:left;
}

.controlslink  a{
display: block;
text-decoration: none;
padding-bottom:1px;
color:#000000;
font:Arial, Helvetica, sans-serif;
font-size:14px;
padding-left:10px;
}
.controlslink a:link{
display: block;
text-decoration: none;
padding-bottom:1px;
color:#000000;
font:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:10px;
}

/* ----------------------------------------------- 
	GLOBAL RESET 
   ----------------------------------------------- */

applet, object, iframe,blockquote, pre,
 abbr, acronym, address, big, cite, code,
del, dfn, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}



/* remember to define focus styles! */
:focus { outline: 0; }


/* tables still need 'cellspacing="0"' in the markup */

caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after { 
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* ----------------------------------------------- 
	BASIC ELEMENTS
   ----------------------------------------------- */
   
   
/* -- Text Styles ------------------------------- */



.attributeName {
font-size:14px;
padding-right:10px;
font-weight:700;
}
.attributeData {
font-size:15px;

}
strong { font-weight: 700; }

code {
	display: block;
	background:#edffb8 none repeat scroll 0%;
	border-color:#b2da3a;
	border-style:solid;
	border-width:1px 0;
	font-size: 1em;
	margin: 1em 0pt;
	overflow:auto;
	padding: 0.3em 0.4em;
	white-space:pre;
}

/* -- Layout ------------------------------- */



#content { width: 580px;}
#content { margin: 20px 90px; }




/* -- Form Styles ------------------------------- */


/* IE6 FIX */

/* IE6 FIX */
html legend { 
	position:absolute; 
	top: -0.5em; 
	left: .5em; 
}

fieldset.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #D9E4FF;
}

legend {
	font: 700 14px Arial, Helvetica, sans-serif;
	padding: 0 5px;
	margin: 0 10px;
	color: #73b304;
}



input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */


label { 
	width: 150px; 
	text-align: right; 
	display:block;
	margin-right: 5px;
}


/* -- Table Styles ------------------------------- */

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}


a.progressCancel:hover {
	background-position: 0px 0px;
}

.updateholder {
font-size:12px;
}
.ActiveStyle {
background-color:#CCCCCC; 
color:#185377;
padding-right:5px;
font-size:12px;
font-weight:bold; 
text-align:center;
cursor:pointer;
text-decoration:underline;
border:solid 1px #000000;
} 

.NonActiveStyle {
background-color:#666666; 
color:#ffffff;
padding-right:5px; 
font-weight:bold; 
text-align:center;
cursor:pointer;
font-size:12px;
text-decoration:underline;
border-bottom:solid 1px #000000;
} 

.tabhover {
background-color:#ffffff; 
color:#000000;
padding-right:5px; 
font-weight:bold; 
text-align:center;
cursor:pointer;
font-size:12px;
text-decoration:underline;
border:solid 1px #0000ff;
}
.tabseperator {
width:3px;
border-bottom:solid 1px #000000;
}
.arrowlistmenu{
width: 185px; /*width of accordion menu*/
padding-bottom:1px;
}


.arrowlistmenu .aboutHeader{ /*CSS class for menu headers in general (expanding or not!)*/
cursor: pointer;
font:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
padding-top:5px;
padding-bottom:5px;
width:100%;
padding-left:5px;
}

.arrowlistmenu .subHeader{ /*CSS class for menu headers in general (expanding or not!)*/
cursor: pointer;
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
padding-top:2px;
padding-bottom:2px;
width:100%;
font-weight:700;
padding-left:25px;
}

.arrowlistmenu .subsubHeader{ /*CSS class for menu headers in general (expanding or not!)*/
cursor: pointer;
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
padding-top:2px;
padding-bottom:2px;
font-weight:500;
padding-left:5px;
font-weight:800;
}
.arrowlistmenu .subLinks {
padding-top:2px;
padding-bottom:2px;
color:#000000;
font:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
padding-left:35px;
}


.arrowlistmenu .buttonLinks {
background-color:#ffffff;
padding-top:3px;
padding-bottom:3px;

color:#000000;
font:Arial, Helvetica, sans-serif;
font-size:12px;
width: 200px;
text-align:left;
}



.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 3px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

.sectionheader {
border-bottom:#666666 1px solid;
font-size:14px;
width:90%;
}

.talenttitle {
font-size:12px;
}

.menuLinks {
padding-top:3px;
padding-bottom:3px;
color:#000000;
font:Arial, Helvetica, sans-serif;
font-size:12px;
width: 278px;
text-align:left;
}

.menuLinks  a{
display: block;
text-decoration: none;
padding-bottom:3px;
color:#000000;
font:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:10px;
}
.menuLinks  a:link{
display: block;
text-decoration: none;
padding-bottom:3px;
color:#000000;
font:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:10px;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-color:#999999;
cursor: pointer;
font:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
padding-top:4px;
padding-bottom:4px;
width:100%;
padding-left:5px;
width:180px;

}
.arrowlistmenu .subopenheader{ /*CSS class to apply to expandable header when it's expanded*/
background-color:#0076a3;
cursor: pointer;
font-size:12px;
color:#ffffff;
padding-top:2px;
padding-bottom:2px;
padding-left:25px;
width: 253px;

}
.arrowlistmenu .subsubopenheader{ /*CSS class to apply to expandable header when it's expanded*/

cursor: pointer;
font-size:12px;
color:#000000;
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
width: 238px;

}


.arrowlistmenu .buttonLinks a{
display: block;
text-decoration: none;
padding-bottom:3px;
color:#000000;
font:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:10px;
}

.arrowlistmenu .buttonLinks a:visited{
color: #333333;
}

.arrowlistmenu .buttonLinks a:hover{ /*hover state CSS*/
color: #A70303;
}

#contentbottomleft{
width:11px;
height:11px; 
background-image:url(../images/blue_bottom_left.png);
background-repeat:no-repeat;
}

#contenttopleft{
width:11px;
height:11px; 
background-image:url(../images/blue_top_left.png);
background-repeat:no-repeat;
}

#contenttopright{
width:11px;
height:11px; 
background-image:url(../images/blue_top_right.png);
background-repeat:no-repeat;
}

#contentbottomright{
width:11px;
height:11px; 
background-image:url(../images/blue_bottom_right.png);
background-repeat:no-repeat;
}

#contenttop {
background-color:#8da7b1;
}

#menubox {
background-color:#8da7b1;
color:#ffffff;
padding-left:5px;

}

.contentwrapper {
color:#000000;
padding:5px;

}

.g_module_thumb {

border-color:#533b4b;
}

.cat_title_mod{
color:#533b4b;
}

.cat_item_mod {
color:#533b4b;
text-align:right;

}

.cat_item_mod a {
color:#533b4b;
text-align:right;

}
.cat_item_mod a:link {
color:#533b4b;
text-align:right;

}

.cat_item_mod a:hover {
color:#c6c0c4;
text-align:right;

}

.cat_item_mod a:visited {
color:#684b5e;
text-align:right;

}


.blogpost a {
color:#000000;
text-align:right;

}
.blogpost a:link {
color:#000000;
text-align:right;

}

.blogpost a:hover {
color:#0099FF;
text-decoration:underline;
text-align:right;

}

.blogpost a:visited {
color:#000000;
text-align:right;

}

.rss {
color:#000000;
}

.modulewrapper {
text-align:left;
padding:10px;

}

.blogroll {
text-align:left;
padding:10px;
}

.linktitle {
font-weight:bold;
color:#000000;
}

.linkdescription {
color:#533b4b;
text-align:right;
font-weight:100;
}


input.inputstyle {
background-color:#ffffff; 
border:solid; 
border-color:#000000; 
border-width:1px; 
width:100%;
}


.moduletitle {
text-align:right;
font-size:12px;
color:#533b4b;
font-weight:bold;

padding-top:10px;
padding-bottom:2px;
}

.blogtitle {
text-align:center;
font-size:18px;
font-weight:bold;
color:#000000;
}

.posttitle{
text-align:left;
font-size:16px;
color:#000000;
}
.posttitle a{
font-size:16px;
color:#000000;
}
.posttitle a:link{
font-size:16px;
color:#000000;
text-decoration:none;
text-transform:uppercase;
}
.posttitle a:hover{
font-size:16px;

text-transform:uppercase;
color:#0099FF;
text-decoration:underline;
}

.posttitle a:visited{
font-size:16px;
color:#000000;
text-decoration:none;
text-transform:uppercase;
}

.blogdate {
text-align:left;
font-size:10px;
color:#000000;
}

.blogdate a {
text-align:left;
font-size:10px;
color:#000000;
}

.blogdate a:link {
text-align:left;
font-size:10px;
color:#000000;
}

.blogdate a:hover {
text-align:left;
font-size:10px;
color:#0099FF;
text-decoration:underline;
}


#blogpost {
text-align:left;
font-size:12px;
color:#666666;
}


.blogpost {
text-align:left;
color:#666666;
}
.blogspacer {
border-bottom:dashed 1px #a2b7b3;
height:5px;
width:90%;

}

#header {
color:#FFFFFF;
height:75px;
background-color:#000000;
}

#topmenu {
height:20px;
background-color:#533b4b;
text-align:right;
padding-left:5px;
padding-right:5px;
}

.menubullet {
font-size:6px;
color:#ffffff;
letter-spacing: -1px;
}

#client_menulink {
color:#000000;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
#client_menulink a {
color:#000000;
}

#client_menulink a:hover {
padding-top:5px;
color:#000000;

}
#client_menulink a:link {
padding-top:5px;
color:#000000;
}


.storemenulink {
color:#000000;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;

}
.storemenulink a {
color:#000000;

}

.storemenulink a:hover {
padding-top:5px;
color:#a2b7b3;

}

.storemenu {
text-align:left;
padding-left:15px;
}

.gallerythumb {
border:1;
border-color:#FFFFFF;
}




.gallerytitle {
font-size:14px;
font-weight: bold;
}

.gallerydescription {
font-size:12px;
}

.galleryitem {
font-size:12px;
}

.menuheader {
color:#000000;
text-align:left;
font-size:14px;
}

.storeheader {
font-size:14px;

color:#a2b7b2;
text-transform:uppercase;
}
.itemtitle {
font-size:16px;
font-weight: bold;
color:#a2b7b2;
}

.itemdescription {
font-size:12px;
color:#a2b7b2;
font-weight:100;
text-align:justify;
}

.description {
font-size:12px;
color:#333333;
text-align:justify;
}

.itemprice {
font-size:12px;
color:#a2b7b2;
}

.hidden { display:none; }
.showing { display:block; }
.error { margin:25px auto; text-align:center; font-size:1.2em; color:#f00; font-weight:bold; }
#cropWrap { margin:10px 0 0 0; }
#wait { padding:15px 0 0 0; text-align:center; }
div.info { width:500px; font-size:1.2em; margin:15px auto 30px auto; line-height:1.7em; border:1px solid #ccc; background:#fff; padding:20px; }
div.info h1 { font-size:1.6em; border-bottom:1px solid #000; padding:0 0 6px 0; margin:0 0 10px 0; }
div.info p { margin:0 0 1.2em 0; }


/* INITIAL UPLOAD FORM */
form { margin:0 0 0 0; }
form#imigUpload { display:block; background:#fff; padding:20px; }
form legend { font-size:1.4em; font-weight:bold; letter-spacing:1px; }
form label { font-size:1.1em; margin:0 0 4px 0; }
form input {border:1px solid #0076a3; }
form div.select { clear:both; padding:12px 0; }
form select { display:block;  background:#fafafa; }
form textarea { border:1px solid #0076a3;}
form select { border:1px solid #0076a3;}
form div#submit, form div#wait { height:30px; padding:5px 0 0 0; }  
form div#submit input { width:75px; margin:0 auto; }


/* FORMS WHICH STORE EDITING DATA */
form.frmCrop legend, form.frmResize legend { display:none; }


/* RESIZE TRACK AND HANDLE */
#resizeTrack { width:200px; height:5px; background:transparent url(../images/bg_track.gif) left top no-repeat; margin:0 0 20px 0; }
#resizeHandle { cursor:move; width:5px; height:10px; background:transparent url(../images/bg_handle.gif) left top no-repeat; }

/* ROTATED IMAGES */
#rotatedImages { padding-top:30px; }
#rotatedImages h2 { margin:20px 0 5px 0; }
#showRotatedImages { font-size:1.1em; padding-top:10px; }

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}


.spacer {
height:10px;
}

.downloadimage {
text-align:center;
}

.dltitle {
text-align:center;
font-size:10px;
}

#modrightside {
width: 11px;
background-image:url(../images/right_side.jpg);
background-repeat:repeat-y;

}

#modleftside {
width: 11px;
background-image:url(../images/left_side.jpg);
background-repeat:repeat-y;

}

#modtop {
height:13px;
background-image:url(../images/mod_top.png);
background-repeat:repeat-x;
}

.boxcontent {
color:#000000;
background-color:#FFFFFF;
}

#modbottom {
height:13px;
background-image:url(../images/mod_bottom.png);
background-repeat:repeat-x;

}

#modbottomleft{
width:11px;
height:13px; 
background-image:url(../images/mod_bottom_left.png);
background-repeat:no-repeat;
}

#modtopleft{
width:11px;
height:13px; 
background-image:url(../images/mod_top_left.png);
background-repeat:no-repeat;
}

#modtopright{
width:11px;
height:13px; 
background-image:url(../images/mod_top_right.png);
background-repeat:no-repeat;
}

#modbottomright{
width:11px;
height:13px; 
background-image:url(../images/mod_bottom_right.png);
background-repeat:no-repeat;
}



.dllink {
text-align:center;
font-size:10px;
}



.pageheader{
font-size:16px;
font-weight:bold;
color:#587079;

}

.pageheaderLarge{
font-size:18px;
font-weight:bold;
color:#587079;

}

.creatorwrapper {
padding-left:10px;

}

.imageName {
padding-top:10px;
font-size:12px;
font-weight:bold;
color:white;
}


a {
color:#0099FF;
}

a:link {
font-size:10px;
text-decoration:none;
color:#0099FF;

}    
 /* unvisited link */
 
a:visited {
font-size:10px;
text-decoration:none;
color:#0099FF;
}  /* visited link */

a:hover {
font-size:10px;
text-decoration:none;
color:#000000;
}   /* mouse over link */

a:active {
font-size:10px;
text-decoration:none;
}   /* selected link */

.modtext {
padding-left:5px;
color:#000000;
} 



#modtext a:active {color:#CCCCCC; font-size: 10px; text-decoration: none;}
#modtext a:visited {color:#CCCCCC; font-size: 10px; text-decoration: none;}
#modtext a:hover {color:#CCCCCC; font-size: 10px; text-decoration: none;}
#modtext a:focus {color:#CCCCCC; font-size: 10px; text-decoration: none;}
#modtext a:link {color:#CCCCCC; font-size: 10px; text-decoration: none;}

.locationwrapper {
padding-left:5px;
}

.modheader {
color:#FFFFFF;
padding-left:5px;
}

.header {
font-size:14px;
font-weight:bold;
}
.notlogged {
text-align:center;
font-size:10px;
}

.rightwrapper{
text-align:left;
padding-right:5px;
}

.leftwrapper{
/* padding-left:18px;*/
text-align:left;
padding-right:20px;
}

.username {
font-size:10px;
font-weight:bold;
}

.notespacer{
height:3px;
}

.halfspacer {
height:5px;
}

.smspacer {
height:2px;
}
.commentdate {
font-size:10px;
font-weight:100;
font-style:italic;
}

.recdescription {
font-size:10px;
font-weight:100;
padding-left:5px;
}

.rectitle {
font-size:10px;
font-weight:bold;

}
.nocomments{
font-size:14px;
font-weight:bold;
padding:20px;
text-align:center;
}

.infotext{
font-size:10px;
font-weight:100;
padding-top:3px;
padding-bottom:3px;
}

.chartext{
font-size:10px;
font-weight:100;
padding-top:3px;
padding-bottom:3px;
}

.chartitle{
font-size:10px;
font-weight:bold;
padding-top:3px;
padding-bottom:3px;
}

.comment{
font-size:10px;
font-weight:100;
}
.comicinfo {
font-weight:bold;
font-size:10px;
}

.comments {
padding-left:10px;
font-size:10px;
}

.comments {

}


.authornote {
font-weight:bold;
font-size:12px;
}

.legal {
padding-top:15px;
font-size:10px;
text-align:center;
}

.episodetitle {
font-size:14px;
font-weight:bold;
}

.episodesummary {
font-size:12px;
padding-left:5px;
padding-right:5px;
}

.chaptername {
font-size:12px;
background-color:#f6ecea;
}

.chapterlinks {
text-decoration:none;
}
.chapterlinks a {
color:#FF6600;
}
.chapterlinks a:hover {
color:#000000;
}

.chapterlinks a:link {
color:#FF6600;
}

#lightbox{

	position: absolute;

	top: 40px;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

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

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	}



#imageData{

	padding:0 10px;

	}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	filter:alpha(opacity=60);

	-moz-opacity: 0.6;

	opacity: 0.6;

	}

	



.clearfix:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

	}



* html>body .clearfix {

	display: inline-block; 

	width: 100%;

	}



* html .clearfix {

	/* Hides from IE-mac \*/

	height: 1%;

	/* End hide from IE-mac */

	}
		
#commentBox
{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px; left: 95px;
}
.commentBoxBackground
{
    filter: Alpha(Opacity=20); -moz-opacity:0.1; opacity: 0.6;
    width: 100%; height: 100%; background-color: #333333;
    position: absolute;
    z-index: 400;
    top: 0px; left: -95px;
}
.commentBoxContainer
{
    position: absolute;
    width: 500px;
    left: 50%;
    top: 50%;
    z-index: 750;
}
.commentBoxmodal
{
    background-color: white;
    border: solid 4px black; position: relative;
    top: -150px;
    left: -150px;
    z-index: 1000;
    width: 500px;
    height: 220px;
    padding: 0px;
}
.commentBoxmodalBody
{
    width: 485px;
    background-color: #000000;
    padding: 4px;
    color: #ffffff;
    text-align: right;
}
.commentBoxmodalBody a, .commentBoxmodalBody a:visited
{
    color: #ffffff;
}
.commentBoxmodalBody
{
    padding: 10px;
}

.commentsheader {
color:#0099FF;
text-align:left;
}