/* MAIN */

/*
Tahoma, Verdana, Arial, sans-serif
Arial, sans-serif
*/

body  	 { background-color: #ccccfe }
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 { border: 0px; overflow: hidden;}
a    { color: #030166; font-weight: bold; text-decoration: none; cursor: pointer }
a:link   { color: #03026a; font-weight: bold; cursor: pointer }
a:hover    { color: #000; text-decoration: underline ; cursor: pointer; }
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 a {
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #5A86B3;
	}
*/
.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  { font-size: 1px; line-height: 1px; background-color: transparent; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; margin: 0; padding: 0; height: 1px }
.borderbotlight  { background-color: transparent; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; margin: 0; padding: 0; height: 1px }

/* BASIC */

p { line-height: 1.2em; margin: 0px; padding: 0px 0px 12px 0px; }
strong { font-weight: bold; }

li 		{ list-style-position: outside }
 
table { }
td { font: 1em Tahoma, Verdana, Arial, sans-serif; color: #000000; }
div {  }

/* 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%; cursor: pointer; }
.menu a  { color: #5a86b3; font: bold 1em Tahoma, Verdana, Arial, sans-serif; text-decoration: none; background-color: transparent; background-repeat: repeat-x; background-attachment: scroll; background-position: 50% bottom; display: block; padding-top: 3px; padding-bottom: 1px; padding-left: 9px ; cursor: pointer; }
.menu a:hover { color: #38597b; cursor: pointer; }
.menu a.highlight { color: #494949; cursor: pointer; }
.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	 { color: #494949; background-color: transparent; background-repeat: repeat-x; background-attachment: scroll; background-position: 50% top; text-align: left; padding-top: 5px; padding-bottom: 5px; vertical-align: middle }
#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  { color: #38597b; font: 1em Tahoma, Verdana, Arial, sans-serif; text-decoration: none; background-color: transparent; background-repeat: repeat-x; background-attachment: scroll; background-position: 50% top; display: block; padding-top: 2px; padding-left: 9px; height: 23px; vertical-align: middle }
	
	
.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: #5A86B3;
	font-weight: bold;
	margin-top: 11px;
	margin-bottom: 4px;
	}
.smalltitle {
	margin-top: 6px;
	font: 1em Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #5A86B3;
	}
.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;
	}
/* FORMS */

.search, .field	{
	width: 			150px;
	height: 		20px;
	padding:		0px;
	margin: 		2px;
	border-color: #494949;
	border-width: 1px 1px 1px 1px; 
	border-style: solid;
	font: 			1em Verdana, sans-serif;
	background-color: #F1F3F5;
	}
	
.dropdown {
	font-size: 		0.9em; 
	font-family: 		Verdana, sans-serif; 
	background-color:	#F1F3F5; 
	padding: 		0px; 
	height:			15px;
	margin: 		0px;
	border-color: #494949;
	border-width: 1px 1px 1px 1px; 
	border-style: solid;
}

.buttonwhite {
	font-size: 		10px; 
	font-family: 		Verdana, sans-serif; 
	background-color:	#5A86B3; 
	color: 			#FFFFFF; 
	padding: 		0px;
	height:			18px; 
	margin: 		0px;
	border:			1px solid #5A86B3; 
}

input.topsearch { border: 1px solid #7699BD; font: 10px Arial, Helvetica; width: 130px; background: #F1F3F5; padding: 2px;  line-height: 14px; }

/* EMAIL */
  
.quote {
  border-color: #5A86B3;
  border-style: solid;
  border-width: 0px 0px 0px 2px;
  padding: 0px 0px 0px 10px;
} 

/* ZEITGEIST */

.bargraph1 { 
  background-color: #5A86B3; 
}

.bargraph2 { 
  background-color: #5A86B3; 
}
.bargraph3 { 
  background-color: #B2B2B2; 
}

/* REPORT TABLE */
.reporttable { border: 0px; }
.reporttable tr {
  font: 1em Tahoma, Verdana, Arial, sans-serif;
  color: #000000;
  }
.reporttable th  { color: #494949; font: bold 1em Tahoma, Verdana, Arial, sans-serif; background-color: transparent; background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; text-align: left; padding: 3px 2px 4px }
.reporttable td  { color: #000000; font: 1em Tahoma, Verdana, Arial, sans-serif; background-color: transparent; background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; padding: 3px 2px 4px }
.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; }
/* SUPPORT */
#supportticket {}
#supportticket .message { background-color: #FFFFFF; padding: 6px 6px 6px 6px; margin: 6px; border: 1px solid gray; }

/* FILE UPLOAD */
/*.stepbox { background-color: #FFFFFF; padding: 6px 6px 6px 6px; margin-left: 6px; margin-right: 6px; border: 1px solid gray; }*/

/* ERROR */
.error { font-size: 1.1em; color: #FF0000; }
.error li { 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  { background-color: #5a86b3; background-repeat: no-repeat; background-attachment: scroll; background-position: left top; padding: 0 }
#radiusbutt td  { font-size: 10px; font-weight: bold; line-height: 17px; background-color: #5a86b3; background-repeat: no-repeat; background-attachment: scroll; background-position: right top; padding: 0 10px; height: 17px; vertical-align: middle; border-bottom: 0 solid #ffffff }
#radiusbutt a:link { color: #FFFFFF; }
#radiusbutt a:visited { color: #FFFFFF; }
#radiusbutt a:hover { color: #000000; background: transparent;  }
/*<agl.folder "Nav barre">*/
	.radiusbutt    { font-size: 11px; font-weight: normal; text-decoration: none; background-color: #b0a9d3; background-repeat: repeat; background-attachment: scroll; margin: 2px; padding: 2px }
	.radiusbutt td    { font-size: 11px; font-weight: normal; text-decoration: none; background-color: #b0a9d3 }
	.radiusbutt a:link     { color: #000067; font-size: 11px; font-weight: normal; text-decoration: none; background-color: #b0a9d3; background-repeat: repeat }
	.radiusbutt a:visited     { color: #000067; font-size: 11px; font-weight: normal; text-decoration: none; background-color: #b0a9d3; background-repeat: repeat }
	.radiusbutt a:hover     { color: #fff; font-size: 11px; font-weight: normal; text-decoration: none; background-image: none; background-repeat: repeat-x; background-position: 15px 0; border-color: #b0a9d3 }
/*</agl.folder>*/
/* 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-color: transparent; background-repeat: repeat; background-attachment: scroll; background-position: left top; 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; }

/* TESTIMONIALS */
.testimonial { margin-bottom: 4px; padding-bottom: 4px; }

/* STEEL CAGE */

.judgevolley { 
	}
.judgevolley img {
	width: 275px;
	height: 206px;
	}

/* DEBUG */
/*
div { background-color: #FF0000; }
td { background-color: #00FF00; }
*/

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

/* CART */
.cartupgradelist table{
	border               : 1px solid #CCC;
	border-collapse      : collapse;
}
.cartupgradelist td{
	border               : 1px solid #CCC;
	border-collapse      : collapse;
}
.cartupgradelist table{
	border                :none;
	border                :1px solid #CCC;
}


.cartupgradelist tr{
	padding               : 4px 
  color                 : #666;
}
.cartupgradelist td{
	padding               : 4px;
  color                 : #666;
}
.cartupgradelist tr:hover { background-color: #fff; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }


.cartupgradelist td:hover{
  color                 : #454545;
}
.cartupgradelist td a:hover{
	text-decoration: underline;
	}






/* COPYSPACE */
.Style1 { color: #000066; font-size: 10pt; font-family: Verdana; font-weight: normal; text-decoration: none }
.Style2  { color: #000000; font-size: 10pt; font-family: Verdana; font-weight: normal; line-height: 14pt; text-decoration: none }
.tarifs  { color: #000000; font-size: 7pt; font-family: Verdana; font-weight: normal; line-height: 10pt; text-decoration: none }
.Stylefaq   { color: #365f91; font-size: 10pt; font-family: Verdana; font-style: italic; font-weight: normal; line-height: 14pt; text-decoration: none }
.Stylefaq1 { color: #365f91; font-size: 10pt; font-family: Verdana; font-style: italic; font-weight: normal; line-height: 14pt; text-decoration: none }
.SITEAMISTITRE { color: #365f91; font-size: 12pt; font-family: Verdana; font-style: italic; font-weight: bold; text-decoration: none }
.SITEAMISTITRE:hover { color: #03026a; font-size: 12pt; font-family: Verdana; font-style: italic; font-weight: bold; text-decoration: underline }
.Stylefaq:hover  { color: #030166; font-size: 10pt; font-family: Verdana; font-weight: normal; line-height: 14pt; text-decoration: none }
.Style3 { color: #0000ff; font-size: 14pt; font-family: Verdana; font-weight: bold; text-decoration: none }
.Style4 { color: #0000ff; font-size: 12pt; font-family: Verdana; font-weight: bold; text-decoration: none }
.Style8 { font-size: 14pt; font-family: Verdana; font-weight: bold; text-decoration: none }
.bdp  { color: #000000; font-size: 8pt; font-family: Verdana; font-weight: normal; text-decoration: underline }
.bdp:hover  { color: #030166; font-size: 8pt; font-family: Verdana; font-weight: normal; text-decoration: none }
.Styletitre2 { color: #000066; font-size: 20pt; font-family: Verdana; font-weight: bold; text-decoration: none }
.Style10 { font-size: 20pt; font-family: Verdana; font-weight: bold; text-decoration: none }
.Style11 { color: #000000 }
.signature   { color: black; font-size: 10px; font-family: Tahoma; font-style: italic; line-height: 15px; text-align: left }
.surlignage  { font-weight: bold; background-color: #ccccfe }
.indexfaq   { color: #000; font-size: 10pt; font-family: Verdana; font-weight: bold; line-height: 14pt; visibility: visible; cursor: pointer; list-style-type: disc }
.plan  { font-size: 12px; font-family: Verdana; line-height: 20px; text-align: left; visibility: visible; cursor: pointer; list-style-type: disc; margin-left: 1cm }
.plan1 { font-size: 12px; font-family: Verdana; line-height: 2; text-align: left; visibility: visible; cursor: pointer; list-style-type: disc; margin-left: 6cm }
.Style9  { color: black; font-size: 8pt; font-family: Helvetica, Geneva, Arial }
.signature2 { color: black; font-size: 8pt; font-family: Helvetica, Geneva, Arial; letter-spacing: 1pt }
