/* General */

html,body{
   width:100%;
   height: 100%;
   margin: 0px;
}

body,td,input,textarea,select,option,pre{
   font-family: 'Verdana',sans-serif;
   font-size: 12px;
}

a{
   color: #5DA3E7;
   text-decoration:none;
}

a:hover{
   text-decoration:underline;
   }

table{
   margin: 0px;
}

input,textarea,select{
   border:1px solid #999999;
}
textarea{
   height:98px;
   height:"100px";
}
td.inputError,input.inputError,textarea.inputError,select.inputError{
  background-color:#FFD0D0;
}

/* IDs */

#mainTable{
   width:100%;
   /*height:100%;*/
}

#bodyTable{
  width:100%;
}

#mainVerticalSeparator{
  width:20px;
}

#pageBody{
  vertical-align:top;
}

#bodyFooter{
   border-bottom:2px solid black;
   /*border-left:2px solid black;*/
   border-top:15px solid white;
   
   padding:2px 0px 3px 10px;
   width:100%;
   background-color:#e9e9e9;
   /*-moz-border-radius: 5px 0px 0px 5px;*/
}

#bodyHeader{
   border-top:2px solid black;
   /*border-left:2px solid black;*/
   border-bottom:15px solid white;
   
   padding:2px 0px 3px 10px;
   width:100%;
   background-color:#e9e9e9;
   /*-moz-border-radius: 5px 0px 0px 5px;*/
}

#bodyHeaderToDo{
   border-top:2px solid black;
   /*border-left:2px solid black;*/
   border-bottom:15px solid white;
   
   padding:0px;
   width:100%;
   /*background-color:#e9e9e9;*/
   /*-moz-border-radius: 5px 0px 0px 5px;*/
}

#menubar{
   padding-top: 10px;
   width:100px;
   vertical-align:top;
}

#topRight{
   height:82px;
   padding-left:10px;
   /*color: #8EBBE7*/;
   /*color:#5DA3E7;*/
   /*font-size:36px;
   font-weight:bold;*/
}

#card{
  text-align:left;
  vertical-align:top;
  width:60%;
}

#mailList{
  vertical-align:top;
  width:30%;
}

/* Classes */

div.emailBody{
  border: 1px solid #b9b9b9;
  padding:2px;
}

td.mailListSep{
  width:10px;
}

td.subPartSep{
  border-top:12px solid white;
  border-bottom:1px dotted #BCBCBC;
  font-size:12px;
  padding-left: 10px;
}

td.subPrePartSep{
  border-top:12px solid white;
  border-bottom:1px dotted #BCBCBC;
  font-size:12px;
  padding-left: 10px;  
  /*font-weight:bold;*/
}

td.errorField{
  color:#DB0000;
  border-bottom:4px solid white;
}

div.header{
   color:#8EBBE7;
   font-size:36px;
   font-weight:bold;
}

*.link,*.menuLink{
   /*color: #8EBBE7;*/
   color:#5DA3E7;
   background-color: white;
   font-weight:normal;
   text-decoration:none;
   cursor: default;
}

*.link:hover,*.menuLink:hover{
   /*color: #8EBBE7;*/
   text-decoration:underline;

}


.fieldInfo{
  font-size:10px;
  font-weight:normal;
  color:#6B6B6B;
}

.tgglCmd{
   color:#5DA3E7;
   font-weight:normal;
   text-decoration:none;
   cursor: default;
}

.partTitle{
   /*font-weight:bold;*/
   background-color:#e9e9e9;
   border-top:1px dotted black;
   border-bottom:4px solid white;
   padding:1px 5px 2px 10px;
}

/* Start page */

td.firstMenuSep{
   border-top:2px solid black;
   height:5px;
   padding:0px
   width:100px;
}

td.menuSep{
   border-top:1px dotted black;
   height:5px;
   padding:0px
   width:100px;
}

td.menuItem{
   padding:0px 0px 4px 15px;
   width:100px;
}


td.topleft{
   padding:4px 10px 10px 15px;
}


td.userbar{
   padding: 20px 2px 0px 5px;
   background-color: #ccccff;
   vertical-align: top;
}
#searchField{
   width: 85%;
}

td.content{
   padding-top: 5px;
   vertical-align: top;
}



/* Card lists (general) */
*.listSections{
   width:90%;
   margin: 0px 0px 20px 20px;
}
#listTable thead td{
   border-bottom:solid black 1px;
   padding:0px 0px 0px 10px;
   font-weight:bold;
   cursor:default;
}
#listTable tbody td{
   border-bottom:solid #cccccc 1px;
   padding:0px 0px 0px 10px;
   cursor:default;
}
#listTable tbody tr.over,div.over{
   background-color:#eeeeff;
}

