/**
 * $Horde: horde/themes/screen.css,v 1.7.4.20 2005/03/26 03:01:28 chuck Exp $
 */

/* Global default styles. */
* {
    /* Zero out all padding and margins to start with for better
     * cross-browser control. */
    padding: 0;
    margin: 0;
    scrollbar-face-color: #cc0000; /*903030*/
    scrollbar-arrow-color: #ffffff;

}

body{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	background-image: url(http://pymes.fonocom.cat/horde/graphics/pymes/ps/bgrepetit2.jpg);
	background-repeat: repeat-x;
} 

body.scrollbar-quirk {
    margin-right: 15px;
}

p {
    margin-bottom: 10px;
}

img {
    border: none;
}

br.spacer {
    font-size: 8px;
}

.box {
    padding: 3px;
    border: 1px dashed #999;
    background-color: #fff;
}
.solidbox {
    border: 1px solid #000;
}
.greybox {
    border: 1px solid #000;
    background-color: #e9e9e9;
}
.headerbox {
    border-left: 0px solid #669;
    border-right: 0px solid #669;
    border-bottom: 0px solid #669;
}
.roundedBox {
    -moz-border-radius: 15px;
}
.roundedTop {
    -moz-border-radius-topright: 15px;
    -moz-border-radius-topleft: 15px;
}
.roundedBottom {
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
}

.header{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	background-color:#cc0000;
	font-weight:bolder;
	color:#ffffff;
	width:97.8%;
   margin-left: 1.05%;
   margin-top: 0;
   padding: 0em 0em 0em 0em ;
}

.headerTitle{
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:12px;
  background-color:#cc0000;
  font-weight:bolder;
  color:#ffffff;
  margin-left: 1.05%;
  margin-top: 0;
  padding: 0em 0em 0em 0em ;
} 

a.header:hover{
	color:white;
} 
.nowrap {
    white-space: nowrap;
}
.clear {
    clear: both;
    line-height: 0;
    height: 0;
}

/* Transparency styles. */
.translucent30 {
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}
.translucent50 {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.translucent70 {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.opaque {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

a{
	color:#111111;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	text-decoration:none;
} 
a:hover{
	color: #cc0000; /* ED1261 */
} 
a.menuitem{
	color:#fdfdfd;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
} 

.selected {
    background-color: #bbcbff;
}
.selected-over {
    background-color: #cef;
}

/* Table styles. */
table {
    border: none;
}
td, th {
    font-size: 12px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    padding: 1px;
}
.linedRow {
    color: #000;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}
.linedRowSelectedCol {
    color: #000;
    background-color: #f3f3f3;
    border-bottom: 1px solid #ddd;
}
.selectedRow {
    background-color: #ffc;
}
.selectedRow:hover {
    background-color: #ffd;
}
.selectedRow-over {
    background-color: #ffffdd;
}
table.nopadding {
    table-layout: fixed;
    width:97.6%;
    margin-left: 1.2%;
    margin-top: 0; 
}

table.nopadding td, table.nopadding th {
    padding: 0;   
}

table.yespadding {
    table-layout: fixed;
    width:100%;
    margin-left: 0;
    margin-top: 0; 
}

table.yespadding td, table.yespadding th {
    padding: 0;   
}

.widget {
	color:333333;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:11px;
}
a.widget:hover {
    color:#cc0000;
    background-color: transparent;
}

.notice {
    font-weight: bold;
    color: #000;
    background-color: #ffc;
    border: 1px solid #aaa;
    padding: 1px;
    padding-left: 5px;
    margin-bottom: 1px;
    -moz-border-radius: 8px;
    width:96.9%;
    margin-left: 1.2%;
    margin-top: 0;    
}

.mimeStatusMessage {
    padding: 1px;
    border: 1px dashed #00c;
    background-color: #eef;
    font-color: #006
}

.mimeStatusWarning {
    padding: 1px;
    border: 1px dashed #f00;
    background-color: #ffd0af;
    font-color: #f00;
}

.light {
    color: #fff;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.smallheader {
    color: white;
    background-color: #cc0000;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
}
.smallheader a:hover {
    color: #fff;
text-decoration: none;
}
.smallheader a {
    color: #fff;
        
}
a.smallheader:hover {
    color: #fff;
   text-decoration: none;
}

.small {
    color: #aac;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 10px;
}
.control {
    color: #666;
    background-color: #00c;
    border-bottom: 1px solid #999;
    width:97.7%;
    margin-left: 1.1%;
}   
.item {
    color: #000;
    background-color: #eee;
}
.accessKey {
    text-decoration: underline;
}
.text{
	color:#333333;
	background-color:#FFFFFF;
} 

/* Form styles. */
.form table {
    width: 100%;
    padding: 2px;
    border-collapse: collapse;
}
form{
	margin:0px;
} 
.htmlarea table {
    width: auto;
}
.form-error {
    color: #f00;
}
input {
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
}
select{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
} 
input {
    padding: 1px;
}
option {
    padding: 0px 5px 0px 3px;
}
.checkbox {
    border: 0;
    height: 14px;
    width: 14px;
    background-color: transparent;
}	

.button{
	color:#ffffff;
	background-color:#cc0000;
	border-bottom:1px solid #cc0000;
	border-right:1px solid #cc0000;
	border-top:1px solid #cc0000;
	border-left:1px solid #cc0000;
	font-size:11px;
	cursor:hand;
	font-family:Verdana,Helvetica,sans-serif;
	font-weight:normal;
} 
/* Alternating styles. */
.item0 {
    background-color: #eee;
}
.item1 {
    background-color: #ddd;
}

.fixed {
    font-size: 13px;
    font-family: monospace, fixed;
}

/* Styles for email-like messages. */
.signature {
    color: #ccc;
}
.signature-fixed {
    color: #ccc;
    font-size: 13px;
    font-family: monospace,fixed;
}
.citation {
    margin: 1em 0;
    padding-left: 1em;
    border-left-width: 1px;
    border-left-style: solid;
}
.quoted1{
	color:#660066;
} 
.quoted2{
	color:#007777;
} 
.quoted3{
	color:#990000;
} 
.quoted4{
	color:#000099;
} 
.quoted5{
	color:#bb6600;
} 

.tooltip {
    font-size: 11px;
    background-color: #ffc;
    border: 1px solid #000;
    padding: 2px;
    -moz-border-radius: 3px;
}
.inProgress {
    font-size: 10px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    padding: 2px;
    color: #fff;
    background-color: #f00;
}

/* Tree styles. */
.treeRow {
    overflow: hidden;
    min-height: 20px;
    clear: both;
}

/* Menu styles. */
#menu {
    overflow: hidden;
    min-height: 35px;
    color:#000000;
	 background-color:#D2D2D2;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    width:98%;
    margin-left: 1%;
    margin-top: 0;
}	
	
	
#menu ul {
    padding: 5px;
}
#menu li {
    list-style-type: none;
    text-align: center;
    margin: 2px;
    float: left;
}
#menu a {
    display: block;
    white-space: pre;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: #eef;
    padding: 3px;
    -moz-border-radius: 3px;
}
#menu a:hover {
    color: yellow;
    border-bottom: 1px solid #66a;
    border-right: 1px solid #66a;
    border-top: 1px solid #224;
    border-left: 1px solid #224;
    padding: 2px;
}
#menu a.current {
    border-bottom: 1px solid #99c;
    border-right: 1px solid #99c;
    border-top: 1px solid #224;
    border-left: 1px solid #224;
    padding: 2px;
}
#menu h1 {
    font-family: Verdana,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 48px;
    vertical-align: bottom;
}
#menu form {
    padding-top: 16px;
}
#menuSpacer {
    font-size: 8px;
}

