


.textdiv {
width:290px;
	}

html { font-size: 100%; line-height: 100%; /* IE hack to get the size switcher to respect the body em designation */ }
table { font-size: 100%; line-height: 100%; /* IE hack to get the size switcher to respect the body em designation */ }
img { overflow: hidden;}

th {
	text-align: left;
}
form { border: 0px; margin: 0px; }
#sitecontainer {
	width: 100%;
	text-align: center;
	}

* html .maincontainer {height: 1%;}

.text	{
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	color: #494949;
	}

.text tr {
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	color: #494949;
	}
.text th {
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #494949;
	}
.text td {
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	color: #494949;
	}
.text table {
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	color: #494949;
	}
.darktext {
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	color: #000000;
	}
.borderbot { height: 1px; line-height: 1px; font-size: 1px; margin: 0px; padding: 0px;  }
.borderbotlight { height: 1px; margin: 0px; padding: 0px;}

/* BASIC */

strong { font-weight: bold; }

li 		{ list-style-position: outside }


/* TOP NAV */

#topNav { margin-bottom: 9px; }
#firstNavBar {
	width: 100%;
	background-color: #5A86B3;
	text-align: left;
	}
#secondNavBar {
	width: 100%;
	text-align: left;
	background-color: #7699BD;
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	margin: 0px;
	
}
.usertable {
	padding: 2px 6px 3px 9px;
	}
.menuText {
	line-height: 1.4em;
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	color: #FFFFFF;
	}
.menuText a {
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	}
.menuText a:hover {
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	background-color: #5A86B3;
	color: #FFFFFF;
	}
.avatar {
	float: left;
	margin-right: 4px;
	}
	
/* LEFT NAV */

#navigation {
	text-align: left;
	width: 150px;
  margin: 0px;
  padding: 0px;
	padding-right: 10px;
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	color: #5A86B3;
	vertical-align: top;
}
.menu {
	background-color: #F1F3F5;
	width: 100%;
	}
.menu a {
	display: block;
	line-height: 13px;
	font: 1em Tahoma, Verdana, Arial, sans-serif;
  /*font: 1em Arial, Tahoma, Verdana, sans-serif;*/
	font-weight: bold;
	color: #5A86B3;
	padding-top: 3px;
	padding-left: 9px;
	padding-bottom: 1px;
	text-decoration: none;
	
	}
.menu a:hover { color: #38597B; }
.menu a.highlight {
	color: #494949;
	}
.statsbold {
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #494949;
	}
.statsresults	{
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #494949;
	}
.statsplain	{
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	color: #494949;
	}
.navtext {
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #5A86B3;
	padding-left: 9px;
	}
.stats {
	padding: 3px 0px 3px 9px;
	background-color: #F1F3F5;
	}
.swatch {
	padding: 3px 0px 3px 0px;
	background-color: #FFFFFF;
	}
.forumnavbar {
	padding: 3px 0px 3px 9px;
	background-color: #F1F3F5;
	}
.banner {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	}
	
	
/* CONTENT AREA */

.floatercell {
	float: left; 
	border: 0px solid #080; 
	/* TODO height: this rule was broken: no value was specified for height */
	overflow: hidden;
	margin: 0px;
	width: 120px;
}

#sitecontent {
	margin: 0px;
	padding: 0px;
	display: block;
	}
#leftcontent {
	float: left;
	width: 280px;
	margin-right: 10px;
	text-align: left;
	}
#leftdetail {
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	color: #494949;
	float: left;
	width: 340px;
	margin-right: 10px;
	text-align: left;
	}
#rightcontent {
	text-align: left;
	float: left;
	width: 310px;
	padding: 0px;
	}
#rightdetail {
	text-align: left;
	float: left;
	width: 238px;
	padding: 0px;
	}
#controlpanel	{
	
	text-align: left;
	color: #494949;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	}
#controlpanel img {
	padding-top: 5px;
	}
.filestats {
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	padding-left: 9px;
	padding-bottom: 9px;
	}
.filestats img, .filestats .ratingcamera, .rightmenutext .ratingcamera {
	padding: 0px 0px 2px 2px;
	vertical-align: middle;
	}
