#container br {
    clear: left;
}

#container a {
   color: #36449d;
}

#container img {
    border: 0px;
}

#userinfo {
	font-size: 10px;
	position: absolute;
	right: 10px;
	top: 51px;
	display: block;
	float: right;
	text-align: left;
}
#userinfo a:link, #userinfo a:visited  {
    color: white;
}

/* language selection */
#selectlang-gui {
	width: 786px;
	position: absolute;
	margin-left: -393px;
	left: 50%;
	text-align: center;
    bottom: 10px;
}

#selectlang {
font-size:11px;
	position: relative;
	text-align: center;
	display: block;
	margin-right: 45px;
	margin-top: 20px;
	color: #5E5D5D;
}
#selectlang a:link, #selectlang a:visited  {
    color: #5E5D5D;
    text-decoration:none;
}
#selectlang a:hover {
    color: black;
    text-decoration:underline;
}
#selectlang li {
    display: inline;
    list-style: none;
}
#selectlang .std {
    padding-left: 7px;
    padding-right: 8px;
    border-right: 1px solid #5E5D5D;
}
#selectlang .last {
    padding-left: 7px;
}

#results {
   background-color: #cfcfcf;
   font-weight:bolder; 
   padding: 2px; 
   border-style: dashed;
   border-width:1px;
   color: red;
   width:396px;
   border-color:black;
   height: 80px; 
}

.submit {
    float: right;
    width: 80px;
    margin-right: 10px;
} 

.line {
    padding-top: 4px;
    padding-bottom: 4px;
    height: 30px;
} 

#center input {
    width: 150px;
}
#center #delete {width:13px;}
#center #file {margin-right:4px;}

#center label {
    text-align: right;
    padding-right: 20px;
    margin-bottom: 10px;
    line-height: 28px;
    white-space: nowrap;
}

#register {
    white-space: nowrap
}

#naissance {
    width: 8em;
}
.roundedcontainer {
    margin-right: 6px;
    margin-left: 6px;
} 

.ajouter {
    color: #666666;
    font-weight:normal;
    font-size: 11px;
    padding-top: 4px;
    margin-bottom: 10px;
}

.ajouter a {
    color: #666666;
}

.ajouter a:link {
	color:#666666;
}

.ajouter a:hover {
	color: #333333;
}

.ajouter a:visited {
	color: #666666;
}

#send_sms #message {
	width: 90%;
	margin-left: 2px;
	margin-right: 2px;
}

#container textarea {
   width:350px; 
   height:70px;
   font-family:tahoma,verdana,serif;
   font-size:11px; 
}

div.counter{
   color : #000000;
   font-size: 40px;
}


#container h1{
   font-family : tahoma,verdana,serif; 
   font-size : 16px;
   font-weight : bolder;
   margin-bottom: 0px;
   border-top: 40px;
   border-bottom: 10px;
}


div.introduction {
   position: relative; 
   margin-top: 20px;
   margin-bottom: 20px;
   float: none; 
}

div.features {
   position: relative; 
   margin-bottom: 20px;
   float: none; 
}


span.red {
   background-color : #FFFFFF;
   color:Red; 
   font-weight:900;
   margin-right:2px;
   margin-left:2px;
}

span.contact {
   background-color : #FFFFFF;
   color: #000000; 
   font-weight:700;
}

div.contact_left {
   position:relative;
   float:left;
   width: 190px; 
   padding-bottom : 5px; 
}

div.contact_right {
   position:relative;
   left : 10px; 
   float:none;
   padding-bottom : 5px; 
}
input.contact{
   margin-left: 5px; 
   font-size: 12px;
}

input.word_count{
   position: relative; 
   text-align : center;  
   width: 40px; 
   left : 280px;
   color: white;
}

input.send_button{
   float : left; 
   position : relative; 
   font-weight : bolder; 
   font-size: 11px; 
   width: 80px; 
   left : 160px; 
}

span.contacternous{
   font-weight: bolder; 
}
span.textobox{
   font-weight: bolder; 
   color : #36449d; 
   font-size:12px;
}

.list_alternate_bg_A {
    background-color : #FFFFFF;
    height : 44px;
}

.list_alternate_bg_B {
    background-color : #EBF2FF;
    height : 44px;
}

div .drag_area {
    display: block;
    position: relative;
    z-index: 100;
    background: url("../images/contact-rollover-background.png");
    background-color: red;
    left: 20px;
    top: 5px;
    width: 40px;
    height: 20px;
    display: none;
}

div .contact_phone {
    margin-bottom : 4px;
    margin-top : 4px;
    margin-left : 4px;
    margin-right : 2px;
    color : grey; 
    font-weight : normal;
    font-size: 10px;
    width : 100px;
    height : 12px; 
    overflow : hidden;
}

div .contact_img {
    width : 40px; 
    height : 40px;
    float : left; 
    background-color : #fede58; 
}

div .contact_options, div .group_options {
    width : 16px; 
    height : 44px; 
    float : left;
}

div .contact_delete, div .group_delete, div .template_delete {
    margin-top : 2px; 
    margin-bottom : 4px; 
    width : 16px;
    height : 16px; 
    background-image : url("../images/delete.png");
   /* background-image : url("../images/x-directory-trash.png");*/
    overflow : hidden;
    cursor: pointer
}

div .contact_shared, div.group_shared, div.template_shared {
    margin-top : 2px;
    margin-bottom : 4px;
    width : 16px;
    height : 16px;
    background-image : url("../images/shared.png");
   /* background-image : url("../images/x-directory-trash.png");*/
    overflow : hidden;
    cursor: pointer
}

