#top {
   height: 80px;
   position: fixed;
   width: 100%;
   background-color: #fff;
   z-index: 2;

}

#content {
   left: 0px;
   top: 0px;
   width: 100%;
   position: absolute;
}

#layerLogin {
   left: 100px;
   top: 35px;
   width: 100%;
   position: fixed;
}


#layerLogin label {
   display: inline
}

/*
#reportsBar {
   left: 0px;
   top: 80px;
   position: fixed;
   width: 100%;
   background-color: #fff;
}
*/

#menuLeft {
   left: 50px;
   top: 0px;
   width: 100%;
   position: fixed;
}
/**/
#details {
   left: 0px;
   top: 80px;
   position: relative;
   padding: 10px;
   z-index: 0;
}

body {
   font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color: #4f6b72;
   background: #E6EAE9;
}

a {
   color: #c75f3e;
   font: 7px;
}

#mytable {
   width: 700px;
   padding: 0;
   margin: 0;
}

caption {
   padding: 0 0 5px 0;
   width: 700px;
   font: italic 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   text-align: right;
}

th {
   font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color: #4f6b72;
   /*border-right: 1px solid #C1DAD7;
   border-bottom: 1px solid #C1DAD7;
   border-top: 1px solid #C1DAD7;*/
   letter-spacing: 1px;
   text-transform: uppercase;
   text-align: left;
   padding: 1px 1px 1px 2px;
   background: #CAE8EA url(/bundles/cyberclickcrm/images/bg_header.jpg) no-repeat;
}

th.nobg {
   border-top: 0;
   border-left: 0;
   /*border-right: 1px solid #C1DAD7;*/
   background: none;
}

td {
   /*border-right: 1px solid #C1DAD7;
   border-bottom: 1px solid #C1DAD7;*/
   background: #fff;
   padding: 2px;
   color: #4f6b72;
}

td.alt {
   background: #F5FAFA;
   color: #797268;
}

th.spec {
   /*border-left: 1px solid #C1DAD7;*/
   border-top: 0;
   background: #fff url(/bundles/cyberclickcrm/images/bullet1.gif) no-repeat;
   font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
   /*border-left: 1px solid #C1DAD7;*/
   border-top: 0;
   background: #f5fafa url(/bundles/cyberclickcrm/images/bullet2.gif) no-repeat;
   font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color: #797268;
}

#nav {
   margin: 0px;
   padding: 0px;
   position: absolute;
   top: 30px;
   left: 100px;
   display: block;
}

#nav > li {
   list-style-type: none;
   float: left;
   display: block;
   margin: 0px 5px;
   position: relative;
   padding: 5px;
}

#nav > li:hover ul {
   display: block;
}

#nav > li:hover {
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

#nav li ul {
   margin: 0px;
   padding: 5px;
   display: none;
}

#nav li ul li {
   list-style-type: none;
   margin: 5px 0 0 0;
}

#nav li ul li a {
   display: block;
   padding: 2px 5px;
   text-decoration: none;
}

#nav li ul li:hover a {
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
}

#nav li span {
   cursor: pointer;
   margin: 0px 5px;
   font-weight: bold;
}

img {
   border: 0px;
}

tr.lead-ko td {
   background-color: #fcc;
}

tr.hilite-notvalid td {
   background: #FF4D4D;
}

tr.hilite-valid td {
   background: #66FF66;
}

tr.hilite-selected td {
   background: #ddd;
}

tr.hilite-selected-over td {
   background: #eee;
}

tr.hilite-ko td {
   background: #FFB3B3;
}

.ex_highlight #statsTable tbody tr.even:hover, #statsTable tbody tr.even td.highlighted {
   background-color: #ECFFB3;
}

.ex_highlight #statsTable tbody tr.odd:hover, #statsTable tbody tr.odd td.highlighted {
   background-color: #E6FF99;
}

.ex_highlight_row #statsTable tr.even:hover {
   background-color: #ECFFB3;
}

.ex_highlight_row #statsTable tr.even:hover td.sorting_1 {
   background-color: #DDFF75;
}

.ex_highlight_row #statsTable tr.even:hover td.sorting_2 {
   background-color: #E7FF9E;
}

.ex_highlight_row #statsTable tr.even:hover td.sorting_3 {
   background-color: #E2FF89;
}

.ex_highlight_row #statsTable tr.odd:hover {
   background-color: #E6FF99;
}

.ex_highlight_row #statsTable tr.odd:hover td.sorting_1 {
   background-color: #D6FF5C;
}

.ex_highlight_row #statsTable tr.odd:hover td.sorting_2 {
   background-color: #E0FF84;
}

.ex_highlight_row #statsTable tr.odd:hover td.sorting_3 {
   background-color: #DBFF70;
}

#chart {
   width: 450px;
   height: 300px
}

.screenshot {
   position: absolute;
   border: 1px solid #ccc;
   background: #333;
   padding: 5px;
   display: none;
   color: #fff;
}



.ui-autocomplete-loading {
   background: white url('/bundles/cyberclickcrm/images/ui-anim_basic_16x16.gif') right center no-repeat;
}

.ui-autocomplete {
   max-height: 200px;
   overflow-y: auto;
   /* prevent horizontal scrollbar */
   overflow-x: hidden;
   /* add padding to account for vertical scrollbar */
   padding-right: 20px;
}

/* IE 6 doesn't support max-height
    * we use height instead, but this forces the menu to always be this tall
    */
* html .ui-autocomplete {
   height: 200px;
}

.dragHandle, .showDragHandle {
	background-repeat: no-repeat;
	background-position: center center;
}

.whileDrag {
   background-color: #fcc;
}

.ui-tabs .ui-state-disabled {
    display: none; /* disabled tabs don't show up */
}