html{
  font-size:100%;
}
body{
	font-family:Arial, Helvetica, "Nimbus Sans L", sans-serif;
  font-size:0.8em;
  color:#3E3D40;
  /*border-top:25.5px solid #3E3D40;*/
  padding-top:26px;
  background:url(../images/body_bg.gif) repeat-x top center;
}
#bodyClear {
  padding:0;
  background-image:none;
}
#connexion{
  background:#38373A;
  border-top:0;
}
#page{
  padding-bottom:70px;
  background:url(../images/page_bg.gif) 150px bottom no-repeat;
}
#page_snippet{
  padding-bottom:0;
  background:0;
}
a{
  text-decoration:none;
  color:#3E3D40;
}
.noborder{
  border:0; 
}
.clear{
  clear:both;
}
.fll{
  float:left;
}
.m10{
  margin:10px;
}
.ml10{
  margin-left:10px !important;
}
.mt25{
  margin-top:25px !important;
}
.mt50{
  margin-top:50px !important;
}
.t30{
  top:30px !important;
}
.ac{
  text-align:center !important;
}
.text-indent{
  display:block;
  text-indent:-9999px;
}
.dInline{
  display:inline !important;
}
.normalWeight{
  font-weight:normal;
}
.fontSize11{
  font-size:11px;
}
.colorBF161E{
  color:#BF161E;
}
.color2EBCD8{
  color:#2EBCD8;
}
/*------------------------------
          HEADER
 -------------------------------*/
#header{
  width:960px;
  margin:0 auto;
  /*background:#194682 url(../images/body_bg_compte.png) no-repeat;*/
  position:relative;
  padding-bottom:5px;
}
/* --- navigation --- */
#nav_main{
  float:right;
}
#nav_main li{
  float:left;
}
#nav_main a{
  text-transform:uppercase;
  color:#B9BBBC;
  position:relative;
  bottom:1px;
  display:block;
  margin-right:6px;
  padding:7px 13px 6px 23px;
  background:#3E3D40 url(../images/nav_grey.gif) 0 6px no-repeat;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
#nav_main .users{
  background:url(../images/users.gif) right top no-repeat;
  padding:5px 30px 4px 0;
}
#nav_main a:hover,#nav_main a.active{
  color:#fff;
  background:#3E3D40 url(../images/nav_white.gif) 0 5px no-repeat;
}
#nav_main .deconnexion{
  background:#194682;
  border:1px solid #194682;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  position:relative;
  bottom:0;
}
#nav_main .deconnexion a{
  width:20px;
  background:#194682 url(../images/deconnexion.png) -1px 0 no-repeat;
  cursor:pointer;
  padding:3px 1px 7px 5px;
  margin:0;
  border:0;
}
#nav_main .deconnexion a:hover{
  background:#194682 url(../images/deconnexion.png) 0 -28px no-repeat;
}
#nav_main .storage_li,#nav_main .storage_li_active{
  background:#194682 url(../images/nav_octet.png) no-repeat;
  margin-right:6px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
#nav_main .storage_li a,#nav_main .storage_li_active a{
  position:static;
  font-weight:bold;
  letter-spacing:1px;
  margin-right:0;
  padding:5px 10px 5px 40px;
  background:none;
  color:#fff;
  border:1px solid #194682;
}
#nav_main .storage_li:hover,#nav_main .storage_li_active{
  background:#194682 url(../images/nav_octet_hover.png) no-repeat;
}
#nav_main .storage_li a:hover,#nav_main .storage_li_active a{
  color:#194682;
}
*html #nav_main li.storage_li a:hover{
  color:#fff;
  background:none;
}
*html #nav_main li.storage_li_active a,*html #nav_main .storage_li_active a:hover{
  color:#194682;
  background:none;
  padding-top:7px;
}
#switchLang{
  position:absolute;
  margin-top:-20px;
  left:0;
}
#switchLang a{
  padding-left:20px;
  color:#FFF;
}
#customLogoExpress{
  text-align:center;
  margin-bottom:10px;
}
.switchExpress{
  left:auto !important;
}
#en_EN{
  background:url(../images/en_EN.png) no-repeat left center;
}
#fr_FR{
  background:url(../images/fr_FR.png) no-repeat left center;
}
#inscription_li a{
  font-size:0.9em;
  color:#fff;
  background:#3E3D40 url(../images/inscription_li.png) 0 2px no-repeat;
  position:absolute;
  right:5px;
  top:-20px;
  padding-left:18px;
  text-decoration:underline;
}
#invalidAccount{
  position:relative;
  top:-30px;
}
#welcome_user{
  position:absolute;
  top:40px;
  right:0;
  font-style:italic;
  line-height:1.6em;
  background:url(../images/welcome_user.gif) no-repeat;
  width:330px;
  height:93px;
  padding:20px 0 0 90px;
}
#welcome_user span.welcome{
  font-size:1.3em;  
}
/*------------------------------
          CONTAINER
 -------------------------------*/
#container{
  width:960px;
  margin:0 auto;
  padding:5px;
}
#container h1, #container_snippet h1, #containerIframe h1{
  height:27px;
  font-size:1.9em;
  font-weight:normal;
  background:#194682 url(../images/h1_interface.png)  0 -2px no-repeat;
  margin:0 0 23px 0;
  padding:5px 0 0 40px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
