/******************************************************************************/
@import url("domis.css");

#page {
  background: 0%;
}

.loginhouse
{
  width: 464px;
  height: 111px;
  margin: 40px auto 40px auto;
  color:#ffffff;
  font-size:17px;
  font-weight:bold;
  background: url(img/logo.png) center center;
}

body{
  background: 0%;
}


#logo_somfy{
  position: relative;
  margin: 100px auto 0 auto;
  width: 187px;
  height: 66px;
  bottom: 0px;
  text-align: center;
  background: url(img/somfy_logo.png) #ffffff no-repeat;
}

#wrapper{
  position: relative;
  margin: 20px auto 0 auto;
  width: 967px;
  min-height: 675px 
  border: 4px solid #d9d9d9;
  border-radius: 35px;
  overflow: auto;
}
 
 
#title_icon_wrapper{
  margin: 20px 0 15px 270px;
  float:left;
}

#title{
  color: #a70e1e;
  font-family: arial;
  font-size: 62px;
  float:left;
  margin: 5px 0 0 0;
}

#reg{
  color: #a70e1e;
  font-family: arial;
  font-size: 14px;
  margin: 50px 0 0 -2px;
  float:left
}

#icon{
  float:left;
}

#icon img{
  margin: 5px 5px 0 0;
  width: 80px;
}

#subtitle{
  color: #a6a6a6;
  font-family: arial;
  font-size: 21px;
  font-weight: bold;
  width: 120px;
  display: block;
  margin: 20px auto 0 auto;
}

#login_wrapper{  
  width: 512px;
  position: relative;
  display: block;
  margin: 30px auto 0 auto;
  border: 3px solid #d9d9d9;
  border-radius: 17px;
  font-size: 12px;
  color: #303030;
  padding: 30px 10px 20px 10px;
}

#login_wrapper .label{
  width: 250px;
  float: left;
  margin: 5px 0 0 50px;
}

#login_wrapper .field{
  width: 150px;
  float: left;
  margin: 5px 0 0 0;
}

#login_wrapper input{
  width: 150px;
}

#login_wrapper select{
  width: 155px;
}

#login_wrapper br{
  clear: both;
}


#login_wrapper #submit{
  background-color: #a70e1e;
  border-radius: 12px;
  font-weight: bold;
  color: #ffffff;
  border: none;
  padding: 4px;
  width: 120px;
  display: block;
  cursor: pointer;
  margin: 30px auto 0 auto;
  -webkit-appearance: none;
}



#copyright{
  bottom: 100px;
  color: #a6a6a6;
  font-family: arial;
  font-size: 9px;
  width: 350px;
  display: block;
  margin: 30px auto 0 auto;
}



#languages{
  width: 532px;
  margin: 25px auto 0 auto;
  bottom: 60px;
  color: #303030;
  font-family: arial;
  font-size: 12px;
  display: block;
  border: 0px solid #000000;
  overflow: auto;
}


#languages_title{
  margin: 0 0 5px 0;
}


#languages div.flag{
  float: left;
}


#main_logo{
  margin: 40px auto 40px auto;
  width: 464px; 
}


#login_wrapper #connect{
  background-color: #661417;
  border-radius: 12px;
  font-weight: bold;
  color: #ffffff;
  border: none;
  padding: 4px;
  width: 170px;
  display: block;
  cursor: pointer;
  margin: 30px auto 0 auto;
  -webkit-appearance: none;
}



/******************************************************************************/
#titlebar{
  float:left;
  height: 34px;
}

.titlevoid{
  float:left;
  padding-left: 10px;
  padding-top: 6px;
  height: 28px;
  width: 430px;
  font-size:18px;
  font-weight:bold;
  color: #FFFFFF;
  background-image: url(img/t_userbkgd.gif);
  background-repeat: repeat-x;
}

.widetitlevoid{
  color: #661417;
  float:left;
  padding-left: 10px;
  padding-top: 6px;
  margin: 0 0 0 1px;
  height: 28px;
  width: 646px;
  font-size:18px;
  font-weight:bold;
  border-left: 1px solid #d9d9d9;
}

.titlecorner{

}

/******************************************************************************/
#infobox{
  color:#A6A6A6;
}

/******************************************************************************/
#content {
border-top: 1px solid #d9d9d9;
color: #ffffff;
}

#content table{
  background: #DDD2D8;
  padding: 0px;
  margin: 5px auto 0px auto;
  text-align: left;
  padding-bottom:14px;
}

#content table td { 
  padding-bottom:14px;
}
/******************************************************************************/
.arrowlittlelite{
  width: 70px ;
  height: 36px ;
}

/******************************************************************************/
.arrowdark{
  width: 139px ;
  height: 34px ;
}

.arrowdark_short {
color: #ffffff !important;
background-color: #661417;
border-radius: 12px;
font-size: 11px;
border: none;
width: 70px;
padding: 3px 0 3px 0;
margin: 8px 0 0 0 !important;
height: auto !important;
-webkit-appearance: none;
font-weight: bold;
cursor: pointer;
}

/******************************************************************************/
#content_footer{

}
/******************************************************************************/
/* ie6 html hack !! */
* html #content_footer{

}
