body { font-size: 10px; font-family: Verdana, sans-serif; color: #000; padding: 0; margin: 0; background-color: #fff; }
pre { font: 100% Verdana, sans-serif; }
img { vertical-align: middle; border: 0;}

a { text-decoration: underline; color: #000;}
a:hover { text-decoration: none; color: #313131;}
hr { height: 1px; border:0; width: 90%; background-color: #ccc; }
h1, h2, h3 { margin: 0; }
h3 { font-size: 80%; }
em { font-weight: bold;}
ul { list-style-type: none; }
ul, ul li, form { margin: 0; padding: 0;}

input, select, textarea { font-size: inherit; background-color: #fff; border: 1px solid #C0C4C7;}
input[type=checkbox], input[type=radio] { background: none; border: 0;}
input.txt, inputtxt, input.txt, textarea { width: 300px; }
input[disabled], select[disabled] { background-color: #ddd; border: 1px dotted #333; font-style: italic; }
textarea { height: 200px; }
table { border-collapse: collapse; } 
table td { padding: 0px; }

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.hidden { display: none;}

body.login { background: url(/img/login_bg.gif);}

#table_login { margin: 2em auto 0; background-color: #4161A3; color: #3956A6; font-weight: bold; width: 750px; }
#table_login tr.field { height: 2em; }
#table_login tr.field td.label { padding-right: .5em; text-align: right; }
#table_login .form_sbmt { padding: .5em; text-align: right; border-top: 1px solid #ccc; }
#table_login td.top { background-color: #355193; }
#table_login td.tl {background-image: url(/img/login_tl.gif);}
#table_login td.tr {background-image: url(/img/login_tr.gif);}
#table_login td.tl, #table_login td.tr { width: 21px; height: 48px; background-repeat: no-repeat; }
#table_login td.logo { height: 102px; background-image: url(/img/login_world.gif); background-repeat: no-repeat; background-position: 30% 50%; color: #fff; text-align: center; font-size: 300%;}
#table_login table {background-color: #E9E9E9; width: 380px; margin-top: 2em; }
#table_login table td.top2 { background-color: #ACBBDA; color: #fff; font-size: 150%; text-align: center; }
#table_login table td.tl2 {background-image: url(/img/login_tl2.gif);}
#table_login table td.tr2 {background-image: url(/img/login_tr2.gif);}
#table_login table td.tl2, #table_login table td.tr2 { width: 4px; height: 28px; background-repeat: no-repeat; }
#table_login table p.submit { padding-top: 1em; text-align: right;  border-top: 1px solid #ccc; }

table#formulario { margin: 1.5em 0; width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
table#formulario tr td { padding: .5em 0; }
table#formulario tr.head td { padding: .5em 0; border-bottom: 1px solid #ccc; background-color: #EDF2FD; color: #555; text-align: center; font-size: 120%; font-weight: bold; }
table#formulario td.label { width: 20%; padding-right: .5em; text-align: right; }

table#compose { width: 100%; border-collapse: separate; }
table#compose td.hdr { padding: .1em 0; background-color: #f8f8f8; }
table#compose td.label { width: 5em; height: 20px; padding: 0 .5em; }
table#compose td.value { width: 80%; border-right: 1px solid #ddd; }
table#compose input.txt, form.compose input.txt, form.compose input.txt { width: 800px; }
table#compose td.text { border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
table#compose textarea { width: 100%; height: 500px; border: 0; overflow: auto; font-size: 110%; margin:0; padding:0;}
table#compose td.contact_selector { background-image: url(/img/contactpicker_arrow.gif); background-repeat: no-repeat; }
table#compose td.contactlist { vertical-align: top; }
table#compose #contactlist { width: 100%; border: 1px solid #ccc; }
table#compose #contactlist td { padding: .5em; }
table#compose #contactlist tr.title td { vertical-align: top; border-bottom: 1px solid #ddd; text-align: center; font-weight: bold; }
table#compose #contactlist tr.clist { vertical-align: top; }
table#compose #contactlist tr.clist div { height: 525px; width: 150px; overflow: auto; }
table#compose #contactlist td.foot { border-top: 1px solid #ddd; text-align: center; }

#hdr_sess { padding: .5em 1em; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; background-color: #e8e8e8; text-align: right; }
#hdr_logo { height: 25px; background-image: url(/img/webmail_logo.gif); background-repeat: no-repeat; background-position: 12px;  padding: 1em;}

#hdr_nav_bar { background-color: #355193; height: 2.6em; }
#hdr_nav a, #hdr_font a { font-size: 120%; }
#hdr_nav ul li, #hdr_font ul li { float: left; }
#hdr_nav a, #hdr_font a { display: block; padding: .5em 1em; border-right: 1px solid #f2f2f2; text-align:center; text-decoration:none; color:#f0f0f0;}
#hdr_font ul li:first-child a { border-left: 1px solid #f2f2f2; }
#hdr_nav a.d, #hdr_nav a:hover, #hdr_font a:hover { background-color:#4161A3; }

#wraptable { width: 100%; padding: 0; }
#wraptable td.td_mailboxes, #wraptable td.td_content { vertical-align: top; }
#wraptable td.td_mailboxes { width: 150px; }

#mailboxes { margin: 0 .1em; border: 1px solid #ccc; background-color: #f2f2f2; }
#mailboxes img{vertical-align:middle; margin: .3em;}
#mailboxes a { color: #000; text-decoration: none;}
#mailboxes .d { font-style: italic;}
#mailboxes a.s { font-weight: bold; }
#mailboxes a:hover { background-color: #ddd; }

#mailboxes ul ul{margin-left:3px;background:url(/img/tree-vline.gif) repeat-y;}
#mailboxes ul ul li{padding-left:1px;background:url(/img/tree-node.gif) no-repeat;}
#mailboxes ul ul li.last{padding-left:1px;background:url(/img/tree-lastnode.gif) no-repeat;}
#mailboxes ul ul ul {margin-left:0px;}
#mailboxes ul ul ul li{padding-left:0px;}

#content { margin: 0 .1em; border: 1px solid #ccc; }

#itemlist_nav { background-image: url(/img/itemListHeader.gif); height: 29px; border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; font-size: 130%; }
#itemlist_nav ul { vertical-align: bottom; }
#itemlist_nav li { display: inline; margin-left: 1em; }
#itemlist_nav a { text-decoration: none; }

#itemlist_nav li img { width: 10px; height: 29px; padding-left: 15px; background-repeat: no-repeat; background-position: 50% 50%; }
#itemlist_nav li.i_delete img { background-image: url(/img/icons/delete.gif); }
#itemlist_nav li.i_junk img { background-image: url(/img/icons/spam2.gif); }
#itemlist_nav li.i_unread img { background-image: url(/img/icons/unread.gif); }
#itemlist_nav li.i_read img { background-image: url(/img/icons/read.gif); }

#itemlist_nav li.i_reply img { background-image: url(/img/icons/reply.gif); }
#itemlist_nav li.i_reply_all img { background-image: url(/img/icons/reply_all.gif); }
#itemlist_nav li.i_forward img { background-image: url(/img/icons/forward.gif); }
#itemlist_nav li.i_view_headers img { background-image: url(/img/icons/view_headers.gif); }
#itemlist_nav li.i_print img { background-image: url(/img/icons/print.gif); }

#itemlist_nav li.i_send img { background-image: url(/img/icons/send.gif); }
#itemlist_nav li.i_show_cc img { background-image: url(/img/icons/show_cc.gif); }
#itemlist_nav li.i_add_att img { background-image: url(/img/icons/add_att.gif); }
#itemlist_nav li.i_add_signature img { background-image: url(/img/icons/identities_edit.gif); }

#itemlist_nav li.i_contacts_add img { background-image: url(/img/icons/contacts_add.gif); }
#itemlist_nav li.i_contacts_edit img { background-image: url(/img/icons/contacts_edit.gif); }
#itemlist_nav li.i_contacts_rem img { background-image: url(/img/icons/contacts_rem.gif); }
#itemlist_nav li.i_contacts_import img { background-image: url(/img/icons/contacts_import.gif); }

#itemlist_nav li.i_filters_add img { background-image: url(/img/icons/filters_add.gif); }
#itemlist_nav li.i_filters_edit img { background-image: url(/img/icons/filters_edit.gif); }
#itemlist_nav li.i_filters_rem img { background-image: url(/img/icons/filters_rem.gif); }

#itemlist_nav li.i_folders_add img { background-image: url(/img/icons/folders_add.gif); }
#itemlist_nav li.i_folders_rem img { background-image: url(/img/icons/folders_rem.gif); }

#itemlist_nav li.i_identities_add img { background-image: url(/img/icons/identities_add.gif); }
#itemlist_nav li.i_identities_edit img { background-image: url(/img/icons/identities_edit.gif); }
#itemlist_nav li.i_identities_rem img { background-image: url(/img/icons/identities_rem.gif); }

#content div.itemlist_cant { font-size: 120%; color: #333;}

#itemlist { width: 100%; margin-top: .5em; border-collapse: collapse; }
#itemlist tr td { padding: 0 .5em; vertical-align: middle; border-bottom: 1px solid #aaa; }
#itemlist tr.head td.hdr { height: 20px; vertical-align: middle; background-color: #f2f2f2; border: 1px solid #aaa; border-left: 0px; }
#itemlist tr.head td.mail_read, #itemlist tr.head td.mail_att { width: 16px; border-right: 0; }
#itemlist td.chkbx { width: 30px; padding: 0; text-align: center;}
#itemlist td.mail_read { padding: 0 0 0 .5em; }
#itemlist td.mail_att { padding: 0; }
#itemlist tr td.size { text-align: right; }
#itemlist tr.unread, #itemlist tr.unread a { background-color: #EDF2FD; color: #333; font-weight: bold; }
#itemlist tr td a { text-decoration: none; }
#itemlist tr td a:hover { text-decoration: underline; }

#itemlist.folders tr td { border: 0; } 

#msg_box { margin: .5em 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#msg_box img { vertical-align: bottom;  }
#msg_box div.title { height: 20px; text-align: center; border-bottom: 1px solid #ccc; font-size: 120%; color: #555; font-weight: bold; }
#msg_box span { margin: 1em; background-repeat: no-repeat; }
#msg_box span.alert { background-image: url(/img/icons/alert.gif); }
#msg_box span.error { background-image: url(/img/icons/error.gif); }
#msg_box span.message { background-image: url(/img/icons/info.gif); }
#msg_box span.ok { background-image: url(/img/icons/ok.gif); }
#msg_box ul { padding: 1em 2em; }

#msg_box.pregs ul li { padding: .6em; }
#msg_box.rtas img { display: block; margin: 0 auto; padding:1em; }

div.pag { text-align: center; margin: 0 0 .5em; }
div.pag ul li { display: inline; padding: .5em; }
div.pag ul li a { text-decoration: none; }
div.pag ul li a:hover { text-decoration: underline; }
div.pag ul li.current { font-weight: bold; color: #111; text-decoration: underline; }
div.pag li.d { color: #888; }

#item_headers { padding: 2px; border-bottom: 2px solid #e0e0e0; border-top: 2px solid #e0e0e0; background-color: #F8F8F8; }
#item_headers ul.headers li { padding: .2em; }
#item_headers ul.atts { margin-left: 1em; }
#item_headers ul.atts li { height: 15px; margin: .2em; padding-left: 20px; background-image: url(/img/icons/attach.gif); background-repeat: no-repeat;}
#item_body { padding: 2em 1em; }

#item_img_atts { margin: 1em 1em; padding: 1em 0; border-top: 1px solid #ccc; }
#item_img_atts ul li { margin: 1em 0;}

.css_gen1 { width: 230px; height: 250px; background-image: url(/img/css_gen/css_predeterminado.jpg); background-repeat: no-repeat; background-position: 50% 50%; padding: 10px 10px; }
.css_gen2 { width: 230px; height: 250px; background-image: url(/img/css_gen/css_grises.jpg); background-repeat: no-repeat; background-position: 50% 50%; padding: 10px 10px; }
.css_gen3 { width: 230px; height: 250px; background-image: url(/img/css_gen/css_salmon.jpg); background-repeat: no-repeat; background-position: 50% 50%; padding: 10px 10px; }
.css_gen4 { width: 230px; height: 250px; background-image: url(/img/css_gen/css_violetas.jpg); background-repeat: no-repeat; background-position: 50% 50%; padding: 10px 10px; }


.faqS  {color:#000033; position:absolute; top:1px;  z-index:99; display:none; }
.line_bottom{	border-bottom: solid;	border-bottom: solid;	border-color: #535353; background-color: #FFFFFF;	border-width: 1px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; color: #2D4F94; line-height:5px; }
.line_top{ border-top: solid; border-color: #535353; background-color: #FFFFFF; border-width: 1px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px;  color: #2D4F94; line-height:5px; }
.faqbox {	border-right: solid; border-left: solid; border-color: #535353;  background-color: #FFFFFF;	border-width: 1px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	font-size:10px;	color: #2D4F94; }

#css_base ul li, #hdr_font ul li { float: left; }