#container h2{
  font-family:"Times New Roman",Times,serif;
  font-size:2.2em;
  color:#3E3D40;
  margin:10px 0 10px 20px;
  padding-left:20px;
}
#container h2 span{
  float:left;
  width:19px;
  height:19px;
  background:#194682 url(../images/h2_interface.png) no-repeat;
  margin-top:5px;
  line-height:0.6em;
}
#container_snippet{
  width:480px;
  margin:0 auto;
  padding:5px;
}
.introduction{
  margin:15px 0;
  font-style:normal;
  font-size:1.15em;
  line-height:1.3em;
  padding-right:15px;
}
#containerIframe{
  width:480px;
  margin:0 auto;
  padding:5px;
}
#containerIframe h1 em{
  font-weight:bold;
  font-size:0.7em;
}
/* --- MY ACCOUNT --- */
#used_storage{
  width:330px;
  float:right;
  position:relative;
  bottom:55px;
  font-size:0.8em;
  padding-top:2px;
}
#percentage{
  border:1px solid #3E3D40;
  background:#FFF;
  width:330px;
  height:14px;
  color:#fff;
}
#percentage span{
  background:#194682;
  height:12px;
  padding-top:2px;
  display:block;
  text-align:center;
  font-weight:bold;
  font-size:0.9em;
}
/*basic table => bill, users*/
.sortable{
  cursor:pointer;
}
.basic_table{
  width:960px;
  border:1px solid #3E3D40;
}
.basic_table th{
  background:#3E3D40;
  color:#fff;
  font-size:1.2em;
  height:25px;
  text-transform:uppercase;
  vertical-align:middle;
}
.basic_table tbody tr:hover{
  background:#F5F5F5;
}
.basic_table td{
  text-align:center;
  vertical-align:middle;
  height:12px;
  border:1px solid #B2B1B5;
}
.basic_table td.empty{
  padding:15px 0;
  font-weight:bold;
}
.basic_table tr.color_line{
  background:#F5F5F5;
}
.pdf{
  height:19px;
  background:url(../images/pdf.gif) center top no-repeat;
}
/*users*/
.connected span{
  background:url(../images/connected.gif) center no-repeat;
  padding-top:5px;
}
.disconnected{
  background:url(../images/disconnected.gif) center no-repeat;
}
.payment{
  background:url(../images/payment.png) center no-repeat;
}
.no_payment{
  background:url(../images/no_payment.png) center no-repeat;
}
.disconnected{
  background:url(../images/disconnected.gif) center no-repeat;
}
.change,.valid,.block,.delete_user{
  margin:0 auto;
}
.change a{
  background:url(../images/change.png) center no-repeat;
  padding:5px 0;
  cursor:pointer;
}
.valid a{
  background:url(../images/check_pass.png) center no-repeat;
  padding:5px 0;
  cursor:pointer;
}
.delete_user a{
  background:url(../images/delete.gif) center no-repeat;
  padding:5px 0;
  cursor:pointer;
}
.block a{
  background:url(../images/block.png) center no-repeat;
  padding:5px 0;
  cursor:pointer;
}
.block a.re_active{
  background:url(../images/accept.png) center no-repeat;
}
.future{
  font-size:0.8em;
}
*html .change{
  padding-left:0;
  width:80px;
  text-align:center;
}
*html .change a{
  width:20px;
  background:url(../images/change.png) center no-repeat;  
}
.change a:hover{
  background:url(../images/change_hover.png) center no-repeat; 
}
#actions_users{
  margin-bottom:10px;
}
#actions_users a{
  background:#194682 url(../images/add_user.png) no-repeat;
  width:200px;
  height:40px;
  line-height:40px;
  display:block;
  font-size:1.1em;
  text-transform:uppercase;
  font-weight:bold;
  font-family:Arial, Helvetica, "Nimbus Sans L", sans-serif;
  color:#fff;
  font-weight:bold;
  padding-left:40px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
