/* Netsize.com Corporate website - General CSS Styles */

*
{
    margin: 0px;
    padding: 0px;
}

body
{
	font-family: Trebuchet MS, Arial,Helvetica,sans-serif; 
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.5; 
	margin: 0 auto;
}

p 
{	margin: 15px 0;
    text-align: left;
}

p.intro 
{
    margin: 20px 0;
    /*text-align: left;*/
    font-size: 14px;
    font-weight: normal; 
    color: #3C3C3C;
}

a
{
    text-decoration: underline;
}

img
{ 
    border: medium none; 
    float: left; 
}

h1,
h2,
h3,
h4
{
    font-weight: normal; 
    color: #255F8B; 
    margin: 10px 0px;
    text-align: left;
}

h1
{ 
    font-size: 25px; 
    overflow: auto; 
}

h2 
{ 
    font-size: 20px; 
    /*overflow: auto;*/
}

h3 
{ 
    font-size: 14px; 
    overflow: auto; 
    border-bottom:1px solid #CFD9E4;
}

h4 
{ 
    font-size: 13px; 
    overflow: auto;
}

/* Form elements */
input
{
    font-size: 12px; 
    font-weight: normal; 
    text-decoration: none;
}

select
{
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    margin: 2px 0;
}

.left 
{
	float: left; 
}

.right 
{
    float: right; 
}

.clear 
{
    clear: both; 
}

/************************** Header ****************************/

.Header 
{
    width: 100%; 
    height: 80px; 
    margin: 0; 
    background-image: url(../Images/Menu/Header_Bckgrd.gif); 
    background-repeat: repeat-x;
}

/************************** Menu ****************************/
#menu 
{ 
    height: 25px; 
    width: 100%;  
    background: url(../Images/Menu/Menu_Bckgrd.gif); 
    background-repeat:repeat; 
}

ul#topnav 
{ 
    width: 980px; 
    margin: auto; 
    height: 25px; 
    padding: inherit; 
    list-style: none;
}

ul#topnav li 
{ 
    float: left; 
    margin: 0; 
    padding: 0; 
    position: relative; 
    /*--Important-- background-color: #3F9;*/ 
}

ul#topnav li a 
{ 
    float: left; 
    /*text-indent: -9999px; Push text off of page--*/ 
    height: 25px; 
    color: #1477c6; 
}


/************************** Menu Drop-down style ****************************/
ul#topnav li .sub 
{
	position: absolute; /*--Important--*/
	top: 25px; 
	left: 0; 
	background-color: #fcfdfd; 
	padding:0; 
	float:left; 
	border: 1px solid #e9edf2; 
	border-top-style: none; 
	display: none; 
}

ul#topnav li .row 
{ 
    clear: both; 
    float: left; 
    width: 100%; 
    /*margin-bottom: 10px;*/ 
    text-align: left; 
}

ul#topnav li .sub ul
{ 
    list-style: none; 
    margin: 10px 0; 
    padding: 0; 
    width: 150px; 
    float: left; 
}

ul#topnav li .sub p
{
    margin: 5px; 
    color: #255f8b; 
}

ul#topnav .sub ul li 
{
    width: 100%;
    /*--Override parent list item--*/ 
    color: #255f8b;
}

ul#topnav .sub ul li h2 
{
    padding: 5px;
    margin: 0; 
    font-size: 13px; 
    font-weight: normal; 
    color: #255F8B; 
}

/*ul#topnav .sub ul li h2 a { padding: 5px 0;	background-image: none;	color: #e8e000; }*/

ul#topnav .sub ul li a 
{
    float: none;
    height: auto;
    padding: 0 5px;
    display: block;
    text-decoration: none;
    color: #255f8b;
    font-weight: bold;
}

ul#topnav .sub ul li a:hover 
{
    color: #255f8b;
    text-decoration: underline;
}

/************************** stylish-select *********************/
/*==================================
remove default focus style
====================================*/
/*:focus {outline:none;}

.js ul.newList {left:-9999px;}

/*==================================
red curvy example
====================================*/
/*ul.newList * {margin:0; padding:0;}
ul.newList {margin:0; padding:0; list-style:none; color:#000; width:198px; background:#fff; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;}
.newListSelected {width: auto; height: 20px; margin: 0; float:left;}
.newListSelected span {width: auto; display:block;}
ul.newList li {padding:0 ; line-height: 20px;}
.selectedTxt { float:left; text-align: left;}
.hiLite {color:#000!important; font-weight: bold;}
.newListHover {background:#ccc!important; color:#000!important; cursor: pointer;  text-align: left;}
.newListSelHover, .newListSelFocus {cursor:pointer;  text-align: left;}

 


/************************** Content ***************************/