/* Sidebar styles. */
#sidebarPanel {
    -moz-border-radius-bottomright: 15px;
    padding-top: 5px;
    padding-bottom: 10px;
    background-color: #eee;
    white-space: nowrap;
}
#sidebarPanel span {
    padding: 2px;
}
#sidebarPanel span, #sidebarPanel a {
    color: #000;
    white-space: pre;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 11px;
    text-decoration: none;
}
#sidebarPanel a:hover {
    -moz-border-radius: 3px;
    color: #000;
}

/* Tab styles. */
.tabset {
    border-bottom: 1px solid #446;
    font-weight: bold;
    clear: both;
}
.tabset li {
    list-style: none;
    display: inline;
}
.tabset li a {
    line-height: 1.5em;
    padding: 2px 0.5em;
    border: 1px solid #000;
    border-bottom: 1px solid #446;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    background-color: #e9e9e9;
    text-decoration: none;
}
.tabset li a:hover {
    color: #000;
    background-color: #fff;
}
.tabset li a.activeTab {
    color: #fff;
    background-color: #446;
    border-bottom: none;
}
.tabset li a.activeTab:hover {
    color: #fff;
    background-color: #446;
}

/* Help styles. */
.help {
    background-color: #fff;
    color: #000;
}
.help h1 {
    font-size: 15px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.help h2 {
    border-top: 1px solid #446;
    padding-top: 1em;
    padding-bottom: 0.5em;
    font-size: 13px;
}
.help p {
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
}
.help em {
    display: block;
    padding: 5px;
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
}
.help em.helpTip {
    color: #090;
    background: #e0f0e0;
}
.help em.helpWarn {
    color: #900;
    background: #f0e0e0;
}

/* Source markup styles. */
.parentheses {
    color: #2a6;
    font-weight: bold;
}
.comment {
    color: #aac;
}
.htag {
    color: #569;
    background: #d5d6da;
    font-weight: bold;
}
.metac {
    color: #0ff;
    background: #d5d6da;
}
.id {
    color: #e82;
    background: #e4e4e0;
}
.attr {
    color: #6af;
}
.value {
    color: #d46;
}
.color {
    color: #f57;
}
.eol {
    color: #26e;
}
.url {
    color: #962;
}
.file {
    color: #444;
    background: #fe4;
}
.class {
    font-style: italic;
}

/* Drop shadows. */
.dropShadow {
    float: left;
	background: url('graphics/shadow.png') no-repeat bottom right !important;
	background: url('graphics/shadow.gif') no-repeat bottom right;
    margin: 10px 0 0 5px;
}

.dropShadow img {
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #666;
    margin: -3px 5px 5px -3px;
    padding: 2px;
}
.titulograna{
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	color:#cc0000;
	font-weight:bolder;
	text-decoration:none;
} 

.textorojo{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	background-color:#cc0000;
	font-weight:bolder;
	color:#ffffff;
} 




















//css completo de webmail.iservicesmail.com (horde 2) sacado del firefox
//lo añado aquí porque no creo que se estén usando todos estos selectores en el html


a.menuitem:hover{
	color:#cc0000;
} 
a.hmenuitem{
	color:#fdfdfd;
	background-color:#444466;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
} 
a.hmenuitem:hover{
	color:#cc0000;
} 
a.helpitem{
	color:#333333;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
} 
a.helpitem:hover{
	color:#cc0000;
} 
a.helplink{
	color:white;
	background-color:#444466;
	font-family:Verdana,Helvetica,sans-serif;
	text-decoration:underline;
} 
a.helplink:hover{
	color:yellow;
} 
 
.outline{
background-color:black;
} 
.menuloginarriba{
	background-color:#289500;
} 
.menulogin{
	color:#454444;
	background-color:#B0003D;
	font-family:Verdana,Helvetica,sans-serif;
} 
.lightlogin{
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
} 
.smalllogin{
	color:#CCCCCC;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
} 
.textoblanco10px{
	font-size:10px;
	color:#ffffff;
	font-family:Verdana,Arial,Helvetica,sans-serif;
} 
.fondocuerpo{
	background-repeat:no-repeat;
	background-position:right center;
	background-color:#c11f4e;
} 
.textoblanco A:link{
	color:#ffffff;
} 
.textoblanco A:visited{
	color:#ffffff;
} 
.textoblanco A:active{
	color:#ffffff;
} 
.textoblanco A:hover{
	color:#cccccc;
} 
.texto13{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666666;
} 
.form{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	color:#333333;
	background-color:#cccccc;
	border-right:#ffffff 1px solid;
	border-top:#666666 1px solid;
	border-left:#666666 1px solid;
	border-bottom:#ffffff 1px solid;
} 
.fondogris{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	color:#000000;
	background-color:#f0f0f0;
} 
.fondogrisneg{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	color:#000000;
	background-color:#ffffff;
	font-weight:bold;
} 
.fondogrisoscuro{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#D2D2D2;
} 
.formboton{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	color:#333333;
	background-color:#f7f7f7;
	border-right:#999999 1px solid;
	border-top:#999999 1px solid;
	border-left:#999999 1px solid;
	border-bottom:#999999 1px solid;
	cursor:hand;
} 
.texto{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#cccccc;
} 
.textom{
	font-size:11px;
	color:#ffffff;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background-color:#cc0000;
} 
.textom A:link{
	color:#333333;
}
.textom A:visited{
	color:#333333;
} 
.textom A:active{
	color:#333333;
} 
.textom A:hover{
	color:#cc0000; /* 75132F */
} 
.textomdis{
	font-size:11px;
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background-color:#f0f0f0;
} 
.textomdis A:link{
	color:#cc0000;
} 
.textomdis A:visited{
	color:#333333;
} 
.textomdis A:active{
	color:#333333;
} 
.textomdis A:hover{
	color:#cc0000;
} 
.textopeq{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	color:#333333;
} 
.textoblanco{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#ffffff;
} 

.textorojopeq{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bolder;
	background-color:#cc0000;
	color:#ffffff;
} 
.textorojopeq A:link{
	font-family:Verdana,Arial,Helvetica,sans-serif;
} 
.textorojopeq A:visited{
	font-size:11px;
} 
.textorojopeq A:active{
	font-weight:bolder;
} 
.textorojopeq A:hover{
	color:#cc0000;
} 
.textogrispeq{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bolder;
	color:#333333;
} 
.textogrispeq A:link{
	font-family:Verdana,Arial,Helvetica,sans-serif;
} 
.textogrispeq A:visited{
	font-size:11px;
} 
.textogrispeq A:active{
	font-weight:bolder;
} 
.textogrispeq A:hover{
	color:#cc0000;
} 
.textom_bg{
	font-size:11px;
	color:#333333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background-color:#f7f7f7;
} 
.textom_bg A:link{
	color:#333333;
} 
.textom_bg A:visited{
	color:#333333;
} 
.textom_bg A:active{
	color:#333333;
} 
.textom_bg A:hover{
	color:#cc0000;
} 
.menu{
	color:white;
	background-color:#cccccc;
	font-family:Verdana,Helvetica,sans-serif;
} 
.hmenu{
	color:white;
	background-color:#cc0000;
	font-family:Verdana,Helvetica,sans-serif;
} 

.light{
	color:#222222;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
}


.hlight{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#222222;
	width:97.8%;
   margin-left: 1.05%;
   margin-top: 0;
   padding: 0em 0em 0em 0em ;
} 

.smallheader{
	color:white;
	background-color:#cc0000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
} 
a.smallheader:hover{
	text-decoration: none; /* underline */
} 

.small{
	color:white;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
}   

.legend{
	color:#1e1e1e;
	background-color:#DDDDDD;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
} 
.status{
	color:#666666;
	background-color:#white;
	text-align:right;
} 
.control{
	color:black;
	background-color:#f0f0f0;
} 
.controltest{
	background-color:#990000;
} 
.item{
	color:black;
	background-color:#f0f0f0;
} 
.item A:hover{
	color:cc0000; /* c11e4e */
} 
.itemmb{
	color:black;
	background-color:#e3e3e3;
} 
.itemmb A:link{
	color:black;
} 
.itemmb A:visited{
	color:black;
} 
.itemmb A:active{
	color:black;
} 
.itemmb A:hover{
	color:#cc0000;
} 

.buttongray{
	color:#ffffff;
	background-color:#969696;
	border-bottom:1px solid #969696;
	border-right:1px solid #969696;
	border-top:1px solid #969696;
	border-left:1px solid #969696;
	font-size:11px;cursor:hand;
	font-family:Verdana,Helvetica,sans-serif;
	font-weight:normal;
} 
input{
	font-size:11px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
} 
.selected{
	background-color:#aaaaaa;
} 

.text A:hover{
	color:cc0000;
} 
.item0{
	background-color:#f0f0f0;
} 
.item1{
	background-color:#f0f0f0;
} 
.item0neg{
	background-color:#ffffff;
	font-weight:bold;
} 
.item1neg{
	background-color:#ffffff;
	font-weight:bold;
} 
.fixed{
	font-size:11px;
	font-family:Verdana,Helvetica,sans-serif;
} 
td{
	font-size:11px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
} 
th{
	font-size:11px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
} 
.list{
	background-color:#f5f5f5;
} 
.listlt{
	background-color:#e8e8e8;
} 
.signature{
	color:#cccccc;
} 
.signature-fixed{
	color:#cccccc;
	font-size:13px;
	font-family:monospace, fixed;
} 


.deleted{
	background-color:#ff9a00;
} 
.deleted-hi{
	background-color:#ff9a00;
} 
.deleted A:hover{
	color:cc0000;
} 



.text-hi{
	background-color:#FFFFFF;
} 

.menuTable{
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}

.menuTableSeparator{
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	width: 98%;
	background: url(../graphics/linea_dots_up.gif) repeat-x;
	background-position: center;
}

.linedot {
	border-top-width: 2px;
	border-top-height: 1px;
	border-top-style: dotted;
	border-top-color: #333333;
	width:98%;
}

.rightLinksBox{
    width:18%;
    margin-right: 0.5%;
    padding-left:50%;
}

.centeredContent{
    width:97.7%;
    margin-left: 1.1%;
    padding-top: 0%;
    padding-bottom: 1%;        
}