/*details*/
#nav_user{
  border-bottom:4px solid #194682;
  float:left;
  width:956px;
  background:#fff;
}
#nav_user li{
  float:left;
  padding:3px 2px 4px 0;
  background:#fff;
}
#nav_user li a{  
  background:#3E3D40;
  color:#fff;
  font-weight:bold;
  font-size:1.1em;
  padding:3px 27px 1px 27px;
  margin-bottom:2px;
}
#nav_user li a.active{
  background:#194682;
  margin-bottom:2px;
  padding:3px 14px;
}
#bills{
  width:955px;
  margin-left:1px;
}
#details{
  width:956px;
  background:#F5F5F5;
  clear:both;
}
#details h3{
  line-height:2.6em;
  font-size:1.2em;
  text-align:center;
}
#details .required{
  margin:5px 0;
  text-align:center;
  font-size:0.8em;
}
.details_user{
  padding-bottom:10px;
}
.details_user label{
  position:absolute;
  width:160px;
  text-align:right;
  margin-left:250px;
  line-height:1.3em;
}
.details_user input, .details_user textarea{
  margin:0 0 4px 415px;
  width:240px;
}
.details_user textarea{
  height:80px;
  font-family:Arial, Helvetica, "Nimbus Sans L", sans-serif;
  font-size:0.9em;
}
.details_user .delete_logo a{
  padding:3px;
  border:1px outset #3E3D40;
  background:#FFF;
}
.details_user #actual_logo{
  margin:0 0 4px 215px;
}
.details_user fieldset img#myRainbow, .details_user fieldset img#myRainbow2{
  margin:0;
  vertical-align:middle;
  cursor:pointer;
}
.details_user fieldset #backgroundcolor,.details_user fieldset #backgroundcolor2{
  width:70px;
  text-transform:uppercase;
}
.details_user fieldset{
  border:1px solid #7F7F7F;
  width:500px;
  margin:15px 0 15px 220px;
  padding:10px;
  background-color:#FFF;
  -webkit-border-top-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  /*position:relative; IE FIX*/
}
.details_user fieldset legend{
  padding:3px;
  border:1px solid #7F7F7F;
  background-color:#FFF;
  font-weight:bold;
  vertical-align:middle;
  line-height:21px;
  /*margin-top:-0.4em; IE FIX
  position:absolute;top:-1em;*/
}
.details_user fieldset legend img{
  vertical-align:middle;
}
.details_user fieldset label{
  margin-left:50px;
}
.details_user fieldset input, .details_user fieldset textarea, .details_user fieldset select{
  margin-left:215px;
}
.details_user fieldset.large p{
  margin:7px 0;
}
.details_user fieldset.large label{
  margin-left:50px;
  width:250px;
}
.details_user fieldset.large input, .details_user fieldset.large textarea, .details_user fieldset.large select{
  margin-left:315px;
}
.snippet{
  margin:5px 0 10px 0;
  border:1px solid #A5ACB2;
}
.snippet pre{
  font-size:10px;
}
#expire_mode_days{
  width:30px;
  margin-left:10px;
}
#expire_mode_days_label{
  margin-left:5px;
  width:auto;
}
.payment_edit input{
  margin:0 0 4px 402px;
}
.input_password{
  margin-bottom:4px;
}
#settingsForm{
  width:750px;
  float:left;
}
#settingsTabs{
  float:left;
  width:200px;
  margin-top:10px;
}
#settingsTabs li{
  border-bottom: 1px solid #CCCCCC;
}
#settingsTabs a{
  padding:12px 0 12px 15px;
  display:block;
}
#settingsTabs a:hover, #settingsTabs a.active{
  background-color:#EAEAEA;
}
.settingsFieldset fieldset{
  margin-left:40px;
}
.snippet pre{
  width:700px;
  overflow:auto;
}
#settingsEmailsTemplates, #settingsExpress{
  width:690px;
}
#settingsEmailsTemplates textarea{
  width:460px;
}
.toggleTokens{
  cursor:pointer;
  text-align:center;
}
.toggleTokens:hover{
  text-decoration:underline;
}
.emailsTemplatesTokens{
  border:1px solid #CCC;
  padding:10px;
  margin:5px 0 20px 0;
  background-color:#EFEFEF;
  display:none;
}
.emailsTemplatesTokens ul{
  margin-top:0px;
}
.emailsTemplatesTokens ul li{
  padding:3px;
}
.subLegend{
  padding:20px 0 15px 0;
  text-align:center;
}
#emailsTemplatesShowFr,#emailsTemplatesShowEn{
  padding-left:20px;
  cursor:pointer;
}
#emailsTemplatesShowFr{
  font-weight:bold;
  background:url(/images/fr_FR.png) no-repeat 0 2px;
}
#emailsTemplatesShowEn{
  background:url(/images/en_EN.png) no-repeat 0 2px;
}
#active{
  width:15px;
}
#colorSelector {
  display:inline-block;
	position: relative;
	width: 36px;
	height: 36px;
	background: url(../images/select.png);
	cursor:pointer;
}
#colorSelector span{
  display:inline-block;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 30px;
	height: 30px;
	background: url(../images/select.png) center;
}
.valignM *{
  vertical-align:middle;
}
#old_password, #password, #confirm_password{
  width:150px;
}
#confirm_password{
  margin-bottom:12px;
}
input.button{
  background:#194682 url(../images/button.png) no-repeat;
  height:25px;
  width:112px;
  color:#fff;
  cursor:pointer;
  font-weight:bold;
  border:0;
  display:block;
  margin-top:10px;
}
input.auto{
  width:auto;
}
#payment{
  margin-left:20px;
}
div#payment{
  padding:1px 0 10px 0;
}
#payment p.disabled{
  text-align:center;
  font-weight:bold;
  padding:15px 0;
}
.payment_choice{
  margin:0 0 20px 40px;
}
.payment_choice label{
  cursor:pointer;
}
#payment #h1_paiement{
  color:#8F4892;
  background:0;
  height:40px;
  line-height:40px;
  margin:0;
  padding-left:15px;
  font-size:2.2em;
  font-weight:normal;
}
#payment_thanks{
  margin:0 0 20px 15px;
  font-size:1.7em;
  color:#35BAD8;
}
.payment_text{
  font-size:1.1em;
  margin:10px 10px 10px 45px;
}
.payment_infos{
  margin:0 40px 0 50px;
  float:left;
}
.payment_infos p{
  margin:5px 0;
}
#payment_link{
  margin:20px 0 20px 50px;
  padding:10px;
  border:1px solid #3E3D40;
  width:170px;
  text-align:center;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