.filedetails  {
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	}
.fileoptions {
	background-color: #F1F3F5;
	vertical-align: middle;
	}
#rightmenutext, .rightmenutext {
	padding-left: 9px;
	padding-top: 4px;
	padding-bottom: 6px;
	background-color: #F1F3F5;
	color: #3C3C3C;
	}
.fileoptions a {
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	display: block;
	background-color: #F1F3F5;
	height: 23px;
	
	vertical-align: middle;
	text-decoration: none;
	color: #38597B;
	padding-left: 9px;
	padding-top: 2px;
	}
	
	
.fileoptions a:hover { color: #38597B; }
.fileoptions img {
	vertical-align: middle;
	}
#bottomcontent {
	text-align: left;
	clear: both;
	width: 600px;
	}
.bottomfiledetails {
	width: 600px;
	text-align: left;
	}
.optiontitle	{
	/* font: 1.2em Tahoma, Verdana, Arial, sans-serif; */
	color: #5A86B3;
	/* font-weight: bold; */
	padding-top: 11px;
	padding-bottom: 1px;
	background-color: #FFFFFF;
	}
#filesizes {
	background-color: #F1F3F5;
	width: 350px;
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	color: #38597B;
	}
#filesizes td {
	background-color: #F1F3F5;
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	color: #38597B;
	}
.largetitle {
	font: 1.2em Tahoma, Verdana, Arial, sans-serif;
	color: #83C966;
	font-weight: bold;
	margin-top: 11px;
	margin-bottom: 4px;
	}
.smalltitle {
	margin-top: 6px;
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #CC6600;
	}
.iotw {
	padding-bottom: 9px;
	}
.archivelinks {
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: right;
	padding-top: 5px;
	color: #5A86B3;
	}
.feature {
	padding: 0px;
	margin: 2px 0px 2px 0px;
}
.featurestitle {
  font: 1em Tahoma, Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #5A86B3;
	margin-top: 0px;
}
.featureimage {
	float: right;
	padding: 0px;
	margin: 0px 0px 0px 4px;
}
.featurestext {
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	color: #494949;
	}
.featurestext a {
	color: #5A86B3;
	text-decoration: none;
	}
.featurestext a:hover { color: #38597B; }
#filedetail {
	padding-top: 14px;
	padding-bottom: 14px;
	text-align: center;
	border: 1px;
	border-color: #000000;
	}
#filedetail img {
	border-width: 1px;
	border-color: #38597B;
	}
.shaded {
		font: 1em Tahoma, Verdana, Arial, sans-serif;
		color: #494949;
	}
.shaded a {
	color: #5A86B3;
	text-decoration: none;
	}
.shaded img	{
	padding-left: 9px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 4px;
	}
	
/* BOTTOM CONTENT */

.photodescrip {
	padding-top: 9px;
	text-align: left;
	}
.photodescrip p {
	margin-top: 9px;
	}
#gallerydisplay	{
	padding-top: 13px;
	padding-bottom: 8px;
	}
#gallerydisplay img {
	border-width: 1px;
	border-color: #38597B;
	margin-bottom: 3px;
	}
#gallerydisplay table {
	padding-top: 8px;
	padding-bottom: 8px;
	}
#gallerydisplay td	{
	text-align: center;
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	color: #38597B;
	}
	
#mostpopular	{
	padding-top: 4px;
	padding-bottom: 4px;
	}
#mostpopular img {
	border-width: 1px;
	border-color: #38597B;
	margin-bottom: 3px;
	}
#mostpopular table {
	padding-top: 4px;
	padding-bottom: 4px;
	}
#mostpopular td	{
	text-align: center;
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	color: #38597B;
	}
/* FOOTER */
#footer {
	clear: both;
	color: #5A86B3;
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	padding-top: 4px;
	}
#footer td {
	color: #5A86B3;
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	}
#footer a {
	text-decoration: none;
	color: #5A86B3;
	}
#footer a:hover {
	color: #38597B;
	}



/* REPORT TABLE */
.reporttable { border: 0px; }
.reporttable tr {
  font: 1em Tahoma, Verdana, Arial, sans-serif;
  color: #000000;
  }