/* card fields */
#itemTable tr,*.connectedFields div{
   /*vertical-align:top;*/
}

#itemTable tr td{
   /*vertical-align:middle;*/
}

*.fieldName,*.sfv{
   padding-left:10px;
   text-align:right;
}
*.fieldName{
   padding-right:10px;
   padding-left:10px;
   line-height: 100%;
   width:250px;
}
input.fieldValue,textarea.fieldValue,select.fieldValue,
*.noLabel input.subFieldValue,*.noLabel textarea.subFieldValue,
*.noLabel select.subFieldValue,*.poolContainer,*.connectedTable div{
   width:298px;
   width:"300px";
}
input.connection,*.noLabel input.connection{
   width:285px;
}
*.checkboxField input.checkbox{
   float:left;
}
*.connectedTable input,*.connectedTable textarea,
*.connectedTable select{
   width:198px;
   width:"200px";
}
*.connectedTable{
   padding-bottom:5px;
}
*.connectedTable input.cmd{
   width:auto;
   padding:0px;
}

input.submit{
  border:0px;
  margin:0px;
  padding:0px;
  color:#5DA3E7;
  background-color:#e9e9e9;
}
input.alertSave{
  color:#DB0000;
}

#submit:hover{
   text-decoration:underline;
}

*.fieldName input{
   width:80px;
   text-align:right;
}
*.connectedTable div{
   border-width:1px 0px 0px 1px;
   border-style:solid;
   border-color:#cccccc;
}
div.grippy{
   /*position:relative; -> in js because of bug in IE for get top/left pos*/
   visibility:hidden;
   width:20px;
   height:4px;
   background-color:#666666;
   cursor:s-resize;
}

*.partSeparator{
   border-bottom:2px solid white;
}

*.separator{
  border-top:1px dotted #BCBCBC;
  font-size:4px;
}
input.checkbox{
   margin:none;
   border:none;
   padding:none;
   vertical-align:middle;
   height:14px;
   width:14px;
}
*.drop{
   position:absolute;
   top: 0px;
   left: 0px;
   border:1px solid black;
   background-color:white;
   visibility:hidden;
   cursor:default;
}
*.select{
   color: white;
   background-color:#6666ff;
}
*.incomplete{
   color:#6666ff;
}
*.meta{
   color:#999999;
   font-size:9px;
}

/* remote lists */
*.remoteList{
   position:absolute;
   left:0px;
   top:0px;
   border:1px solid black;
   padding:2px;
   background-color:white;
   visibility:hidden;
   z-index:100;
}
*.listElements{
   /*overflow:auto;*/
}
*.listItem{
   color:black;
   background-color:white;
   cursor:default;
}
*.listItem td{
   cursor:default;
}
*.listItemOver{
   background-color:#eeeeff;
}
*.listItemSelected{
   color:white;
   background-color:#6666ff;
}

/*
** Managers
*/
*.xeManager{
   position:absolute;
   top:0px;
   border:1px solid black;
   background-color:white;
   visibility:hidden;
   z-index:10;
}
*.xeManager form{
   margin:2px;
}
*.xeItemsWrapper{
   height:300px;
   width:300px;
   overflow:auto;
}
*.xeManager table{
}
*.xeManager td{
   /*width:120px;*/
   padding:1px;
   overflow:hidden;
   white-space:nowrap;
   font-size:12px;
   cursor:default;

}
*.xeItemActive{
   background-color:#8EBBE7;
}
*.xeItemSelected{
   background-color:#696969;
   color:white;
}
*.xeImagePreview{
   position:absolute;
   top:0px;
   visibility:hidden;
}

/* stats */
.stats, .stats td{
   font-family: Verdana, Geneva, sans-serif;
   font-size:10px;
}
.stats table{
   border-width: 0px 1px 1px 0px;
   border-style:solid;
   border-color:grey;
}
.stats td{
   border-width: 1px 0px 0px 1px;
   border-style:solid;
   border-color:grey;
   padding:1px;
}
.stats td.gridValue{
   text-align:right;
}
.stats td.statusNr{
   text-align:center;
}
.stats *.bold{
   font-weight:bold;
}
.stats *.hTotal, .stats tr.hTotal td{
   border-top-color:black;
}
.stats *.vTotal{
   border-left-color:black;
}
.stats *.highlight{
  background-color:#eeeeee;
}