#payment_link a{
  font-size:0.9em;
}
#payment_link a:hover{
  text-decoration:underline;
}
#payment_address{
  margin:20px 0 10px 40px;
}
.courrier{
  font-size:1.1em;
  font-family:Courier, "Courier New", monospace;
}
#payment_transaction{
  margin:20px 30px 30px 40px;
}
#card_abo{
  margin:0 0 15px 70px;
}
#card_abo form{
  margin:15px 0 0 20px;
}
#payment table{
  margin:20px 0 0 90px;
}
#payment th{
  text-align:left;
}
#payment td{
  height:50px;
}
#payment .fixed_field{
  width:90px;
}
#country_code{
  width:40px;
}
#key_code{
  width:20px;
}
#payment input{
  margin-right:10px;
}
#storage_choice table{
  margin:10px auto 0 auto;
}
#storage_choice th{
  height:40px;
  vertical-align:middle;
}
#storage_choice td{
  vertical-align:middle;
  font-weight:bold;
  font-size:1.4em;
  height:60px;
}
#storage_choice td#offer{
  vertical-align:top;
  font-size:1.2em;
  height:auto;
  padding:5px 0 0 50px;
  text-align:left;
  border-left:1px dashed #3E3D40;
}
#offer p{
  margin:15px 0;
}
#offer p span{
  color:#35BAD8;
}
#offer p.future_offers_note{
  margin:0;
  font-size:0.7em;
  font-style:italic;
  font-weight:normal;
}
#storage_choice .radio {
  width:80px;
  text-align:right;
}
#storage_choice label{
  cursor:pointer;
}
.rates{
  color:#35BAD8;
  text-align:center;
  width:160px;
  padding-right:20px;
}
.offers{
  color:#fff;
  background:url(../images/offer.gif) 20px center no-repeat;
  width:200px;
}
.th_offers{
  padding-left:15px;
}
.th_rates{
  text-align:left;
  padding-left:20px;
}
#storage_choice .button{
  margin:20px 0 20px 300px;
}
/*** table offers ***/
/* --- offres --- */
.offer_choice{
  margin:10px 0 20px 113px;
  line-height:1.4em;
}
.offer_info{
  margin:20px 0 0 0;
  font-size:1.2em;
  padding-top:3px;
}
.alternative{
  margin:0 0 0 113px;
}
.offer_choice button{
  background:url(../images/cancelling.gif) no-repeat;
  border:0;
  font-weight:bold;
  width:263px;
  height:26px;
  cursor:pointer;
  margin:10px 0 0 0;
}
.future_offers_note{
  font-size:0.9em;
}
#offers_table_title{
  text-transform:uppercase;
  margin:10px 0 10px 188px;
  text-align:center;
  font-size:1.2em;
  clear:both;
}
#no_engagement{
  background:#fff;
  width:730px;
  margin:0 auto;
  color:#35BAD8;
  text-transform:uppercase;
  font-weight:bold;
  line-height:1.6em;
  text-align:center;
}
#storage_choice #offers_table{
  width:730px;
  border-top:7px solid #fff;
  border-left:7px solid #fff;
  border-right:9px solid #fff;
  margin:0 auto;
}
#offers_table td{
  border-bottom:6px solid #fff;
  vertical-align:middle;
  font-size:1.2em;
}
#offers_table .offers{
  background:#fff url(../images/th_offer.png) center no-repeat;
  height:59px;
  line-height:2.1em;
  width:83px;
  color:#fff;
  font-weight:bold;
  font-size:1.4em;
  border-right:5px solid #fff;
  vertical-align:top;
}
#offers_table #features_th{
  text-transform:uppercase;
  vertical-align:bottom;
  padding-bottom:6px;
  border-right:5px solid #fff;
  background:#fff
}
#offers_table .features{
  background:#D5F1F7;
  font-weight:bold;
  padding:8px 14px;
  border-right:5px solid #fff;
  font-size:1.2em;
}
.check{
  background:#E7F7FB;
  text-align:center;
}
#offers_table .rates_title{
  background:#BFEAF3;
  font-weight:bold;
  padding:10px 14px;
  text-transform:uppercase;
  border-right:5px solid #fff;
}
.rates{
  font-weight:bold;
  color:#30B9D2;
  font-size:1.3em;
  text-align:center;
  background:#D5F1F7;
  height:40px;
  line-height:40px;
}
#your_choice{
  background:#8F4892;
  color:#fff;
  text-transform:uppercase;
  font-weight:bold;
  padding:10px 14px;
  border-right:5px solid #fff;
}
.choice_radio{
  background:#E7DBEB;
  text-align:center;
}
#offers_table .option_title{
  background:#D9DADB;
  text-align:center;
  text-transform:uppercase;
  border:0;
  border-right:5px solid #fff;
  padding:10px 20px;
}
#offers_table .option_name{
  background:#ECEDED;
  padding:10px 20px;
  border:0;
  font-weight:normal;
  font-size:1.1em;
}
.option_name label{
  font-weight:bold;
}
.option_name label.mini{
  font-size:0.9em;
}
.option_name em{
  font-size:0.7em;
}
.option_name a{
  text-decoration:underline;
}
#domain{
  width:280px;
}
.options_desc{
  font-size:0.9em;
  text-align:justify;
}
#storage_choice #validation_offer{
  background:#fff url(../images/develop_space_bg.gif) 238px 0 no-repeat;
  margin:0 auto 20px auto;
  width:466px;
  height:120px;
  padding:80px 0 0 255px;
  border-left:9px solid #fff;
}
#storage_choice #validation_offer input{
  margin-left:420px;
  font-size:1.3em;
  display:block;
  margin:0;
  width:204px;
  height:40px;
}
/* --- FILEMANAGER --- */
#block_filemanager{
  background:url(../images/block_filemanager.gif) repeat-y;
  padding-left:11px;
  margin:10px 0 0 -10px;
}
#filemanager{
  background:url(../images/filemanager.gif) top right repeat-y;
  padding-right:13px;
  height:1%;
}
#breadcrumb{
  background:#38373A url(../images/breacrumb_top.gif) repeat-x;
  line-height:22px;
  color:#fff;
  position:relative;
  bottom:10px;
  padding:20px 0 0 20px;
  width:924px;
}
#breadcrumb a{
  color:#fff;
  background:url(../images/breadcrumb_folder.gif) no-repeat;
  padding:1px 0 0 27px;
}
#breadcrumb a:hover{
  text-decoration:underline;
}
#breadcrumb span.active{
  background:#fff url(../images/breadcrumb_folder_active.gif) 4px 0 no-repeat;
  color:#3E3D40;
  font-weight:bold;
  font-size:1em;
  padding:0px 6px 5px 27px;
  text-decoration:none;
  -webkit-border-top-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  line-height:22px;
}
#breadcrumb .home{
  background:url(../images/home.gif) 5px top no-repeat;
  padding:2px 0 0 30px;
}
#breadcrumb_left{
  background:url(../images/breadcrumb_left.gif) left no-repeat;
  position:absolute;
  height:49px;
  width:30px;
  top:-7px;
  left:-11px;
}
#breadcrumb_right{
  position:absolute;
  height:49px;
  width:31px;
  top:-7px;
  right:-15px;
  background:url(../images/breadcrumb_right.gif) no-repeat;
}
#block_notice a{
  float:right;
  background:#E9E9EA url(../images/hocus-pocus_files.gif) left no-repeat;
  padding:6px 0px 0 35px;
  height:19px;
  width:60px;
  position:relative;
  top:0;
  margin-right:10px;
  font-size:0.9em;
}
#block_notice span{
 display:none;
}
*html #block_notice a:hover{
  background:#E9E9EA;
}
#block_notice a:hover span{
  display:block;
  position:absolute;
  bottom:33px;
  right:0;
  padding:5px;
  width:240px;
  font-size:0.95em;
  line-height:1.4em;
  background:#E9E9EA;
  border:1px solid #3E3D40;
}
.block_actions{
  margin:10px 0 0 20px;
  position:relative;
}
.btn_action{
  color:#fff;
  text-transform:uppercase;
  font-weight:bold;
  font-size:1.1em;
  font-family:Arial, Helvetica, "Nimbus Sans L", sans-serif;
  padding-left:40px;
  cursor:pointer;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
#openApplet{
  display:inline-block;
  margin-left:5px;
  background:#194682 url(../images/add_filemanager.png) no-repeat;
  width:438px;
  height:26px;
  padding:15px 0 0 140px;
}
.btn_new_folder{
  background:#3E3D40 url(../images/btn_new_file.png) no-repeat;
  width:253px;
  height:41px;
  vertical-align:bottom;
  margin:0 3px 20px 0;
  float:left;
  border:0;
}
#input_folder{
  background:#F5F5F5;
  width:209px;
  border:2px solid #38373A;
  position:absolute;
  padding:20px 20px 20px 20px;
  margin:50px 0 0 0;
  top:0;
  left:0;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  z-index:100;
}
#input_folder .error_log{
  background:none;
}
#new_folder{
  width:180px;
}
#deployJavaPlugin {
  display:none;
}
#javaUpdate a{
  font-weight:bold;
}
#javaUpdate a:hover{
  text-decoration:underline;
}
.close_button{
  background:#38373A;
  color:#FFF;
  position:absolute;
  top:0;
  right:-1px;
  font-size:0.9em;
  border:none;
  width:20px;
  height:20px;
  padding-bottom:4px;
  cursor:pointer;
  outline:none;
}
.valid_button1{
  background:#F5F5F5 url(../images/accept.png) no-repeat center center;
  text-indent:-9999px;
  border:none;
  cursor:pointer;
  display:block;
  margin:0;
  width:16px;
  height:16px;
  border:1px solid blue;
}
.up_folder{
  width:30px;
  height:38px;
  text-indent:-9999px;
  background:#38373A url(../images/up_folder.gif) center no-repeat;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  position:relative;
  top:0px;
  left:20px;
  cursor:pointer;
  float:left;
  border:0;
}
/*********************************
            FILEMANAGER
*********************************/
#expandFolders, #collapseFolders{
  background:url(../images/btnBckgnd.png) repeat-x;
  border:1px solid #b8e0f4;
  width:100px;
  padding:2px;
  color:#2BA6DA;
  font-weight:bold;
  font-size:11px;
  margin-left:20px;
  cursor:pointer;
}
#expandFolders span{
  background:url(../images/iconsSprite.png) no-repeat 0 -270px;
  padding-left:25px;
}
#collapseFolders span{
  background:url(../images/iconsSprite.png) no-repeat 0 -1179px;
  padding-left:25px;
}
#filemanager table{
  border:none;
  width:870px;
  margin:10px auto;
  border-collapse:collapse;
}
#filemanager th{
  text-align:left;
  height:15px;
  color:#3E3D40;
  vertical-align:bottom;
  padding:10px 0 7px 20px;
}
#filemanager th.sortName{
  background:url(../images/iconsSprite.png) no-repeat right -1575px;
  cursor:pointer;
}
#filemanager th.sortNameSortedDesc{
  background-position:right -1519px;
}
#filemanager th.sortNameUnsorted{
  background-position:right -2065px;
}

