@import url("../lib/template.css") ;
@import url("../lib/form.css");




div#content,
div#navigation,
div#footer{
	width: 950px;
}

div#content ul#accountLimitations{
list-style: none;
	padding: 10px;
	border: 1px solid red;
	background-color: #fde4e4;
}

div#content ul#accountLimitations li input{
display: block;
margin-bottom: 20px;
border: 1px solid red;
background-color: red;
font-size: 12px;
	color: #fff;
}

div#content ul#accountLimitations li.title{
font-size: 18px;
margin-bottom: 5px;

}

div#content ul#accountLimitations li.expiration{
list-style: square inside;
margin-bottom: 5px;
margin-left: 15px;
}

div#content ul#accountLimitations li.overload{
list-style: square inside;
margin-bottom: 5px;
margin-left: 15px;
}



/* @group mailbox */

/* @group preloader */



div.preloader {
	text-align: center;
padding: 20px;
font-size: 20px;
height: 500px;

	color: #808080;
}

div.preloader div {

padding: 10px;
background-color: #fff;

vertical-align: middle;

}

/* @end */

/* @group nomessage */

div.empty {
	text-align: center;
padding: 20px;
font-size: 20px;
height: 500px;
	color: #808080;
}

/* @end */

table.mailbox {
	width: 100%;
	border: 1px solid #ccc;
	margin-top: 10px;

}

table.mailbox td, table.mailbox tr {
padding: 0px;
margin: 0px;
	vertical-align: top;
}

/* @group sources */

table.mailbox td.sources {

	background-color: #f9f9f9;
	border-right:1px solid #ccc ;
	width: 260px;
	padding-bottom:100px;
}

/* @group newmessage */

table.mailbox td.sources div.newmessage {
	text-align: left;
	padding-top: 5px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;

}

table.mailbox td.sources div.newmessage input.button {
font-size: 18px;
width: 250px;

}

/* @end */

/* @group box */

table.mailbox ul.box{
	list-style: none;
	margin-left: 10px;
	margin-right: 10px;
}

table.mailbox ul.box li.source{
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #303030;
	cursor: pointer;
}

table.mailbox ul.box li.source.active{
	color: #0073ff;
	background-color: #e3efff;
}

table.mailbox ul.box li.source a.count{
	position: absolute;
	left: 220px;
	margin-top: 1px;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

/* @group inbox */

table.mailbox ul.box#inbox{

}



/* @end */

/* @group sentmessages */

table.mailbox ul.box#sentmessages{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 5px;
	padding-bottom: 5px;
}



/* @end */

/* @group contacts */

table.mailbox ul.box#contacts{
	padding-top: 5px;


}



/* @end */

/* @end */

/* @group wags */

table.mailbox ul.wags{
	list-style: none;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
}

table.mailbox ul.wags li.title{
	color: #656565;
	margin-bottom: 5px;
	
}

table.mailbox ul.wags li.source{
	color: #323232;
	margin-left: 10px;
	margin-bottom: 2px;
	padding: 5px;
	margin-right: 10px;
	cursor: pointer;
}

table.mailbox ul.wags li.source.active{
	color: #0073ff;
	background-color: #e3efff;
}



table.mailbox ul.wags li.source a.name{
display: inline-block;
	width: 145px;
   white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden; 
}

table.mailbox ul.wags li.source a.plus{
	background: url('/resources/images/en-US/account/mailbox/wagplus.png') no-repeat center center;
	padding-left: 30px;
}

table.mailbox ul.wags li.source a.type{
	position: absolute;
	left: 190px;

	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #7e7e7e;
}

table.mailbox ul.wags li.source a.count{
	position: absolute;
	left: 230px;
	margin-top: 1px;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
}

/* @end */



/* @end */

/* @group content */

table.mailbox td.content {


}

/* @group fieldtitles */

table.mailbox td.content div.fieldtitles {
	color: #7e7e7e;
	border-bottom: 1px solid #ccc;
	background-color: #fbfbfb;
}

table.mailbox td.content div.fieldtitles a{
	padding: 4px;
	display: inline-block;
}

/* @group inbox */

table.mailbox td.content#inbox div.fieldtitles a.title{
	padding: 4px;
	display: inline-block;
	border-right: 1px solid #ccc;
	width: 160px;
}