.Content
{ 
    width: 980px; 
    height: auto; 
    min-height: 500px /*TO MODIFY*/;
    margin: 20px auto 0 auto;
    text-align: left; 
}

.Content a
{
    color: #235E88;
    font-weight: normal;
    text-decoration:underline;
}

.Content h4
{
    color: #235E88;
    font-weight: normal;
    text-decoration:none;
}

.Content b
{
    color: #235E88;
    font-weight: bold;
    text-decoration:none;
}

.Content strong
{
    color: #235E88;
    font-weight: bold;
    text-decoration:none;
}

.Content ul { margin-left: 0;	padding-left: 20px; }
.Content ol { margin-left: 0;	padding-left: 20px;}
.Content li { list-style-image: url(../Images/Site/Bullet.gif);	margin-bottom: 5px; }
.Content li.number { margin-bottom: 5px; list-style-type:decimal; list-style-image:none;}

.Content ul { margin-left: 0;	padding-left: 20px; }
.Content li.swoosh { list-style-image: url(../Images/Site/icon_swoosh.gif);	margin-bottom: 5px; margin-left:10px; }

.FrameTaleo { float: right; width: 670px; height: auto;	margin-bottom: 20px; text-align: left; height: 800px; width: 100%; }

.icon {	float: left; margin-right: 20px; height: 70px; width: 70px; padding-bottom: 15px;}

/************************** ContentHome ***********************/

#ContentHome { width: 900px; height: 500px; /*TO MODIFY*/ margin: 20px auto 0 auto;	/*text-align: left;*/}

#ContentHome a { color: #235e88;}

.Banner { width:100%; background-image:url(../Images/Home/Banner_Bckgrd.gif); background-repeat:repeat; height:325px; margin-bottom:20px;}
.BannerBig { /*text-align: center;*/ /*float:center;*/ background-image:url(../Images/Menu/Banner_Bckgrd.gif); background-repeat:repeat; height: 325px;	z-index:0;	/*margin : 0 0 20px 0px;*/}

#Promo { width:100%; height:125px; /*margin-bottom:20px;*/}

#Home { width: 985px; margin: 20px auto 0 auto;}

#rssRow { width: 985px; height: 30px; text-align: left; margin:-70px  0 20px 2px;color: #3c3c3c; background-color: #FFF; z-index:10; position:absolute; }
#rssRow h3 { margin: 0 10px; color: #3c3c3c; display: inline; line-height: 25px; font-size: 13px; font-weight: bold; text-decoration:none; border-bottom:none;}
#rssRow a { text-decoration: none; color: #3c3c3c; line-height: 25px; }
#scroller_container { position: relative; width: 450px; height: 22px; overflow: hidden; color: #3c3c3c; margin: -25px 0px 0px 150px;}
#scroller {	white-space: nowrap; font-size: 12px; color: #3c3c3c; visibility: visible; overflow: hidden; position: relative; left: 0px; z-index: 10;}
#scroller p { padding: 0; }
	

/************************** Right Part Content ***********************/

.CentralContent { float: left; width: 730px; margin-right: 20px; text-align: left; }