#filemanager th.sortDate{
  background:url(../images/iconsSprite.png) no-repeat right -1575px;
  cursor:pointer;
}
#filemanager th.sortDateSortedDesc{
  background-position:right -1519px;
}
#filemanager th.sortDateUnsorted{
  background-position:right -2065px;
}

#filemanager tbody tr:hover{
  background:#EFFAFF;
}
#filemanager td{
  text-align:left;
  border:1px solid #e8e9e9;
  vertical-align:middle;
  height:40px;
}
#filemanager .terraExpress td{
  vertical-align:top;
  height:auto;
  padding-top:10px;
  padding-bottom:10px; 
}
#treeTable tr.terraExpress td div.icons{
  height:auto;
}
a.showExpressMessage{
  background:url(../images/express-bubbles.png) no-repeat 0 0;
  padding:0 5px;
  line-height:15px;
  position:relative;
}
a.showExpressMessage div{
  display:none;
  position:absolute;
  bottom:33px;
  left:-100px;
  width:400px;
  padding:10px !important;
  border:1px solid #2EBCD8;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  background-color:#FFF;
  height:auto !important;
  font-weight:normal;
  color:#3E3D3F;
  font-size:12px;
  z-index:0;
}
a.showExpressMessage div strong{
  font-weight:bold;
  display:block;
  margin-bottom:5px;
  color:#707885;
}
a.showExpressMessage img{
  display:none;
  position:absolute;
  bottom:20px;
  left:-5px;
  z-index:1;
}
a.showExpressMessage:hover{
  background:url(../images/express-bubbles.png) no-repeat 0 -21px;
}
a.showExpressMessage:hover div, .showExpressMessage:hover img{
  display:block;
}

.icons{
  background: url(../images/iconsSprite.png) no-repeat top left;
}
.fileName{
  border-left:none !important;
  font:bold 13px Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
.fileName em a{
  color:#2BA6DA;
  font-weight:bold;
  font-size:11px;
  font-style:normal;
}
.fileName .filesize{
  color:#707173;
  font-size:10px;
}
.fileDate{
  font-size:11px;
  padding-left:10px;
  color:#707173;
  width:90px;
}
.actions{
  border-right:none !important;
  border-left:none !important;
  padding:0 3px;
}
.actions a{
  background: url(../images/iconsSprite.png) no-repeat top left;
  color:#359ACD;
  text-transform:uppercase;
  font-size:10px;
  height:25px;
  width:26px;
  display:block;
  text-indent:-99999px;
}
.downloadDir, .downloadFile, .rename, .copyMove, .share, .directLinks, .delete {width:35px;}
.downloadDir a{
  background-position: 0 -472px;
}
.downloadFile a{
  background-position: 0 -401px;
}
.rename a{
  background-position:3px -2216px;
}
.copyMove a{
  background-position: 0 -132px ;
}
.share a{ background-position: 0 -1306px ; } 
.directLinks a{ background-position: 0 -331px ; }
.delete{
  border-right:none ;
}
.delete a{
  background-position: 0 -202px ;
}

#treeTable td div.icons{
  padding-left:40px;
  height:30px;
  margin-left:15px;
}
.expander{
  width:9px !important;
  height:20px;
  float:left;
}
.treeTable tr td .expander {
  background: url(../images/iconsSprite.png) no-repeat top left;
  cursor: pointer;
  padding: 0;
  zoom: 1; /* IE7 Hack */
}
.treeTable tr.collapsed td .expander {
  background-position: 0 -267px;
}
.treeTable tr.expanded td .expander {
  background-position: 0 -1176px;
}