.reporttable th {
  font: 1em Tahoma, Verdana, Arial, sans-serif;
  font-weight: bold;
  text-align: left;
  color: #494949;
	padding: 3px 2px 4px 2px;
	
  }
.reporttable td {
  font: 1em Tahoma, Verdana, Arial, sans-serif;
  color: #000000;
	padding: 3px 2px 4px 2px;
	
  }
.reporttable table {
  font: 1em Tahoma, Verdana, Arial, sans-serif;
  color: #000000;
  }

/* OPTION CHECKBOX */
.searchoptions {
  font: 1em Tahoma, Verdana, Arial, sans-serif;
  padding-top: 3px;
  padding-left: 9px;
  padding-bottom: 3px;
	color: #494949;
	background-color: #F1F3F5;
	line-height: 14px;
}

.searchoptions img { padding: 0px; border: 0px; background-color: #7699BD; vertical-align: -10%; }
.searchoptions strong { font-weight: bold; }

/* USER EDIT */

#useredit {}
#useredit .comment { margin-top: 2px; margin-bottom: 5px; color: #7699BD; font-size: 1.1em; }

/* TRAINING MANUAL */
#apptutorial { width: 100%; }
#apptutorial .inset { padding-right: 8px; }
#apptutorial .rightnav { width: 160px; }
#apptutorial .imagebox img { border: 1px  solid #777777; } 
#apptutorial .imagebox td { color: #F1F3F5; text-align: center; font-weight: bold; padding: 2px; }
#apptutorial .imagebox div { color: #F1F3F5; text-align: center; font-weight: bold; padding: 2px; }

/* RADIUS BUTTON */
#radiusbutt {
	
	padding: 0px;
	background-color: #5A86B3;
}
#radiusbutt td {
	
	background-color: #5A86B3;
	height: 17px; 
	padding: 0px 10px 0px 10px;
	font-size: 10px;
	font-weight: bold;
	line-height: 17px;
	vertical-align: middle;
	border-bottom: 0px solid #FFFFFF;
}
#radiusbutt a:link { color: #FFFFFF; }
#radiusbutt a:visited { color: #FFFFFF; }
#radiusbutt a:hover { color: #000000; background: transparent;  }
  
.radiusbutt {
	
	padding: 0px;
	background-color: #5A86B3;
}
.radiusbutt td {
	
	background-color: transparent;
	height: 17px; 
	padding: 0px 10px 0px 10px;
	font-size: 10px;
	font-weight: bold;
	line-height: 17px;
	vertical-align: middle;
}
.radiusbutt a:link { color: #FFFFFF; } 
.radiusbutt a:visited { color: #FFFFFF; }
.radiusbutt a:hover { color: #000000; background: transparent;  }

/* CREATIVE NETWORK */

#creativeNetwork .shaded { background: #F1F3F5; padding: 3px; border-bottom: 2px solid #FFFFFF; } 
#creativeNetwork .alignright { text-align: right; }
#creativeNetwork .whitebg { background: #FFFFFF; }

#creativeNetwork table#forum { width: 350px; padding: 0px; margin: 0px; }

  
.hopFrame { height: 12px; margin-bottom: 3px; }
.hopBox { background:  margin-right: 10px;  height: 12px;  float: left; }

/* SITEMAIL */
.message_unread, .message_unread td { font-weight: bold; }

/* PHOTOGRAPHER APPLICATION */
.AppQuestion { font-weight: bold; }
.AppWrongQuestion { font-weight: bold; color: #FF0000; }
.AppResultAnswer { padding-left: 20px; }
.AppQuestDescript { padding-left: 20px; }

/* NAVIGATION BAR */
.navbarimg { background-color: #5A86B3; border: 0px; }

/* THUMBNAILS */
.icons { height: 13px; }
.imageborder { border: 1px solid #CCCCCC; padding: 0px; }

/* SEARCH RESULTS */

table#results { height: 6px; margin-bottom: 3px; }
table#results .bar { background: #C2C2C2; }
table#results .background { background: #DFDFDF; }



#trailimageid {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	width: 286px;
	height: 1px;
	z-index: 1000;
}