table.mailbox td.content#inbox div.fieldtitles a.sender{
	padding: 4px;
	display: inline-block;
	border-right: 1px solid #ccc;
	width: 100px;
}

table.mailbox td.content#inbox div.fieldtitles a.datetime{
	padding: 4px;
	display: inline-block;
	border-right: 1px solid #ccc;
	width: 100px;
}

table.mailbox td.content#inbox div.fieldtitles a.publishing{
	padding: 4px;
	display: inline-block;
	border-right: 1px solid #ccc;
	width: 70px;

}

table.mailbox td.content#inbox div.fieldtitles a.actions{
	padding: 4px;
	display: inline-block;
	width: 95px;
}

table.mailbox td.content#inbox 

/* @end */

/* @group sentmessages */

table.mailbox td.content#sentmessages {

}

table.mailbox td.content#sentmessages div.fieldtitles a.title{
	padding: 4px;
	display: inline-block;
	border-right: 1px solid #ccc;
	width: 180px;
}

table.mailbox td.content#sentmessages div.fieldtitles a.recepient{
	padding: 4px;
	display: inline-block;
	border-right: 1px solid #ccc;
	width: 130px;
}

table.mailbox td.content#sentmessages div.fieldtitles a.datetime{
	padding: 4px;
	display: inline-block;
	border-right: 1px solid #ccc;
	width: 100px;
}

table.mailbox td.content#sentmessages div.fieldtitles a.actions{
	padding: 4px;
	display: inline-block;

	width: 100px;
}

/* @end */

/* @group contacts */

table.mailbox td.content#contacts div.fieldtitles a.firstname{
	padding: 4px;
	display: inline-block;
	border-right: 1px solid #ccc;
	width: 165px;

}

table.mailbox td.content#contacts div.fieldtitles a.lastname{
	padding: 4px;
	display: inline-block;
	border-right: 1px solid #ccc;
	width: 165px;
}

table.mailbox td.content#contacts div.fieldtitles a.emailaddress{
	padding: 4px;
	display: inline-block;
	border-right: 1px solid #ccc;
	width: 130px;
}

table.mailbox td.content#contacts div.fieldtitles a.actions{
	padding: 4px;
	display: inline-block;

	width: 130px;
}

/* @end */

/* @end */

/* @group titlebar */

table.mailbox td.content div.titlebar{
	padding: 5px;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}

/* @group contacts */
table.mailbox td.content#contacts div.titlebar input {
vertical-align: middle;
position: absolute;
right: 7px;
width: 120px;
font-size: 12px;
text-align: center;
}



table.mailbox td.content#newcontact div.titlebar input, 
table.mailbox td.content#newmessage div.titlebar input {
vertical-align: middle;
position: absolute;
right: 7px;
width: 70px;
font-size: 12px;
text-align: center;
}



/* @end */



/* @end */

/* @group browsing */

table.mailbox td.content div.browsing{
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
	color: #323232;
}

table.mailbox td.content div.browsing *{
vertical-align: middle;
}

table.mailbox td.content div.browsing input{
	background: transparent;
	font-size: 10px;
	font-weight: bold;
	border: none;
	color: #656565;
	cursor: pointer;
}

table.mailbox td.content div.browsing input:hover{
	background: transparent;
	font-size: 10px;
	font-weight: bold;
	border: none;
	color: #323232;
}

table.mailbox td.content div.browsing input.active{
	color: #0073ff;
}

/* @end */

/* @group inbox */

/* @group message */

table.mailbox td#inbox.content div.message {
border-bottom: 1px solid #ccc;
cursor: pointer;
font-size: 12px;
}

table.mailbox td#inbox.content div.message.active {
border-bottom: 1px solid #ccc;
	border-color: #44c9fd;
}

table.mailbox td#inbox.content div.message:hover {
	background-color: #e4f6fd;
}

table.mailbox td#inbox.content div.message.even {
border-bottom: 1px solid #ccc;
	background-color: #e3ebfe;
}

table.mailbox td#inbox.content div.message div.subpanel {
	background-color: #fffcd4;
	border-top: 1px dotted #ccc;
	padding: 5px;
	font-size: 12px;
	display: none;
}

table.mailbox td#inbox.content div.message div.player {
display: none;
}