.folder{
  background-position: 0 -686px;
}
.sharedFolder{
  background-position: 0 -1378px;
}
.textExt{
  background-position: 0 -1715px;
}
.docExt{
  background-position: 0 -546px;
}
.sheetExt{
  background-position: 0 -1459px;
}
.pdfExt{
  background-position: 0 -1043px;
}
.imgExt{
  background-position: 3px -833px;
}
.htmlExt{
  background-position: 0 -761px;
}
.soundExt{
  background-position: 0 -1643px;
}
.movExt{
  background-position: 0 -971px;
}
.zipExt{
  background-position: 0 -1993px;
}
.unknownExt { background-position: 0 -1787px; } 
.terraExt { background-position: 0 -2138px; }
/*
tr:hover .name_folder span{
  background:#F5F5F5 url(../images/folder.png) left -17px no-repeat;
}
tr:hover .name_file span{
  background:#F5F5F5 url(../images/file.png) no-repeat;
}
*/
.makeThumbs{
  position:relative;
}
.makeThumbs:hover img{
  display:block !important;
}
.makeThumbs:hover{
  height:1%;
}
.resize_mini{
  border:1px solid #3E3D40;
  position:absolute;
  top:-40px;
  left:-150px;
  background:#FFF url("../images/ajax-loader.gif");
  min-width: 16px;
  min-height: 11px;
}
#filemanager_footer{
  position:relative;
  height:100px;
  background:url(../images/filemanager_bot.gif) left bottom repeat-x;
}
#filemanager_botleft{
  position:absolute;
  bottom:0;
  left:-20px;
  width:31px;
  height:36px;
  background:url(../images/filemanager_botleft.gif) left bottom no-repeat;
}
#filemanager_botright{
  position:absolute;
  bottom:0;
  right:-18px;
  width:31px;
  height:36px;
  background:url(../images/filemanager_botright.gif) right no-repeat;
}

.dir_arbo{
  margin-bottom:10px;
  margin-left:35px;
  border-left:1px dotted #000;
}
.dir_arbo input, .dir_arbo label{
  vertical-align:middle;
}
.dir_arbo li{
  /*padding-left:25px;*/
  margin:3px 0 3px -12px;
}
.submit2 .button{
  margin:15px;
  display:inline;
}
/* --- connexion --- */
#container_connexion{
  background:#fff;
  height:440px;
}
#content_connexion{
  width:870px;
  margin:0 auto;
  position:relative;
}
#content_connexion #col_main{
  width:620px;
  float:left;
  padding-bottom:55px;
  margin-top:20px;
  margin-bottom:20px;
}
#logo_connexion{
  margin:0;
  float:left;
  margin:0 0 20px 0;
}
#logo_connexion a{
  
}
#forbidden{
  font-size:1.5em;
  margin-top:50px;
  text-align:center;
}
#forbidden a{
  font-size:0.9em;
  text-decoration:underline;
}
#forbidden a:hover{
  text-decoration:none;
}
#form_login{
  margin-top:20px;
    
  width:250px;
}
#form_login a{
  display:block;
  font-size:1em;
  color:#87888A;
  background:url(../images/magnifying_glass.gif) no-repeat;
  padding-left:23px;
  line-height:1.9em;
  margin-top:10px;
}
#form_login a:hover{
  text-decoration:underline;
}
#form_login label{
  line-height:1.2em;
}
#user{
  margin-bottom:10px;
}
#user,#pass,#pass_confirm{
  width:240px;
}
#notice_connexion{
  position:relative;
  top:110px;
  float:right;
  background:#F5F5F5 url(../images/connexion.png) no-repeat;
  width:226px;
  height:98px;
  padding:30px 0 0 70px;
  margin-right:68px;
  display:inline;
  font-style:italic;
  font-size:1.2em;
  line-height:1.1em;
  text-align:center;
}
.button_big{
  background:#194682 url(../images/button.png) no-repeat;
  height:42px;
  width:204px;
  color:#fff;
  cursor:pointer;
  font-weight:bold;
  border:0;
  display:block;
  margin-top:10px;
  font-size:1.1em;
}
/*------------------------------
          COL SUB
 -------------------------------*/