.RightContentDiv { float: left;  width: 100%; margin-bottom: 20px; }
.RightContentDiv h1 { font-size: 14px; font-weight: bold; color:#0d4b7d; }

.RightContent {	float: right;	width: 230px;	height: auto;	margin: auto; }
	.RightContent a {text-decoration:none; font-weight:normal; color:#0d4b7d;}
		.RightContent a:hover {text-decoration:underline; font-weight:normal; color:#0d4b7d;}
	.RightContentBox { float: left; width: 228px; border:#cfd9e4 solid 1px;/*border-left:#18507D solid 1px; border-right:#18507D solid 1px;*/ padding-bottom:10px;}
	.RightContentBox .headerTitle { width: 100%; /*background-color: #18507D;*/ float: left; }
	.RightContentBox .headerTitle h1 { font-size: 14px; font-weight: bold; color:#3c3c3c; margin: 5px 10px; }
	.RightContentBox .title  { float:left; width: 145px; font-size: 13px; color:#000000; margin: 10px 10px 0 0; }
	.RightContentBox span { float: left;  width: 145px; margin-bottom: 10px;  }
	.RightContentBox ul { float:left; width: auto; margin-left: 20px; clear:both; white-space:nowrap;}
	.RightContentBox li { list-style-image: url("../Images/Site/icon_swoosh.gif"); margin: 0;  }
	.RightContentBox p { float: left; clear: both; /*width: 210px; white-space: nowrap*/; margin: 10px; line-height: 130%; width: 90%; }

	.RightContentBoxOrange { float: left; width: 228px; border:#b68207 solid 1px; background-color:#eaac18;/*border-left:#18507D solid 1px; border-right:#18507D solid 1px;*/ padding-bottom:10px;}
		.RightContentBoxOrange a {text-decoration:none; font-weight:normal; color:#3c3c3c;}
			.RightContent a:hover {text-decoration:underline; font-weight:normal; color:#3c3c3c;}
			/*.RightContentBoxOrange .smallDivLinkO:hover {text-decoration:underline; font-weight:normal; color:#3c3c3c;}*/
			
	.RightContentBoxOrange h1 { font-size: 14px; font-weight: bold; color:#3c3c3c; margin: 10px 10px 0 10px; }
	.RightContentBoxOrange .title  { float:left; width: 210px; font-size: 13px; color:#000000; margin: 10px 10px 0 10px; }
	.RightContentBoxOrange span { float: left;  width: 210px; margin: 5px 10px 10px 10px;  }
	.RightContentBoxOrange ul { float:left; width: auto; margin: 0px 10px 10px 20px; clear:both; white-space:nowrap;}
	.RightContentBoxOrange li { list-style-image: url("../Images/Right_elements/RP_swoosh.gif"); margin: 0;  }
	.RightContentBoxOrange p { float: left; clear: both; white-space: nowrap; margin: 0; padding-left: 10px; padding-bottom: 10px;	line-height: 130%; width: auto; }
	
/************************** Footer OLD ****************************/

.Footer
{
	width: 100%;
	height: 150px;
	float: left;
	/*background-image: url(../Images/Home/Header_Bckgrd.gif);
	background-repeat:repeat-x;*/
	margin : 20px auto 0 auto;
}

.FooterMiddle
{
	width: 980px;
	text-align: center;	
	margin: auto;
	clear: both;	
}

.Footer a
{
	color: #747d85;
	text-decoration: none;
}



#FooterLeftColumn
{
	float: left;
	width: 210px;
	margin-bottom: 20px;
	margin-right: 10px;
	text-align: left;
}

.FooterRightColumn
{
	float: left;
	width: 160px;
	margin-left: 10px;
	color: #747d85;
	text-align: left;
}

.FooterRightColumn p
{
	margin: 0;
	padding-bottom: 5px;
}

.FooterRightColumn b
{
	padding: 0;
	margin: 5px 0;
	color: #747d85;
	float: left;
}

.FooterCell
{
	float:left;	
	width: 210px;
	min-height: 70px;
	text-align: left;
	margin : 0;	
}

.FooterCellHome
{
	float: left;	
	width: 235px;
	/*min-height: 70px;*/
	text-align: left;
	margin : 0;	
}

.FooterCellHome a
{
	color: #000000;
	text-decoration: none;
}



.FooterCellHome a:hover
{
	color: #000000;
	text-decoration: underline;
}

.FooterCell a
{
	color: #000000;
	text-decoration: none;
}

.FooterCell span
{
	float:left;
	text-align: left;
	width: 210px;
	height: 25px;
	margin: 0;
}

.FooterCell span h1
{
	padding: 3px;
	margin: 0;
}

.Footer p
{
	float:left;
	width: 160px;
	margin : 0;
}


#FooterCopyright
{
	float:left;	
	width: 900px;
	height: 50px;
	margin : 0;
	text-align: left;
	padding-left: 5px;
	color: #747d85;
}

#FooterCopyright span a
{
	color: #747d85;
	text-decoration: none;
}

#FooterCopyright span a:hover
{
	color: #747d85;
	text-decoration: underline;
}



/************************** Footer NEW ****************************/

.FooterNEW { width: 100%; height: 245px; float: left; margin : 20px auto 0 auto; }

.FooterContentNEW { width: 980px; text-align: center; clear: both; border-top:1px solid #cfd9e4;}

.FooterContentNEW p { color:#747d85; font-size:12px; margin: 5px 0; text-align: left;}

.FooterNEW a.title { float:left ;color: #4277a1; font-size:12px;text-decoration: none; text-align:left; background:url(../Images/Site/arrow.gif); background-position:right; background-repeat:no-repeat; padding-right:10px;}
.FooterNEW a:hover.title { color: #4277a1; text-decoration: underline; text-align:left; background:url(../Images/Site/arrow.gif); background-position:right; background-repeat:no-repeat; padding-right:10px;}
.FooterNEW a {color: #747d85;text-decoration: none; font-size:11px; text-align:left;}
.FooterNEW a:hover{ text-decoration: underline;}

.FooterLeftNEW{ float: left; width: 230px; height:260px; margin-right: 10px; margin-top:10px; text-align: left;}
.FooterTopNEW { float: left; width: 730px; height:80px; text-align: left; margin:10px 0; border-bottom:1px solid #cfd9e4;}
.FooterBottomNEW { float: left; width: 730px; text-align: left;}
.FooterColumnNEW { float: left; width: 138px; margin-right: 10px; color: #747d85; text-align: left;}


.FooterColumnLastNEW { float: left; width: 138px; color: #747d85; text-align: left;}

#FooterCopyrightNEW { float:left; height: 25px; margin : 0; text-align: left; font-size:11px; color: #747d85; width:980px; border-top:1px solid #cfd9e4; padding-top: 5px; margin-top:10px;}
#FooterCopyrightNEW a {color: #4277a1; text-decoration: none; font-size:11px;}
#FooterCopyrightNEW a:hover{ text-decoration: underline;}



#language { width: 350px; line-height: 30px; text-align: right; color:#747D85; vertical-align:baseline;  }
#language a { color: #747D85; } 
/*#header-middle { width: 880px; margin: auto; height: 99px; }*/


/************************** Form **************************/
.Formular
{
	float : left;	
	display: none; 
	overflow: auto;
}

.FormularError
{
	color: red;
	display: none; 
}

.NewsletterCheckBox
{
	margin-left:30px;
}

.FormContent
{	
	overflow: auto;
	height: auto;
	margin: 20px 0 0 0;
	padding-bottom: 50px;
}



.FormLanguageContent
{	
	overflow: auto;	
	height: auto;
	margin: 20px 0;
}

.LanguageBullet li
{	
	list-style-image: url(../Images/Site/icon_swoosh.gif);
}

.FormBox {	margin: 20px 0;	padding: 10px;	overflow: auto;	border: 1px dashed #CCC; }
.FormBox h2 {	margin-bottom: 5px; 	margin-top: 0; 	padding-top: 10px; 	display: inline; }



form { float: left; width: 100%; margin-top: 20px;}
form p { float:left; width: 100%; margin: 2px 0; }
form h3{ border-bottom: 1px solid #CFD9E4; font-size: 14px; overflow: auto;}
form label { float: left; width: 150px; font-weight: bold; color: #255f8b; }
form .checkbox { float: left; clear: both; width: auto; margin-right:10px; }
form .agree { margin-left: 10px; }
form label.error{ font-weight: normal; color:#F00; width: auto; display: none; margin-left: 10px; float: none; }
form input { width: 180px;} 
form input.error, select.error {border:1px solid red; }
/*#messageBox1, #messageBox2 { clear: both; float: left; display: none; width: 100%; }*/
form .info { padding-left: 150px; width: 100%; margin-top: 2px; } 
/*#messageBox1 li { list-style: none;}*/

form .submit {	float:left; clear: both;  margin-left: 150px; cursor: pointer; background: #fff url(../Images/Site/Button_Submit.gif) no-repeat;	width: 66px; height: 25px;	border: 0px;	margin-top: 20px; margin-bottom:20px; }
form .submittrial {	/*float:left;*/ clear: none;  /*margin-left: 150px;*/ cursor: pointer; background: #fff url(../Images/Site/Button_Submit.gif) no-repeat;	width: 66px; height: 25px;	border: 0px;	margin-top: 20px; /*margin-bottom:20px;*/ }
form .next { float:left; border: 0; clear: none; /*margin-left: 150px;*/ cursor: pointer; background: #fff url(../Images/Site/Button_Next.gif) no-repeat;	width: 80px; height: 25px;	/*border: 0px;*/	margin-top: 20px; /*margin-bottom:20px;*/ }
form .back { float:left; border: 0; clear: both;  margin-left: 150px; cursor: pointer; background: #fff url(../Images/Site/Button_Back.gif) no-repeat;	width: 80px; height: 25px;	/*border: 0px;*/	margin-top: 20px; /*margin-bottom:20px;*/ }

.box { float: left; border:1px dashed #ccc; margin:20px 0; width:410px; padding:10px; display: none; }
.box p { width: 100%; clear: both; margin: 0;}
.box input { float: left; width: auto; }
.box label { width: auto; margin-left: 10px; font-weight: normal; color: #000; padding-top: 3px; }
/*#mMarketingBox label.error { color:#f00; float: left;}*/
.box label.error { color:#f00; float: left; }
#newsletterBox .checkbox { margin-left: 20px; }
#calcBox { float:left; width: 100%; }
#calcBox label, #calcBox input{ width: auto; float: none; font-weight: normal; color: #000; }


.counter
{
    display: block;
    margin-left: 150px;
}
.warning {	overflow: auto;	 border: 1px solid #386d93;	padding: 10px; }
.warning p { margin-top: 5px; }


/**************************** MODAL POPUP * THICKBOX ****************************/
#TB_window
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #333333;
}

#TB_secondLine
{
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link
{
    color: #666666;
}

#TB_window a:visited
{
    color: #666666;
}

#TB_window a:hover
{
    color: #000;
}

#TB_window a:active
{
    color: #666666;
}

#TB_window a:focus
{
    color: #666666;
}

#TB_overlay
{
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.TB_overlayMacFFBGHack 
{
    background: url(../_js/macFFBgHack.png) repeat;
}

.TB_overlayBG
{
	background-color: #FFFFFF;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;	
	opacity: 0.75;
}

* html #TB_overlay /* ie6 hack */
{
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	/*background: #FFFFFF;*/
	background: url(bg_popup.png) repeat-x;
	background-color: #D5DCE4;
	background-position: 0px 0px;
	z-index: 102;
	color: #000000;
	display: none;
	border: 1px solid #DDDDDD;
	text-align: left;
	top: 50%;
	left:50%;
}

* html #TB_window /* ie6 hack */
{
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image 
{
	display: block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption
{
	height: 25px;
	padding: 7px 30px 10px 25px;
	float: left;
}

#TB_closeWindow
{
	height: 25px;
	padding: 11px 25px 10px 0;
	float: right;
}

#TB_closeAjaxWindow
{
	padding: 7px 10px 5px 0;
	margin-bottom: 1px;
	text-align: right;
	float: right;
}

#TB_ajaxWindowTitle
{	
    float: left;
    padding: 7px 0 5px 10px;
    margin-bottom: 1px;}

#TB_title
{
	height:17px;
}

#TB_closeWindowButton 
{
	position: absolute;
	width: 30px;
	height: 30px;
	right: -15px;
	top: -15px;
	background: url(closebox_blue.png) no-repeat center;
	border: none;
}

#sbox-btn-close 
{
	position: absolute;
	width: 30px;
	height: 30px;
	right: -8px;
	top: -15px;
	background: url(closebox_blue.png) no-repeat center;
	border: none;
}

#TB_ajaxContent
{
	clear: both;
	padding: 2px 15px 15px 15px;
	overflow: auto;
	text-align: left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal
{
	padding: 15px;
}

#TB_ajaxContent p
{
    padding: 5px 0px 5px 0px;
}

#TB_load
{
	position: fixed;
	display: none;
	height: 13px;
	width: 208px;	
	z-index: 103;	
	top: 50%;	
	left: 50%;	
	margin: -6px 0 0 -104px; 
}

* html #TB_load /* ie6 hack */
{
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color: #FFFFFF;
	border: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height: 100%;
	width: 100%;
}

* html #TB_HideSelect /* ie6 hack */
{ 
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent
{
	clear: both;
	border: none; 
	margin-bottom: -1px;
	margin-top: 1px;
	_margin-bottom: 1px;
}



/**************************** TABLES (products) ****************************/
table.products {
	border-width: 0px;
	border-spacing: 0px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #CBD4E0;
	margin: 10px 0;
	width: 100%;
}
table.products tr {
	padding: 5px;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.products tr.background {
	background-color: #E9EDF2;
}

table.products td {
	padding: 5px;
	vertical-align: top;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CBD4E0;
	/*-moz-border-radius: 0px 0px 0px 0px;*/
}

p.note 
{
    font-size: 10px; 
    margin:5px 0 15px 0;
}


/**************************** ACCORDION (billing coverage) ****************************/
#accordion {
	background-color:#FFFFFF;
	width: 730px;
	font-family: Trebuchet MS, sans serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

/* accordion header */
#accordion .title {
	margin: 0;
	padding: 5px 15px;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px solid #CFD9E4;
	cursor: pointer;
	line-height: 25px;
}

#accordion .titleCountry {
	margin: 0;
	padding: 5px 15px;
	font-size: 13px;
	font-weight: normal;
	border-bottom: 1px solid #CFD9E4;
	cursor: pointer;
	line-height: 32px;
}

.hover { background-color:#e9edf2; text-decoration:underline; color:#235E88; }

/* currently active header */
#accordion .current {
	cursor:default;
	/*background-color:#FFFFFF;*/
}

/* accordion pane */
#accordion div.pane 
{
	border-bottom: 1px dotted #ddd;
	display: none;
	height: auto;
	padding: 5px;
	color: #000000;
	font-size: 12px;
}

/* a title inside pane */
#accordion div.pane h3 
{
	font-weight: normal;
	margin: 0 0 -5px 0;
	font-size: 16px;
	color: #000000;
}

#accordion img 
{ 
    float: left; 
    margin-right: 10px; 
    text-align:left; 
}


/* --- Trial Forms --- */
#step3Products {
    width:730px;
}

.productRow
{
    padding:1px;
}

.product {
    width:700px;
    float:left;
	padding:5px 10px;
	border-bottom:1px solid #CFD9E4;
}


.expired
{
    color:Gray;
	float:right;
}

.productLabel {
    display:inline;
    width:auto;
    margin:0 10px 0 25px;
    
}

.productCheckbox {
    display: inline;
    float: left;
    width: auto;
}

.ProductQuestions {
    display: block;
    width: 730px;
    padding: 1px;
    margin: 10px;
}

.ProductQuestions table label
{
    display: inline;
    padding: 0;
    margin: 0;
	font-weight: normal;

}

.ProductQuestions table input
{
    float:left;
    width:20px;
    margin: 0 0 -3px 0;
}

.ProductQuestions table
{
    display: none;
    margin-right: 10px;
}

.ProductQuestions td
{
    margin: 5px 10px 5px 10px;
    vertical-align:top;

}

.twoCells
{
    width: 300px;
    padding: 5px 25px 5px 25px;
}

.threeCells
{
    width: 250px;
    padding: 5px 10px 5px 10px;
}

.threeCellsComment
{
    padding: 5px 10px 5px 10px;
}

.twoCellsComment
{
    padding: 5px 25px 5px 25px;
}

.ProductQuestions span
{
    font-weight:bold;
    color: #255f8b;
}

.productLabel
{
    color:Black;
    font-weight:normal;

}

.productLabel span
{
    font-weight:bold;
    color: #255f8b;
}

.disabled label,
.disabled .productTrialComment
{
    color: gray;
}

.disabled label span
{
    color: #CFD9E4; /* ! Couleur arbitraire ! */
}

.productTrialInfo p 
{
    float:right;
    width:150px;
    color:Black;
    margin-top: 0;
}

.productTrialComment p
{
    margin-left: 34px;
}

.expired p
{
    color: Gray;
}

.ajaxLoader,
.ajaxLoaderFirst
{
    float: left;
    display: block;
}

.ajaxLoaderFirst
{
    margin: 22px 0 0 165px;
}

.ajaxLoader
{
    margin: 22px 0 0 30px;
}