div .contact_center, div .group_center{
    width: 148px;
    height : 44px;
    text-align: left;
    overflow: hidden;
    padding-left: 6px;
}

.contact_center a:hover, .group_center a:hover {
    cursor: pointer; 
    color: red;
}

div .contact_name {
    margin-bottom : 4px;
    margin-top : 4px;
    margin-left : 4px;
    margin-right : 2px;
  /*  width : 100px; */
    height : 12px; 
    overflow : hidden;
    font-size: 12px;
}

div .group_name {
    margin-bottom : 4px;
    margin-top : 4px;
    margin-left : 4px;
    margin-right : 2px;
   /* width : 80px; */
    height : 12px; 
    overflow : hidden;
    font-size: 12px;
}

div .contact_change, div .group_change, div .template_change {
    margin-top : 4px; 
    margin-bottom : 2px; 
    width : 16px;
    height : 16px; 
    background-image : url("../images/format-justify-center.png");
    overflow : hidden;
    cursor: pointer;
}


/* login */
/* outmost container */
#div_login {
	position: relative;
	margin-left:232px;
	width: 315px;
}
#div_login .edition {
    padding-left:5px;
    padding-right:5px;
}
#register {
    margin-top: 6px;
    position: relative;
	margin-left:232px;
	width: 315px;
	text-align:center;
}


/* crediter */

#crediter {
    font-size: 10px;
    position: absolute;
    top: 12px;
    right: 10px;
    background-image: url('../images/credit.png');
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 26px;
    height: 20px;
}

#crediter a {

}

/*** tracker ******/
.refresh {position:relative;margin-top:-16px;width:30px;left:155px;}
.refresh a {background: url(../images/refresh.png) no-repeat right; text-decoration:none;}
.refresh a:hover {border-bottom: 1px dotted #EEEEEE;}


/*** Contextual messages ******/
#contextual-msg {border: 1px dotted silver;margin: 4px;margin-top: 0px;}
#contextual-msg p {padding: 2px;margin:2px;color:gray;font-size:11px;}
#contextual-msg .information {background: url('../images/ct_msg_ok.png') no-repeat bottom left;padding:2px; padding-left:60px; color: gray;}
#contextual-msg .error {background: url('../images/ct_msg_prob.png') no-repeat bottom left;padding:2px; padding-left:60px; color: gray;}
#contextual-msg .warning {background: url('../images/ct_msg_warn.png') no-repeat bottom left;padding:2px; padding-left:60px; color: gray;}
.back_to_sms {padding-left:4px;padding-top: 2px;}


#loading-mask{
	position:absolute;
	left:0;
	top:0;
    width:100%;
    height:100%;
    z-index:20000;
    background-color:white;
}
#loading{
	position:absolute;
	left:45%;
	top:40%;
	padding:2px;
	z-index:20001;
    height:auto;
}
#loading img {
    margin-bottom:5px;
}
#loading .loading-indicator{
	background:white;
	color:#555;
	font:bold 13px tahoma,arial,helvetica;
	padding:10px;
	margin:0;
    text-align:center;
    height:auto;
}



div .list_item_options {
    width : 16px; 
    height : 44px; 
    float : left;
}
div .list_item_center {
    width: 148px;
    height : 44px;
    text-align: left;
    overflow: hidden;
    padding-left: 6px;
}
div .list_item_name {
    margin-bottom : 4px;
    margin-top : 4px;
    margin-left : 4px;
    margin-right : 2px;
    /*width : 100px;*/
    height : 12px; 
    overflow : hidden;
    font-size: 12px;
}
div .list_item_descr {
    margin-bottom : 4px;
    margin-top : 4px;
    margin-left : 4px;
    margin-right : 2px;
    color : grey; 
    font-weight : normal;
    font-size: 10px;
    width : 100px;
    height : 12px; 
    overflow : hidden;
}




/* ******************************************* */
/* support.css  */
/* ******************************************* */
.bugreporttext {
	font-size: 11px;
	color: #000000;
}
.bugreportinput {
	width: 95%;
	font-size: 12px;
}
#bugreport {
	background-color: #FFCCCC;
	position: relative;
	left: 50%;
	margin-left: -190px;
	width: 380px;
}
#bugreportcontent {
	padding-right: 5px;
	padding-left: 5px;
}
.bugreporttextgray {
	color: #666666;
	font-size: 11px;
}

#bugreport .boxtitle {
    color: black;
    font-weight: bold;
}

#bugreportcontent label { 
    line-height: 14px; /* special because multiline texte */
    white-space: normal;
}
.bugreporttext {padding-top:10px;}



/* ******************************************* */
/* confirm.css  */
/* ******************************************* */
#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(../images/tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
	position:relative;
	width:306px;
	min-height:125px;
	margin-top:50px;
	background:url('../images/alert_bg.png') no-repeat;
	background-position:bottom;
	/* visibility:hidden; */
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0;
	font:bold 0.9em verdana,arial;
	background:url('../images/alert_bg_top.png') no-repeat;
	color:gray;
	padding:2px 2px 2px 5px;
	margin-top:2px;
}

#alertBox p {
	font:0.7em verdana,arial;
	height:30px;
	padding-left:45px;
	margin-left:8px;
    background-image:url(../images/alert.png);
	background-repeat:no-repeat;
	background-position:top left;
}

#alertBox label {
	font:0.7em verdana,arial;
}

#alertBox div {
	text-align:right;
}


#alertBox #yesBtn, #alertBox #noBtn {
	position:relative;
	margin-right:5px;
	padding:3px;
	border:1px solid gray;
	width:70px;
	font:0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:orange;
	text-decoration:none;
	margin-bottom:10px;
}
input #remember {
	padding: 1px;	
}