#col_sub{
  float:left;
  width:218px;
  margin-top:19px;
  padding-left:18px;
  background:url(../images/col_main_bg.gif) left repeat-y;
}
#subscriptions_advertising{
  background:url(../images/subscriptions_adv.gif) no-repeat;
  height:310px;
  margin-bottom:5px;
}
#subscriptions_advertising a{
  display:block;
}
#logo_subscriptions_advertising a{
  padding:43px 5px 0 5px;
  height:50px;
  font-size:0.9em;
}
#logo_subscriptions_advertising .txt_emphase{
  background:#A15E9E;
  color:#fff;
  line-height:1.5em;
  display:block;
}
.display_none{
  display:none;
}
#subscriptions_advertising p{
  text-align:center;
}
#subscriptions_advertising li{
  background:url(../images/subscription_li.gif) 7px 2px no-repeat;
  font-weight:bold;
  font-size:0.9em;
}
#subscriptions_advertising li a{
  padding:0 0 6px 27px;
}
*html #subscriptions_advertising li a{
  height:10px;
  padding-left:22px;
}
.subscriptions_include a{
  font-weight:bold;
  font-size:0.9em;
  line-height:1.6em;
}
#subscriptions_advertising .subscriptions_txt .from{
  font-size:0.7em;
  color:#000;
  text-transform:lowercase;
}
#subscriptions_advertising .subscriptions_txt strong{
  font-size:1.4em;
  line-height:1.1em;
}
#subscriptions_advertising .subscriptions_txt span{
  color:#A15E9E;
  text-transform:uppercase;
}
#subscriptions_advertising .more_details{
  color:#fff;
  font-weight:bold;
  padding-top:5px;
}
#subscriptions_advertising .more_details:hover{
  text-decoration:underline;
}
#subscriptions_advertising .more_details span{
  background:#A15E9E;
  padding:3px 3px;
  line-height:1.3em;
}
#donations{
  /*border-top:1px solid #D3D3D3;*/
  /*margin-top:12px;*/
  margin-left:12px;
}
#donations a{
  float:left;
  background:url(../images/donations.gif) no-repeat;
  height:80px;
  width:190px;
  color:#3D3D3F;
  padding:5px 0 0 0;
  font-size:0.9em;
  /*margin-top:12px;*/
  cursor:pointer;
}
.percent10{
  text-indent:-9999px;
  float:left;
}
#donations a strong{
  margin-left:100px;
  display:block;
}
#donations .percent10Txt{
  line-height:1.4em;
  text-transform:uppercase;
}
/*------------------------------
          FOOTER
 -------------------------------*/
#footer{
  background-color:#3E3D40;
height:132px;
    
}
#footer a{
  color:#FFF;
}
#hocus-pocus{
  color:#fff;
  height:133px;
  width:550px;
  margin:0 auto;
  padding-right:408px;
}
#hocus-pocus h2{
  position:relative;
  bottom:23px;
  left:0;
  height:23px;
  color:#3E3D40;
  font-size:1.7em;
  font-weight:normal;
  padding-left:33px;
  background:url(../images/hocus-pocus.gif) no-repeat;
}
#hocus-pocus p{
  font-size:0.95em;
  line-height:1.1em;
}
#hocus-pocus p strong{
  font-family: "Times New Roman", Times, serif;
  font-size:1.3em;
  line-height:1.2em;
}
#summary{
  width:550px;
  margin:0 auto;
  height:107px;
  padding-right:410px;
  color:#3E3D40;
  font-size:0.85em;
}
#summary h2{
  text-transform:uppercase;
  font-size:1.2em;
  margin-top:20px;
}
#summary li{
  margin:2px 0;
}
#summary a{
  text-decoration:underline;
}
/*------------------------------
          SNIPPET
 -------------------------------*/ 
 
 
 
 
 
#form_snippet {
  margin-top:40px;
}
#form_snippet p{
  margin:5px 0;
}
#form_snippet label{
  position:absolute;
  width:200px;
  text-align:right;
  line-height:1.3em;
}
#form_snippet input, #form_snippet textarea{
  margin:0 0 4px 210px;
  width:200px;
  border:2px solid #CCC;
}
.provided_by{
  float:right;
  margin:-18px 10px 0 0;
}
#fileInputUploader{
  margin-left:100px;
}
#confirm_password{
  margin-bottom:10px;
}
#upload_button{
  margin:0 auto !important;
  border:none !important;
  font-family:Arial, Helvetica, "Nimbus Sans L", sans-serif;
  text-transform:uppercase;
}
#enable_pass{
  border:none !important;
}
#downloadPassword{
  text-align:center;
  margin-bottom:40px!important;
}
#downloadPassword label{
  position:static;
}
#downloadPassword input{
  margin:0;
}
/*------------------------------
          ERRORS LOGS
 -------------------------------*/
.ok_log{
  border:1px solid #00CA00;
  padding:10px 30px;
  margin:10px;
  text-align:center;
  color:#00CA00;
  background:#fff url(../images/accept.png) no-repeat 15px center;
  border-radius:3px;
  -moz-border-radius:3px;
}
.error_log{
  border:1px solid #EF0000;
  padding:10px 30px;
  margin:10px;
  color:#EF0000;
  text-align:center;
  background:#FFEBE8 url(../images/important.png) no-repeat 20px center;
  border-radius:3px;
  -moz-border-radius:3px;
  color:#333333;
}
.notice_log{
  border:1px solid #0003FF;
  padding:10px 30px;
  margin:10px;
  text-align:center;
  color:#000;
  background:#BFC0FF;
  border-radius:3px;
  -moz-border-radius:3px;
}
#details .error_log, #details .ok_log{
  margin:10px 10px 0 10px;
}
#details .error{
  margin:0 0 5px 0;
}
.ok_log a:hover{
  text-decoration:underline;
}
#connexion .error_log{
  background:none;
}
.error{
  color:#EF0000;
}
.ok{
  color:#00CA00;
}
/*------------------------------
          SHARE
 -------------------------------*/
#usersTable{
  border:1px solid #3E3D40;
  width:100%;
  margin:1em 0;
}
#usersTable caption{
  font-weight:bold;
  text-align:left;
  padding:0 0 1em 1.5em;
}
#usersTable th{
  background:#3E3D40;
  color:#fff;
  font-size:0.8em;
  text-transform:uppercase;
  vertical-align:middle;
  padding:4px 0;
}
#usersTable tr:hover{
  background:#F5F5F5;
}
#usersTable td{
  position:relative;
  border:1px solid #B2B1B5;
  text-align:center;
  padding:2px 0;
  line-height:12px;
  vertical-align:middle;
  font-size:0.9em;
}
#usersTable .evenLine{
  background:#EFEFEF;
}
#usersTable .datePicker{
  border:1px solid #CCC;
  width:70px;
  text-align:center;
  margin-right:2px;
}
.ui-datepicker-trigger{
  cursor:pointer;
}
#usersTable td * {
  vertical-align:middle !important;
}
.form1{
  margin-top:1.5em;
  text-align:center;
}
.form1 fieldset{
  padding-bottom:1em;
  border:1px solid #CCC;
  border:1px solid #7F7F7F;
  background-color:#F5F5F5;
  -webkit-border-top-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.form1 legend{
  padding:3px;
  border:1px solid #7F7F7F;
  background-color:#FFF;
  font-weight:bold;
  vertical-align:middle;
  line-height:21px;
  margin-left:1em;
  margin-bottom:1em;
}
.form1 p{
  margin:7px 0;
}
#addUsers2share{
  margin-top:1.5em;
  text-align:center;
}
#addUsers2share fieldset{
  padding-bottom:1em;
  border:1px solid #CCC;
  border:1px solid #7F7F7F;
  background-color:#F5F5F5;
  -webkit-border-top-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