table.mailbox td#inbox.content div.message div.information a.title {
	display: inline-block;
	width: 160px;
padding-left: 4px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 8px;
   white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden; 
}

table.mailbox td#inbox.content div.message div.information a.sender {
	display: inline-block;
	width: 100px;
	font-size: 10px;
padding-left: 4px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 8px;
margin-left: -4px;
   white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden; 
}

table.mailbox td#inbox.content div.message div.information a.datetime {
display: inline-block;
	width: 100px;
padding-left: 4px;
font-size: 10px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 8px;
margin-left: -4px;
}

table.mailbox td#inbox.content div.message div.information a.publishing {
display: inline-block;
	width:70px;
padding-left: 4px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 8px;
margin-left: -8px;
text-align: center;
}

table.mailbox td#inbox.content div.message div.information a.actions {
display: inline-block;
vertical-align: middle;
	width: 205px;
	padding: 0px;

	margin: 0px;
}


table.mailbox td#inbox.content div.message div.information a.actions input.reply {

}

table.mailbox td#inbox.content div.message div.information a.actions input.delete {
width: 20px;

height: 20px;
background: url('/resources/images/fr-FR/account/mailbox/delete.png');
}

table.mailbox td#inbox.content div.message div.information a.actions input {
background: transparent;
border: none;
font-size: 9px;
vertical-align: top;

cursor: pointer;
font-weight: bold;
padding: 1px;
color: #656565;
margin: 0px;
}

table.mailbox td#inbox.content div.message div.information a.actions input:hover {
	color: #0073ff;
}



/* @end */



/* @end */

/* @group sentmessages */

/* @group message */

table.mailbox td#sentmessages.content div.message {
border-bottom: 1px solid #ccc;
cursor: pointer;
}

table.mailbox td#sentmessages.content div.message.active {
border-bottom: 1px solid #ccc;
	border-color: #44c9fd;
}

table.mailbox td#sentmessages.content div.message:hover {
	background-color: #e4f6fd;
}

table.mailbox td#sentmessages.content div.message.even {
border-bottom: 1px solid #ccc;
	background-color: #e3ebfe;
}

table.mailbox td#sentmessages.content div.message div.subpanel {
	background-color: #fffcd4;
	border-top: 1px dotted #ccc;
	padding: 5px;
	font-size: 12px;
	display: none;
}

table.mailbox td#sentmessages.content div.message div.player {
display: none;
}

table.mailbox td#sentmessages.content div.message div.information a.title {
	display: inline-block;
	width: 180px;
   white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden; 
padding-left: 4px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 8px;

}

table.mailbox td#sentmessages.content div.message div.information a.recepient {
	display: inline-block;
	width: 130px;
	   white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden; 
padding-left: 4px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 10px;
padding-right: 8px;
margin-left: -4px;

}

table.mailbox td#sentmessages.content div.message div.information a.datetime {
display: inline-block;
	width: 100px;
	   white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden; 
padding-left: 4px;
padding-top: 4px;
	font-size: 10px;

padding-bottom: 4px;
padding-right: 8px;
margin-left: -4px;
}

table.mailbox td#sentmessages.content div.message div.information a.publishing {
display: inline-block;
	width: 70px;
padding-left: 4px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 8px;
margin-left: -8px;
text-align: center;
}

table.mailbox td#sentmessages.content div.message div.information a.actions {
display: inline-block;
vertical-align: middle;

	width: 157px;
}



table.mailbox td#sentmessages.content div.message div.information a.actions input.delete {
width: 20px;
height: 20px;
background: url('/resources/images/fr-FR/account/mailbox/delete.png');
}

table.mailbox td#sentmessages.content div.message div.information a.actions input {
background: transparent;
border: none;
font-size: 10px;
vertical-align: top;
cursor: pointer;
font-weight: bold;
	color: #656565;
}

table.mailbox td#sentmessages.content div.message div.information a.actions input:hover {
	color: #0073ff;
}



/* @end */



/* @end */

/* @group contacts */

/* @group contact */

table.mailbox td#contacts.content div.contact {
border-bottom: 1px solid #ccc;
cursor: pointer;
}

table.mailbox td#contacts.content div.contact.active {
border-bottom: 1px solid #ccc;
	border-color: #44c9fd;
}

