/*---------------------------------------------------------------------------------------------

	CSS Stylesheet
	
	T.o.C
		=RESET
		=LAYOUT
		=PAGES
			=INDEX
			=TEAM
			=NEWS
			=TESTIMONIALS
			=SERVICES
			=PORTOFOLIO
			=BLOG
			=CONTACT	
					
-----------------------------------------------------------------------------------------------*/


/* =RESET
-----------------------------------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing: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:""""}


/* =GENERAL
-----------------------------------------------------------------------------------------------*/
	
	body{ 
		background:#EFF1F1 url(/_layout/images/bg-body.jpg) repeat top left;
		
		/*
		background:#EFF1F1 url(images/bg-body2.jpg) repeat top left;
		background:#EFF1F1 url(images/bg-body3.jpg) repeat top left;
		background:#EFF1F1 url(images/bg-body4.jpg) repeat top left;
		background:#EFF1F1 url(images/bg-body5.jpg) repeat top left;
		*/
		
		font:12px Arial, sans-serif; 
		line-height:20px;
		color:#666666;
	}
	
		/* =headings
		-------------------------------------------------------------- */
		
		h1,h2,h3,h4,h5,h6{  color:#252525; font-family: Helvetica,"Helvetica Nueue",arial;}
		
		h1{ font-size:28px; line-height:30px; margin-bottom:12px; }
		h2{ font-size:24px; line-height:26px; margin-bottom:12px; }
		h3{ font-size:18px; line-height:20px; margin-bottom:8px;  }
		h4{ font-size:14px; line-height:15px; margin-bottom:8px;  }
		h5{ font-size:13px; line-height:15px; margin-bottom:8px;  }
		h6{ font-size:13px; line-height:15px; margin-bottom:8px;  }
		
		/* =text-elements
		-------------------------------------------------------------- */
		
		a{ text-decoration:none; color:#f9460f; }
		a:hover{ text-decoration:underline;  }
		h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover, h6 a:hover{ text-decoration:none; }
		a img{ border:none; }
		
		strong{ font-weight: bold; color:#252525; }
		em{ font-style: italic; }
		
		p, ul, ol, pre, code{ margin-bottom:20px; }
		
			p.last{ margin-bottom:0; }
					
		ul{ list-style-type:circle; list-style-position:inside; }
		
			ul.checklist{ list-style-image:url(images/bg-checklist.png); }
		
		ol{ list-style-type:decimal; list-style-position:inside; }
		
		blockquote{ padding:5px 20px 5px 110px; line-height:24px; background:url(images/quote.png) no-repeat top 30px; color:#999999; }
		blockquote span, blockquote strong{ color:#666666; }
		
			.blockquote-left{ width:250px; float:left; }
			.blockquote-right{ width:250px; float:right; }					 
					 
		pre, code{ border:1px solid #efefef; border-left-width:5px; display:block; padding:10px; font-size:11px; font-family: monospace; background-color:#f5f5f5; }

		/* due to IE <HR> margin bugs I had to made classed and apply them to div to achieve the effect of a <HR> */
		hr{ border:none; height:1px; margin:30px 0; background-color:#efefef; color:#efefef; }
		.hr{ border-top:1px solid #efefef; margin:30px 0; }

			
		/* =tables
		-------------------------------------------------------------- */
		
		table{ border-collapse:separate; border-spacing:0; border-top-width:5px; margin-bottom:20px; border:1px solid #efefef;  }
		th{ padding:10px 15px; text-transform:uppercase; font-weight:bold; }
		td{ padding:6px 15px; }
		tr.alt{ background-color:#f5f5f5; }


		/* =forms-messages
		-------------------------------------------------------------- */
		
		label{ font-weight:bold; color:#000000; }
			label span.required{ color:#ff0000; }
		
		fieldset{ padding:15px; margin:0 0 20px 0; border:1px solid #efefef; }
		legend{ font-weight: bold; }
		
		input[type=text], input[type=password], input.text, textarea{ background-color:#ffffff; border:1px solid #ccc; }
		input[type=text]:focus, input[type=password]:focus, input.text:focus, textarea:focus{ border-color:#cccccc; }
		select{ border-width:1px; border-style:solid; background-color:#ffffff;  }
		
		input[type=text], input[type=password], input.text, textarea, select{ margin:5px 0; }
		
		input.text{padding: 12px 4px; width: 255px; }
		textarea{ width:460px; height:125px; padding:5px; }

		.errormsg, .successmsg, .infomsg, .noticemsg{ padding:10px 10px 10px 50px; margin-bottom:10px; border:1px solid #dddddd; border-left-width:5px; }
		.errormsg{ border-color:#fbc2c4; background:#fbe3e4 url(images/bg-msg.png) no-repeat 0 0; color:#8a1f11; }
		.errormsg a{ color:#8a1f11; text-decoration: underline; font-weight: bold; }
		.successmsg{ border-color:#c6d880; background:#e6efc2 url(images/bg-msg.png) no-repeat 0 -220px; color:#264409; }
		.successmsg a{ color:#264409; text-decoration: underline;}
		.infomsg{ border-color:#92cae4; background:#d5edf8 url(images/bg-msg.png) no-repeat 0 -72px; color:#205791; }
		.infomsg a{ color:#205791; text-decoration: underline;}
		.noticemsg{ border-color:#ffd324; background:#fff6bf url(images/bg-msg.png) no-repeat 0 -148px; color:#514721; }
		.noticemsg a{ color:#514721; text-decoration: underline;}


		/* =default-classes
		-------------------------------------------------------------- */
		
		.img-align-left{ margin:5px 10px 0 0; float:left; }
		.img-align-right{ margin:5px 0 0 10px; float:right; }
		
		.text-right{ text-align:right; }
		.text-center{ text-align:center; }
		
		.text-highlight{ padding:2px 5px; background-color:#ffd324; color:#111111; }
		.text-highlight2{ padding:2px 5px; background-color:#c6d880; color:#111111; }

		.bordered{ padding:5px; border:1px solid #efefef; }


		/* =grid
		-------------------------------------------------------------- */

		/* Clear Fix Hack - add  class="fixed"  to div's that have floated elements in them */
		.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
			.fixed{display:block;}
			/*  \*/
			.fixed{min-height:1%;}
			* html .fixed{height:1%;}
				
		.row{ width:940px; }
			
			.col-700{ width:700px; float:left; margin-right:20px; }
			.col-580{ width:580px; float:left; margin-right:20px; }
			.col-520{ width:520px; float:left; margin-right:20px; }
			.col-460{ width:460px; float:left; margin-right:20px; }
			.col-340{ width:340px; float:left; margin-right:20px; }
			.col-300{ width:300px; float:left; margin-right:20px; }
			.col-220{ width:220px; float:left; margin-right:20px; }
			.col-180{ width:180px; float:left; margin-right:20px; }
			.col-160{ width:160px; float:left; margin-right:20px; }
			
			.col-220 h3 {margin-bottom:15px;}
			
		.last{ margin-right:0px; }
		.clear{ clear:both; }
		.block{ display:block; }
		.hide{ display: none; }	
		

/* =LAYOUT
-----------------------------------------------------------------------------------------------*/

	#wrap{ width:960px; padding:0 30px; margin:0 auto; background-color:#ffffff;
		   -moz-box-shadow:0 -10px 10px 0 #333; -webkit-box-shadow:0 -10px 10px 0 #333; box-shadow:0 -10px 10px 0 #333; }
	
	
		#header{ padding-top:30px; }
		
		
			.dropdown-container{ position:relative; z-index:10; }  /* IE6 and IE7 fix for the dropdown  */
			.slideshow-container{ position:relative; z-index:5; }  /* menu showing below the slider bug */
			.inner-page-title-container{ position:relative; z-index:5; }
			
			/* =logo
			-----------------------------------------------------------------------------------------------*/
			
			a#logo{ display:block; float:left; }
			a#logo img{ display:block; }
			
			/* =getintouch
			-----------------------------------------------------------------------------------------------*/
			
			.get-in-touch{ text-align:right; margin-bottom:40px; }
			
			/* =dropdown-menu
			-----------------------------------------------------------------------------------------------*/
	
			/* level 1 menu */
			ul#dropdown-menu{  float:right; list-style:none; margin-top:30px; margin-bottom:0px; }		  
			ul#dropdown-menu li{ float: left; }
			ul#dropdown-menu li a{ display: block; padding:7px 21px 5px 0; font-size:11.25pt; text-transform:uppercase; color:#252525; }			   
			ul#dropdown-menu li.hover, ul.dropdown-menu li:hover{ position: relative; }
			ul#dropdown-menu li.hover a{ text-decoration:none; } /* styleing when hovering on menu item a */					 
			ul#dropdown-menu li.current > a,	
				ul#dropdown-menu.home li.home >a,
				ul#dropdown-menu.affiliation li.affiliation >a,
				ul#dropdown-menu.faq li.faq >a,
				ul#dropdown-menu.contact li.contact >a
				{ color:#f9460f; }
			
									   
			ul#dropdown-menu li .sub-menu li a{ color:#252525; }							   
			ul#dropdown-menu li.last > a{ padding-right:0px; }
			ul#dropdown-menu li.join a{ background: #f9460f; color:#fff; padding: 10px 10px; display: block; margin-top:-4px; float: left; font-family: "Helvetica Neue", Helvetica, arial; font-weight: normal;  
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
			}
			
				/* level 2 menu */
				ul#dropdown-menu ul{ position:absolute; top:100%; left:0; width:180px; list-style:none; display:none; 
									  border:1px solid #efefef; border-bottom:none; background-color:#ffffff; z-index:35; }				 
				ul#dropdown-menu ul li{ width:180px; }				
				ul#dropdown-menu ul li a{ width:160px; display: inline-block; border:none; padding:5px 10px; text-transform:none; 
										  font-weight:normal; border-bottom:1px solid #efefef; color:#666666; } /* IE 6 and 7 Needs Inline Block */			  
				ul#dropdown-menu ul li a:hover{ background-color:#f5f5f5; } 
			
					/* level 3 menu */
					ul#dropdown-menu ul ul{ left:100%; top:-1px; }
					ul#dropdown-menu li:hover > ul{ visibility:visible; }
			
			.arrow{ background:url(images/bg-sidenav.gif) no-repeat 165px 12px; }

			/* =inner-page
			-----------------------------------------------------------------------------------------------*/	
			
			.inner-page-title-container{ position:relative; height:220px; }
				.inner-page-title{ position:absolute; top:1px; right:1px; background:url(/images/bg-gray.png) repeat top left; 
								   padding:35px 25px 0 25px; width:257px; height:183px; overflow:hidden; }		
					.inner-page-title h2{ color:#ffffff; }
					.inner-page-title  p{ color:#999999; margin: 15px 0 0 0; }								  
					.inner-page-title  a{ color:#fff; text-decoration:underline; }


		#content{ }
		
		
			/* =pdf
			-----------------------------------------------------------------------------------------------*/
			.pdf{ background:url(images/bg-pdf.png) no-repeat 5px 12px; padding:15px 10px 10px 65px; width:125px; min-height:48px; }
			
			/* =side-nav
			-----------------------------------------------------------------------------------------------*/
			
			.side-nav{ list-style-type:none; list-style-position:outside; border-top:1px solid #efefef; width:200px; }
			.side-nav li{ border-bottom:1px solid #efefef; }
			.side-nav li a:hover{ }
			.side-nav li a{ display:block; padding:5px 0 5px 25px; background:#ffffff url(images/bg-sidenav.gif) no-repeat 10px 12px; }
			.side-nav li.current a{ color:#000000; }
			.side-nav li.current a:hover{ text-decoration:none; }
			
			/* =tabs
			-----------------------------------------------------------------------------------------------*/
			.tabs-menu{ margin-bottom:0; list-style:none; }
			.tabs-menu li{ display:inline; }
			.tabs-menu li a{ float:left; padding:5px 20px; display:block; border-right:1px solid #ffffff; border-top:2px solid #ffffff; }
			.tabs-menu li.current a{ background-color:#f5f5f5; border-top:2px solid #efefef; color:#666; }
			.tabs-content{ padding:30px 20px; background-color:#f5f5f5; margin-bottom:20px; }
			
			/* =accordion
			-----------------------------------------------------------------------------------------------*/
			.accordion { list-style-type: none;  }
			.accordion li { background:#212121; cursor: pointer; float: left; display: block; width:100%; }
			.accordion li.current>a { background: url(images/bg-accordion.png) no-repeat right 8px; }
			.accordion li div { padding:20px 20px; background:#f5f5f5; }
			.accordion li a{ text-decoration: none; display: block; cursor: pointer; background: url(images/bg-accordion.png) no-repeat right -55px; 
							 padding:5px; border-bottom:1px solid #ffffff;  padding:5px 20px; color:#fff; }


		#footer{ padding: 20px 40px 25px; margin: 70px -30px 30px; background: #202020; color: #f1f1f1; font-size: 9pt; border-bottom: 1px solid #777777;
		
		-moz-box-shadow: 0px 2px 2px #333;
-webkit-box-shadow: 0px 2px 2px #333;
box-shadow: 0px 2px 2px #333;
		}
		#footer strong {color:#f1f1f1;}

			/* =footer-nav
			-----------------------------------------------------------------------------------------------*/
			
			.footer-nav-1, .footer-nav-2{  list-style-type:none; list-style-position:outside; margin-bottom:0; float:left; }
			.footer-nav-2{ margin-left:20px; }

			/* =newsletter-subscribe
			-----------------------------------------------------------------------------------------------*/
			
			#newsletter-subscribe fieldset{ border:none; margin:0; padding:0; position:relative; margin-bottom:15px; }
			#subscribe-email{ margin:0; padding:5px; height:15px; width:208px; font-size:12px; border:1px solid #e1e1e1; color:#cccccc; }
			#subscribe-email:focus{ border:1px solid #cccccc; color:#666666; }
			#newsletter-subscribe .subscribe-submit-btn{ position:absolute; top:1px; right:1px; padding:0 5px 0 5px; width:58px;
														 height:25px; cursor:pointer; border: none; background-color:#e2400d; color:#fff; text-transform: uppercase; font-weight: bold; }
			
			.ie6 #newsletter-subscribe .subscribe-submit-btn, .ie7 #newsletter-subscribe .subscribe-submit-btn{ top:2px; }
			.ie6 #subscribe-email, .ie7 #subscribe-email, .ie8 #subscribe-email{ border:1px solid #cccccc; }
			
			/* =social-media
			-----------------------------------------------------------------------------------------------*/
			
			#social-media{ list-style-type:none; margin-bottom:0; }
			#social-media li{ float:left; }
			#social-media li img{ display:block; float:left; margin-right:5px; }
			#social-media li a{ display:block; float:left; margin-right:5px; line-height:18px; }


/* =PAGES
-----------------------------------------------------------------------------------------------*/	




#wrap {
	position:relative;
	text-align:left;
	z-index:1;
}

#page {
	padding: 20px 0;
	margin: 0 auto;
	position: relative;
	padding-bottom: 20px;
    z-index: 2;
	margin-top: -12px;
}






/* =================== */
/* ! CLASS GENERIQUE   */
/* =================== */
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
.clearg{
	clear:left;
}
.relatif{
	position:relative;
}
.go{
	background:#000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#FFF;
	padding:5px;
	text-decoration:none;
}
.go span{
	color:#41a5f6;
	margin:0 5px 0 10px;
}
.go:hover{
	color:#41a5f6;
}
.go:hover span{
	font-weight:bold;
}
/* ========= */
/* ! LOGIN   */
/* ========= */
#logged_head{
	
	position: relative;
	text-align:center;
	color:#444;
	background:#fff;
	z-index: 2;
	margin-bottom:12px;
	border-bottom: 3px solid #F9460F;
	padding: 4px 0;
}
#logged_head a{
	text-decoration: none;
	color:#000;
}
#logged_head a:hover{text-decoration: underline;}

#head p {margin:0;}
#head {width:1000px; padding: 0; margin: 0 auto; overflow: auto;}
#head .logo {float: left;}
#head .clientAcces {float: right; margin-top: 9px;}
#head .logout {color: #F9460F;}

/* =========== */
/* ! CONTENU   */
/* =========== */
#contenu{
	margin:30px 0 0 0;
}
#contenu h1{
	font-size:1.2em;
	color:#444444;
	font-weight:normal;
}

#contenu .bloc{
	margin:0 5px 40px 5px;
	width:283px;
	float:left;
	text-align:justify;
	line-height: 1.2em;
}
#contenu .bloc img{
	float:left;
	margin:10px 10px 30px 0;
}
#contenu .centre{
	margin:0 25px;
}

/* ============ */
/* ! CITATION   */
/* ============ */
#citation{
	width:600px;
}
#citation .avatar{
	float:left;
	margin-right:15px;
}
#citation .quote{
	padding:10px 0 0 0;
	text-indent:30px;
	float:right;
	font-size:1.6em;
	background:url(../images/interface/quoteup.png) top left no-repeat;
	margin:0;
	width:500px;
}
#citation .quote span{
	background:url(../images/interface/quotedown.png) bottom right no-repeat;
	display:block;
}
#citation p{
	text-align:right;
}
#citation span.auteur{
	color:#000;
	font-size:1em;
}
#citation span.site,#citation span.site a{
	text-decoration: none;
}
#citation p{
	padding:10px 0 0 0;
	margin:0;
}

/* ========= */
/* ! VIDEO   */
/* ========= */
#contenu h1.bandeau{
	display:block;
	width:268px;
	height:34px;
	margin:0;
	padding:0;
	right:-37px;
	position:absolute;
	background:url(../images/interface/bandeau.png) left top no-repeat;
	line-height:34px;
	color:#FFF;
	font-size:1.2em;
	padding:0 0 8px 20px;
}

.video{
	height:236px;
}
.video div{
	position:absolute;
	top:46px;
	right:-15px;
}


/* ========= */
/* ! LOGIN   */
/* ========= */
#login{
	text-align:right;
	height:20px;
	line-height:20px;
	color:#FFF;
}
#login a{
	text-decoration: none;
	color:#9b9b9b;
}
#login a:hover{
	color:#FFF;
}



#header h1 {font-family: Arial; color:#41a5f6; font-size: 1.45em; font-weight: normal;  }
#header h1 a {text-decoration: none; color: #41a5f6; }
#header h1 strong{color: #ccc; font-weight: normal; margin-right: 5px; }

#header p.clientAcces {position: absolute; right: 20px; top: -3px; margin:0; background: #000; padding: 5px;  color: #fff; font-size: 11px; -moz-border-radius: 3px;}
#header p.clientAcces a {color: #ddd; text-decoration: none;}

#header p.clientAcces a.logout {color: #aeaeae; text-decoration: none;}


#content {
 margin-bottom: -100px;
 z-index: 2;
 min-height: 300px;
}


.code, code {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}





div.btIcone, div.bt {
	background: #fff url(../images/content-bg.jpg) 0 -20px repeat-x;
	display: block;
	text-align: center;
	width: 130px;
	border: 1px solid #ddd;
	color: #666;
	-moz-border-radius: 3px;
	cursor: pointer;
	margin-left: 10px;
}
div.btIcone:hover, div.bt:hover {
	background: #fff url(../images/content-bg.jpg) 0 -30px repeat-x;
	border: 1px solid #41a5f6;
}

div.btIcone:hover *, div.bt:hover * {
	color: #333;
}

div.btIcone *, div.bt * {
	color: #666;
	padding: 6px 10px;
	display: block;
	font-weight: bold;
	text-decoration: none;
}

div.btIcone * {	text-align: left;}
div.btIconeRefresh * { background: transparent url(../images/icones-bt/refresh.png) center left no-repeat; padding-left: 30px;}
div.btIconeSave * { background: transparent url(../images/icones-bt/save.png) center left no-repeat; padding-left: 30px;}



.miniIco {margin-top: 2px; width: 16px; height: 16px; overflow: hidden; float: right; margin-right: 2px; display: block; text-indent: 33px; margin-bottom: -4px;}

.miniIcoDel {margin-top: 3px; background: transparent url(../images/icones-mini/delete.png) bottom left;}
.miniIcoEdit {margin-top: 3px; background: transparent url(../images/icones-mini/edit_page.png) top left;}
.miniIcoXml {background: transparent url(../images/icones-mini/xml_file.png) top left;}



/*
 * TITRES
 */


	.formEdit select {margin-top: 3px; }	
	.formEdit textarea {border: 1px solid #999; padding: 4px; font-size: 11px; width: 350px; height: 60px;}	
	.formEdit strong { font-weight: bold;}
	.formEdit strong.label { font-weight: bold;font-weight: normal; font-size: 14px; display: block;}
	.formEdit em {color: #666; font-size: 11px; display: block; font-style: normal; }
	.formEdit p { margin: 10px 0; padding-bottom: 10px;}

	.formEdit option { }	




	.formEdit h3.head { color: #222; font-weight: normal; font-size: 14px; padding: 4px; margin-top: 20px; background: #e3e3e3; cursor: pointer; width: 600px; display: block;}	
	


 ul { padding: 0; margin: 0;}


/*
 * FORM
 */

form {padding: 0 20px;}
p.label input[type=text], p.label input[type=password] {border: 1px solid #ccc; padding: 8px 6px; font-size: 12px;}
p.label strong {margin-top: 10px; display: block; line-height: 18px;}

form div.error {color: #ec0048;}

ul {list-style: none;}


div.box {
	background: #fff url(../images/content-bg.jpg) 0 0 repeat-x;
	padding: 4px 6px;
	border: 1px solid #ccc;
	display: block;
	width: auto;
	float: left;
	margin: 10px;
}

div.box h3 {margin-top: 5px;}


#account-menu {position: relative; 	z-index: 100; margin-top: 30px; float: left; width: 140px; font-size: 12px;}
#account-menu ul {padding: 0;}


#account-content {float: left; width: 770px; min-height: 200px; border-left: 1px solid #ddd; margin-top: 0px; padding-left: 30px; color: #222;}

#account-content h1.main-title {font-weight: normal; font-size: 20px; margin-top: 5px;}
#account-content h1.main-title a {text-decoration: none;}

#account-content h2.main-title {margin-top: 5px; font-weight: bold; font-size: 14px;}

#account-menu ul a {display: block; line-height: 16px; padding: 8px 5px; border: 1px solid #ddd; margin: -1px; background: #fafafa; color: #666; text-decoration: none;}

#account-menu ul.profile li.profile a,
#account-menu ul.dashboard li.dashboard a,
#account-menu ul.conversions li.conversions a,
#account-menu ul.leads li.leads a,
#account-menu ul.products li.products a,
#account-menu ul.feeds li.feeds a,
#account-menu ul.materiaux li.materiaux a,
#account-menu ul.payment li.payment a,
#account-menu ul a:hover {
	border-right: 1px solid #fff;
	background: #fff;
	text-decoration: none;
	color: #F9460F;
}



#leads table.acquisition {margin-top: 10px; line-height: 20px; font-size: 11px;}
#leads table.acquisition th { border-bottom: 3px solid #dedede; font-weight: bold; }
#leads table.acquisition td { border-bottom: 1px solid #dedede;}
#leads table.acquisition .label {width: 200px;}
#leads table.acquisition .count {width: 60px; text-align: center;}
#leads table.acquisition .progress {width: 160px; text-align: center;}
#leads table.acquisition .previous {color: #999;}

#leads table.acquisition .positive {color: green;}
#leads table.acquisition .negative {color: #ff005b;}


#feeds h4 {margin-left: 15px; text-decoration: underline;}

.feed {margin: 10px 30px;}

.feed p.link {
	background: #fff url(../images/content-bg.jpg) 0 50% repeat-x;
	padding: 4px 6px;
	border: 1px solid #ccc;
	margin-left: -5px;
}

.feed p.link a {text-decoration: none;}
.feed p.link em {color: #999; font-style: normal;}
.feed p.link strong {color: #333; font-style: normal;}
.feed p.link span {color: #3086c8;}


.feed h5 {color: #000; font-size: 12px; padding-top: 5px;}
.feed table {border: 1px solid #ccc; border-width: 1px 0 0 1px; color: #333; margin: 5px 0 5px 0; line-height: 1.2em; font-size: 11px; }
.feed td.arg {color: #222; font-weight: bold; width: 100px;}
.feed td.desc {width: 400px;}
.feed td.defaut {width: 100px;}

.feed td, .feed th {border: 1px solid #ccc; border-width: 0 1px 1px 0; padding: 4px; vertical-align: top;}
.feed th {font-weight: bold; color: #eee; text-transform: uppercase; background: #666;border: 1px solid #000; border-width: 0 0px 1px 0; }












table.tablesorter { margin-top: 10px; line-height: 20px; font-size: 11px;}
table.tablesorter th { border-bottom: 3px solid #dedede; font-weight: bold; }
table.tablesorter td { border-bottom: 1px solid #dedede;}
table.tablesorter .label {width: 200px;}
table.tablesorter .count {width: 60px; text-align: center;}
table.tablesorter .progress {width: 160px; text-align: center;}
table.tablesorter .previous {color: #999;}

table.tablesorter .positive {color: green;}
table.tablesorter .negative {color: #ff005b;}


table.tablesorter .gains {text-align: right;}

table.tablesorter th.header { 
    cursor: pointer; 
} 

table.tablesorter a:hover {color: #F9460F;}



div.bigCaseStats {background: #fcfcfc; font-family: "Arial"; border: 2px solid #ccc; border-width: 2px 0 1px 0; margin: 10px -6px -6px -6px;}
table.bigCaseStats td {padding: 4px 12px 8px 12px; font-size: 1.5em; font-weight: bold; border-right: 1px solid #ccc;}
table.bigCaseStats strong {font-size: 12px; line-height: 20px; font-weight: normal;}

table.tablesorter .empty {color: #aeaeae; display: none;}

table.tablesorter td a {color: #222; text-decoration: none;}

div.chart {margin-top: 20px;}

.dateOrderIndicator {display: none;}


ul.datePicketYear, ul.datePicketMonth {padding: 0; height: 23px; overflow: hidden;}
ul.datePicketYear li, ul.datePicketMonth li {margin-top: -3px; float: left; line-height: 26px; padding: 0;}
ul.datePicketYear li a, ul.datePicketMonth li a {color: #fff; text-decoration: none; background: #999; padding: 3px 6px; margin-right: 1px;}

ul.datePicketMonth li {display: inline; line-height: 26px;}
ul.datePicketMonth li a {color: #fff; text-decoration: none; background: #999; padding: 3px 6px; margin-right: 1px;}

ul.datePicketYear li.selected a, ul.datePicketMonth li.selected a {color: #fff; text-decoration: none; background: #444; padding: 3px 6px;}


ul.tabNavigation  {height: 24px; border-bottom: 1px solid #222; margin-bottom: 10px;}
.tabNavigation li {display: inline; line-height: 26px;}
.tabNavigation li a {color: #fff; text-decoration: none; background: #999; padding: 3px 6px; margin-right: 1px;}
.tabNavigation li a.selected {color: #fff; text-decoration: none; background: #444; padding: 3px 6px;}





table.products .label {width: 400px;}
table.products td.app {color: #777;}

table.feeds .label {width: 400px;}
table.feeds .action {width: 100px; text-align: right;}


p.no-feed a { color: #41a5f6;}

/*
 * ASSISTANT
 */
 

div#assistant h2 { font-weight: normal; font-size: 16px;  margin-top: 20px; width: 600px; display: block;}	
div#assistant #feedLink {-moz-opacity: 0.5; -webkit-opacity: 0.5;}
div#assistant div.saveFeed {-moz-opacity: 0.4; -webkit-opacity: 0.4;}
#feedCounter {display: none;margin: 5px 0 0 11px;}

.moreLinks, .prevAndNext {padding: 0; margin-top: -8px; color: #aeaeae;}	
.moreLinks a, .prevAndNext a {color: #999; text-decoration: none;}	
.moreLinks a:hover, .prevAndNext a:hover {color: #41a5f6;}	
.moreLinks strong, .prevAndNext strong {color: #555;}	




	form input.submit { 
			padding:0 15px;
			height:45px; cursor:pointer; border: none; background-color:#e2400d; color:#fff; text-transform: uppercase; 
			font-weight: normal; 
			font-size: 13.5pt;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			}
			
		




#account-content .code {margin-top:0px; padding: 4px 10px; font-size: 10px; color: #444; }

.banner IMG {border: 1px solid #eee;}
.banner { text-align: center; background: url(/_layout/images/bg-banner.jpg) 0 10px repeat-x;}
.banner strong {font-weight: normal; font-size: .9em; color: #aaa; background: #fff; padding: 0 6px;}




#profileForm h2 {text-transform: uppercase; font-size: 13.5pt; font-family: Helvetica; color: #212121; margin-bottom: 5px;}
.profileForm h3, #profileForm h3 {text-transform: uppercase; font-size: 10.5pt; font-weight: bold; border-top: 1px solid #efefef; padding-top:20px; margin-top:20px;}
#profileForm h3 em {text-transform: none; font-weight: normal; font-style: normal; font-size: 12px;}
#profileForm table, #profileForm td {border: none;}
#profileForm td {padding: 4px 10px 4px 0;}
#profileForm td.right {text-align: right;}
#profileForm input[type=password], #profileForm input[type=text] {padding: 12px 4px; width: 255px;}
#profileForm select {padding: 12px 4px;}
#profileForm label {font-weight: normal;}

#profileForm input.submit { 
		padding:0 15px;
		height:45px; cursor:pointer; border: none; background-color:#e2400d; color:#fff; text-transform: uppercase; 
		font-weight: normal; 
		font-size: 13.5pt;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		margin-left:-1px;
		}