#addUsers2share legend{
  padding:3px;
  border:1px solid #7F7F7F;
  background-color:#FFF;
  font-weight:bold;
  vertical-align:middle;
  line-height:21px;
  margin-left:1em;
  margin-bottom:1em;
}
#addUsers2share textarea{
  width:450px;
  height:50px;
  margin-top:3px;
}
#customMailBody{
  margin-top:0.6em;
  color:#2BA6DA;
}
#customMailBody label{
  cursor:pointer;
}
#urlBox{
  background-color:#FFF;
  border:1px solid #CCC;
  padding:4px;
  color:#2BA6DA;
}
.showHideNext{
  color:#2BA6DA;
}

/*------------------------------
          ADM
 -------------------------------*/
.adm_tab{
  width:75%;
  margin:0 auto;
}
.adm_tab th,.adm_tab td{
  vertical-align:middle;
  padding:0 50px 50px 50px;
  border:1px solid #DEC8DF;
  line-height:1.2em;
}
.future a{
  background:url(../images/accept.png) center no-repeat;
  padding:5px 0;
}
#adm #container{
  width:auto;
  padding:5px;
}
#adm .basic_table tr:hover{
  background-color:#EFFAFF;
}
#adm .basic_table{
  font-size:0.9em;
  width:97%;
  margin:0 auto;
}

.icons-block { background-position: 0 0; } 
.icons-clearCal { background-position: 0 -66px; } 
.icons-copyMove { background-position: 0 -132px; } 
.icons-delete { background-position: 0 -202px; } 
.icons-developFolder { background-position: 0 -272px; } 
.icons-directLink { background-position: 0 -331px; } 
.icons-dl { background-position: 0 -401px; } 
.icons-dlZip { background-position: 0 -472px; } 
.icons-docExt { background-position: 0 -546px; } 
.icons-down { background-position: 0 -618px; } 
.icons-folder { background-position: 0 -686px; } 
.icons-htmlExt { background-position: 0 -761px; } 
.icons-imgExt { background-position: 0 -833px; } 
.icons-important { background-position: 0 -905px; } 
.icons-movExt { background-position: 0 -971px; } 
.icons-pdfExt { background-position: 0 -1043px; } 
.icons-rainbow { background-position: 0 -1115px; } 
.icons-reduceFolder { background-position: 0 -1181px; } 
.icons-selectDate { background-position: 0 -1240px; } 
.icons-share { background-position: 0 -1306px; } 
.icons-sharedFolder { background-position: 0 -1378px; } 
.icons-sheetExt { background-position: 0 -1459px; } 
.icons-sortDown { background-position: 0 -1531px; } 
.icons-sortUp { background-position: 0 -1587px; } 
.icons-soundExt { background-position: 0 -1643px; } 
.icons-textExt { background-position: 0 -1715px; } 
.icons-unknownExt { background-position: 0 -1787px; } 
.icons-up { background-position: 0 -1859px; } 
.icons-validate { background-position: 0 -1927px; } 
.sprite-030zipExt { background-position: 0 -1993px; } 
.sprite-031upDown { background-position: 0 -2065px; } 
.sprite-032terraExpress { background-position: 0 -2138px; }
.sprite-033rename { background-position: 0 -2216px; }


/* TREEVIEW */
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(../images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color:#3176D7;
	padding:2px 4px;
	font-weight:bold;
	color:#FFF;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: #000; cursor: pointer; }

.treeview li { background: url(../images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px;}
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.filetree { margin:15px 0; padding:10px; border:1px solid #CCC; }
.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 20px; display: block; }
.filetree span.folder { background: url(../images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../images/file.gif) 0 0 no-repeat; }
.filetree li a {cursor:pointer;}

/* Upload form */
#uploadTypeSwitch{
  margin-top:15px;
  text-align:center;
}
#uploadTypeSwitch a{
  color:#2BA6DD;
  text-decoration:none;
}
#uploadTypeSwitch a:hover{
  color:#2BA6DD;
  text-decoration:underline;
}
#uploadForm object{
  margin:20px 0 0 103px;
}
#uploadForm p input{
  margin:20px auto;
}
#noteUpload{
  font-size:10px;
  text-align:center;
  margin-top:10px;
}
/* Address Book */
#addressBookIntro{
  margin:10px 25px;
}
#contactsAdd{
  float:left;
  width:450px;
}
#contactsAdd input, #contactsAdd textarea{
  vertical-align:middle;
}
#contactsAddGroup{
  margin-bottom:20px;
}
#addressBookGlobalForms{
  border:1px solid #CCC;
  background-color:#E6E6E6;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  margin:10px;
  padding:10px;
}
input.addressBookInput{
  border:1px solid #737373;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  padding:2px 5px;
}
select.addressBookSelect{
  border:1px solid #737373;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  height:22px;
}
input.addressBookSubmit{
  border:1px solid #737373;
  background-color:#EFEFEF;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  padding:2px 5px;
  cursor:pointer;
}
input.addressBookSubmit:hover{
  background-color:#EAE8E8;
}
.vALignM img, .vALignM select, .vALignM input, .vALignM label{
  vertical-align:middle;
}
.groupWrapper{
  background-color:#737373;
  padding:0px 5px;
  margin-right:3px;
  color:#FFF;
}