table.mailbox td#contacts.content div.contact:hover {
	background-color: #e4f6fd;
}

table.mailbox td#contacts.content div.contact.even {
border-bottom: 1px solid #ccc;
	background-color: #e3ebfe;
}

table.mailbox td#contacts.content div.contact div.subpanel {
	background-color: #fffcd4;
	border-top: 1px dotted #ccc;
	padding: 5px;
	font-size: 12px;
	display: none;
}

table.mailbox td#contacts.content div.contact div.information a.firstname {
	display: inline-block;
	width: 160px;
   white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden; 
padding-left: 4px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 8px;

}

table.mailbox td#contacts.content div.contact div.information a.lastname {
	display: inline-block;
	width: 160px;

   white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden; 
padding-left: 4px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 8px;

}

table.mailbox td#contacts.content div.contact div.information a.emailaddress {
	display: inline-block;
	width: 130px;
   white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden; 
padding-left: 4px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 8px;
font-size: 10px;
}

table.mailbox td#contacts.content div.contact div.information a.actions {
display: inline-table;
vertical-align: middle;

	width: 130px;
}

table.mailbox td#contacts.content div.contact div.information a.actions input {
	padding: 0px;
	margin-right: 1px;
background: transparent;
border: none;
display:inline;
font-size: 10px;
vertical-align: top;
cursor: pointer;
font-weight: bold;
	color: #656565;
}

table.mailbox td#contacts.content div.contact div.information a.actions input:hover {
	color: #0073ff;
}



/* @end */



/* @end */


/* @end */



/* @end */

/* @group newmessage */

table.mailbox td.content#newmessage{
	background-color: #fff;
}

table.mailbox td.content#newmessage div.browsing{
display: none;
}

table.mailbox td.content#newmessage div.fieldtitles{
display: none;
}

/* @group compose */

/* @group or */

table.mailbox td.content#newmessage div.or {
border-bottom: 1px dashed #b1b1b1;
margin-bottom: 10px;

}

/* @end */

table.mailbox td.content#newmessage div.compose div.title{
	text-align: center;
	font-size: 20px;
	color: #3e3e3e;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* @group step */

table.mailbox td.content#newmessage div.compose div.step{
	text-align: center;
	font-size: 16px;

	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #f9f9f9;
	border: 1px dotted #dbdbdb;
}

table.mailbox td.content#newmessage div.compose div.step label.active {
	color: #0073ff;
}

table.mailbox td.content#newmessage div.compose div.step div.title{
	text-align: left;

	font-size: 16px;
	color: #4d4d4d;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* @group first */

table.mailbox td.content#newmessage div.compose div.step.first input.text{
width: 490px;
font-size: 12px;
margin-top: 5px	;
}



/* @end */

/* @group second */

table.mailbox td.content#newmessage div.compose div.step.second div.controls label{
display: block;
text-align: left;
vertical-align: top;
	font-size: 12px;
}

table.mailbox td.content#newmessage div.compose div.step.second input.text{
width: 300px;
font-size: 12px;
margin-left: 10px;
}

table.mailbox td.content#newmessage div.compose div.step.second div.controls label select{
display: block;

width: 500px;
padding: 5px;
max-height: 200px;
margin-top: 5px;
margin-bottom: 10px;
font-size: 11px;
}

/* @end */

/* @group third */

table.mailbox td.content#newmessage div.compose div.step.third{
padding-bottom: 100px;
margin-bottom: 20px;

}



/* @end */



/* @end */

/* @end */



/* @end */

/* @group newcontact */



table.mailbox td.content#newcontact div.form {
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 680px;

}





table.mailbox td.content#newcontact div.browsing {
display: none;

}

table.mailbox td.content#newcontact div.fieldtitles {
display: none;

}

table.mailbox td.content#newcontact div.form div.title{
margin-left: 5px;
margin-top: 10px;
}

table.mailbox td.content#newcontact div.form td.left {
width: 300px;
}

table.mailbox td.content#newcontact div.form td.right {
	width: 300px;
}

table.mailbox td.content#newcontact div.form label div.title{
margin-left: 0px;
}

table.mailbox td.content#newcontact div.form div.section div.title{
margin-left: 0px;
}

/* @end */