/***** Structure *****/

#header {
height: 70px;
}
#content {
padding: 20px 10px;
}
#sidebar {
width: 220px;
/* float: left; */
position: absolute;
overflow-y: auto;
top: 80px;
left: 10px;
}
#maincontent {
margin: 0 0 0 230px;
}
#footer {
clear: both;
}

/***** Layout *****/
/*
* darkblue: #3e606f
* lightblue: #d8dfe2
*/

.bigbox { background: #fff url(/images/bigbox_topleft.gif) no-repeat left top; }
.bigboxheader {
background: url(/images/bigbox_topright.gif) no-repeat right top; 
text-align: center;
font-family: arial, verdana;
font-weight: bold;
font-size: 16px;
line-height: 40px;
}
.bigboxbody {
background: url(/images/bigbox_bottomleft.gif) no-repeat left bottom;
margin-bottom: -20px;
padding: 20px;
}
.bigboxfooter {
background: url(/images/bigbox_bottomright.gif) no-repeat right bottom;
height: 20px;
}

.box { background: #fff url(/images/box_topleft.gif) no-repeat left top; }
.boxheader {
background: url(/images/box_topright.gif) no-repeat right top; 
text-align: center;
font-family: arial, verdana;
font-weight: bold;
font-size: 14px;
line-height: 30px;
}

.boxfooter {
background: url(/images/box_bottomleft.gif) no-repeat scroll left bottom;
height: 30px;
border: 1px #f00;
}
.boxfootercontent {
background: url(/images/box_bottomright.gif) no-repeat scroll right bottom;
height: 100%;
font-family:arial,verdana;
font-size:14px;
font-weight:bold;
line-height:30px;
text-align:center;
}


/***** Balloon Layout *****/
/*
* darkblue: #3e606f
* lightblue: #d8dfe2
*/

.balloonbox { 
background: #fff url(/images/balloonbox_topleft.gif) no-repeat left top; 
opacity: 0.8;
overflow:auto;
filter:alpha(opacity=80);
}
.balloonboxheader {
background: url(/images/balloonbox_topright.gif) no-repeat right top; 
text-align: center;
font-family: arial, verdana;
font-weight: bold;
font-size: 16px;
line-height: 40px;
}
.balloonboxbody {
background: #000 url(/images/balloonbox_bottomleft.gif) no-repeat left bottom;
margin-bottom: -20px;
padding: 20px;
}
.balloonboxfooter {
background: url(/images/balloonbox_bottomright.gif) no-repeat right bottom;
height: 20px;
}

.balloonbox { background: #fff url(/images/balloon_topleft.gif) no-repeat left top; }
.balloonboxheader {
background: url(/images/balloon_topright.gif) no-repeat right top; 
text-align: center;
font-family: arial, verdana;
font-weight: bold;
font-size: 14px;
line-height: 30px;
}

.balloonboxfooter {
background: url(/images/balloon_bottomleft.gif) no-repeat scroll left bottom;
height: 30px;
border: 1px #f00;
}
.balloonboxfootercontent {
background: url(/images/balloon_bottomright.gif) no-repeat scroll right bottom;
height: 100%;
font-family:arial,verdana;
font-size:14px;
font-weight:bold;
line-height:30px;
text-align:center;
}

/***** Login page *****/
#sendmessageballoon {
position: absolute;
text-align: center;
left: 120px;
width: 100%;
top: 200px;
/*opacity: 0.95;*/
color: #DDD;
z-index: 4;
}


#deleteDriverTagBalloon {
position: absolute;
text-align: center;
left: 120px;
width: 100%;
top: 200px;
height: 50px;
/*opacity: 0.95;*/
color: #DDD;
z-index: 4;
}

#sendmessageballoon #message_text {
  width: 95%;
}

#balloonbox {
width: 550px;
margin: auto;
text-align: left;
font-size: 110%;
}

#balloonbox input.textfield {
padding: 3px;
margin: 5px 0 10px 0;
}

#balloonbox .checkbox {
float: left;
margin: 2px 10px 15px 5px;
}

#balloonbox .formfooter {
text-align: right;
margin: 0;
padding: 5px 10px;
}

#balloonbox .button {
float: right;
margin: 0;
font-weight: bold;
}

#balloon_indicator {
float: left; 
padding: 5px;
}


.flash {
border-width: 5px;
border-style: solid;
padding: 5px;
margin-bottom: 10px;
font-weight: bold;
}

.error, .warning {
background-color: #ff7f7f;
color: #000;
border-color: #f00;
}
fieldset div .address {
float: left;
text-align:center;
}
fieldset .address table {
background-color: #e1e8ea;
}
.address th {
text-align: left;
}
.address input .textfield {
width: 200px;
}
fieldset div .address table {
margin-bottom: 0px;

}
fieldset div .address table tr td {
vertical-align: top;
text-align: left;
}
fieldset a .smallbutton {
float:right;
}

#pagecontent fieldset label {
  width: 100px;
  margin-right: 5px;
}
/***** Components *****/
.editable_date:link { text-decoration: none; } 
.editable_date:active { text-decoration: none; }
.editable_date:visited { text-decoration: none; }
.editable_date:hover
{
    text-decoration: none;
    background-color: #FFFFCC;
}
.editable_field:link { text-decoration: none; } 
.editable_field:active { text-decoration: none; }
.editable_field:visited { text-decoration: none; }
.editable_field:hover
{
    text-decoration: none;
    background-color: #FFFFCC;
}
/***** Header *****/

#header {
background: url(/images/header_bg.gif) repeat-x left top;
}
#headerlogo {
margin: 11px 20px;
float: left;
}
#accountnav {
list-style: none;
float: right;
margin: 15px 10px;
font-size: 0.9em;
}
#accountnav li {
float: left;
margin-left: 5px;
text-align: center;
}
#poweredby {
position:absolute;
font-size: 9px;
color: #777;
right: 10px;
top: 50px;
}

.alertbuttons {
list-style: none;
float: right;
margin-top:0px;
margin-right: 10px;
}
.alertbuttons li {
float: left;
margin-left: 4px;
}

#poweredby :visited, #poweredby :link, #poweredby :active{
    text-decoration: none;
}
#poweredby :hover{
    text-decoration: underline;
}

/***** Flashes *****/
.success {
border-color: #090;
background-color: #7fc871;
}

.error {
border-color: #c10202;
background-color: #e07d72;
}

.notice {
border-color: #bdc3c5;
background-color: #e1e8ea;
}

.warning{
border-color: #dfd500;
background-color: #fff200;
}

/***** Sidebar *****/

#sidebar .treeview {
height: 400px;
overflow-x: auto;
white-space: nowrap;
width: 220px;
}

.box .boxcontent {
overflow: auto;
width: 220px;
margin-top: 10px;
margin-right: -10px;
height: 20px;
}
#switchtree_button {
  padding: 0px;
  color: #000;
}
#switchtree_button:hover {
  background: url('/images/boxfooter_separator.gif');
}
#switchtree_button a {
  /* hack for bug which wraps content of div in a A tag */
  padding: 0px;
  color: #000;
}
/***** Main navigation *****/

#mainnav {
    min-width: 810px;
}

#mainnav ul {
width: 100%;
height: 30px;
list-style: none;
display: block;
padding: 0;
margin: 0;
}

#localtime {
float: right;
}

#mainnav li {
float:left;
margin-right: 5px;
background: #cfd7db url('/images/tab_topleft.gif') top left no-repeat;
border-bottom: 1px #b7bfc1 solid;
text-align: center;
}

#empty #emptytab, #manage #managetab, #reports #reportstab, #dashboard #dashboardtab, #fuel #fueltab, #maintenance #maintenancetab {
background: #fff url('/images/tab_sel_topleft.gif') top left no-repeat;
border-bottom: 1px #fff solid;
}

.faded {
filter:alpha(opacity=50);
opacity:0.5;
}

#logistics #logisticstab, #waybill #company, #dashboard #dashboardtab {
background: #fff url('/images/tab_sel_topleft.gif') top left no-repeat;
border-bottom: 1px #fff solid;
}

#mainnav a:link, #mainnav a:hover, #mainnav a:visited {
float: left;
display: block;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-size: 1.1em;
color: #333;
margin: 0;
padding: 6px 5px 6px 5px;
min-width: 100px;
max-width: 500px;
background: url('/images/tab_topright.gif') top right no-repeat;
}

#mainnav li.sel a {
background: url('/images/tab_sel_topright.gif') top right no-repeat;
}

/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #mainnav a {
  width:1%;
}
/***** Terms of Use *****/


#termsnav {
background: #e6e6e6 url('/images/toolbar_bg.gif') top left repeat-x;
}

#termsnav {
border-bottom: 1px #ccc solid;
height: 24px;
}

#termsnav ul {
width: 100%;
height: 40px;
list-style: none;
display: block;
padding-top: 100px;
}

#termsnav li {
float:right;
margin-right: 2px;
border-bottom: 1px #b7bfc1 solid;
text-align: center;
}

#termsnav a:link, #termsnav a:hover, #termsnav a:visited {
float: right;
display: block;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-size: 1.1em;
color: #333;
margin: 0;
padding: 6px 5px 6px 5px;
width: 20px;
}

#termsnav li.sel a {
background-color: #b7bfc1;
}

#terms_of_use {
background-color: #fff;
text-align: center;
}

#formfooter .button, #terms_of_use a:link, #terms_of_use a:hover, #terms_of_use a:visited {
vertical-align: middle;
margin: 0px 2px;
}

#terms_of_use {
  width:100%;
  height:300px;
  text-align:left;
  font: 12px arial normal;
}

.termscontent {
  height:235px;
  text-align:left;
  font: 12px arial normal;
  overflow: auto;
  border: #AAAAAA solid thin;
  margin-bottom: 10px;
}



/***** What's New *****/

#whatsnew {
background-color: #fff;
text-align: center;
}

#whatsnew .button, #terms_of_use a:link, #terms_of_use a:hover, #terms_of_use a:visited {
vertical-align: middle;
}

#whatsnew .whatsnewblock {
/*  margin-bottom: 30px;*/
  padding: 5px 1%;
  width: 98%;
  text-align: left;
}

#whatsnew .whatsnewbody {
  text-align:left;
}

#whatsnew .whatsnewimage {
  float: left;
  width: 100px;
  margin-right: 1em;
}

#whatsnew .whatsnewsummary {
}

#whatsnew h3 {
  border-top:1px solid #333366;
  padding: 2px;
  background-color: #e1e8ea;
}

#whatsnew .whatsnewdate {
    float:right;
}

#whatsnew .whatsnewtitle {
    float:left;
}
/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */

/***** Page toolbar *****/

#cleartabs {
padding-top: 30px;
}

#pagetoolbar {
background: #e6e6e6 url('/images/toolbar_bg.gif') top left repeat-x;
height: 40px;
border-bottom: 1px #ccc solid;
}

#pagetoolbar li {
float: left;
margin: 0 15px;
}

#pagetoolbar .smallbutton {
margin-left: 20px;
}

#pagetoolbar .sel {
font-weight: bold;
}

/***** Page content *****/

#pagecontent {
background-color: #fff;
height: 400px;
}

/***** Form *****/

#pagecontent form {
font-size: 1.1em;
}

#pagecontent h1 {
background-color: #e1e8ea;
padding: 5px;
text-align: center;
}

#pagecontent form p, div.account_logo_div p {
/* border-top: 1px solid #ddd; */
padding: 5px;
line-height: 24px;
display: block;
clear: both;
}

.form_back {
margin-left: 0px;
}

.form_link {
margin-left: 5px;
}

.form_delete {
margin-left: 20px;
}

.form_delete:link, .form_delete:visited, .form_delete:hover {
color: #f00;
}

.form_delete:hover {
/*color: #fff;
background-color: #f00;*/
}

#pagecontent label {
width: 200px;
margin-top: 5px;
display: block;
float: left;
}

#waypoint_form label {
width: 88px;
margin-top: 5px;
display: block;
float: left;
}

#pagecontent #waypoint_form input, #pagecontent #waypoint_form select {
display: block;
float: right;
}

#pagecontent #waypoint_form #lat_lng_degrees{
display: block;
float: right;
}
#pagecontent #waypoint_form #lat_lng_degrees input {
display: inline;
float: none;
}

#view_parent_waypoint{
}

#view_parent_waypoint #left{
  float:left;
  width:350px;
}

#view_parent_waypoint label {
width: 88px;
display: block;
float: left;
margin-top: 0px;
}

#view_parent_waypoint p {
margin-top:5px;
}


.driverfooter {
background-color: #e1e8ea;
padding: 0px;
margin: 0;
margin-top: 10px;
padding: 5px;
height: 30px;
clear: both;
}


.formfooter {
text-align: left;
background-color: #e1e8ea;
padding: 0px;
margin: 0;
margin-top: 10px;
padding: 5px;
height: 30px;
clear: both;
}

.formfooter input {
padding: 0;
margin: 0;
float: left;
}

.formfooter a {
line-height: 30px;
}

.errorExplanation {
border: 5px solid #c10202;
background-color: #e07d72;
font-weight: bold;
color: #111;
padding: 0;
margin-bottom: 20px;
}

.errorExplanation h2 {
margin: 10px;
padding: 0;
}
 
#pagecontent .errorExplanation p {
border: 0;
}
 
.errorExplanation ul {
list-style: disc;
margin-left: 20px;
}

/***** subform *****/

.subform label {
color: #888;
font-size: 10px;
}

/***** Sidebar tree *****/

#treeroot {
margin: 0;
padding: 0;
color: #333;
font-size: 10px;
}

.node {
margin: 0;
padding: 0;
}

/* deleted something here for tree; alain */

.node .treechildren {
padding-left: 15px;
}

.treeitem {
display: block;
height: 23px;
white-space: nowrap;
width: 220px;
/*clip:auto;*/
margin-left: -2000px;
padding-left: 2000px;
padding-right: 100%;

}

.treeitem img {
margin-top: 4px;
margin-bottom: -5px;
}

.treeitem .pulldown {
display: none;
}
.treeitem:hover .pulldown {
display: inline;
}

.treeview a:link, .treeview a:visited {
text-decoration: none;
color: #333;
outline: none;
}

.treeview a:hover {
background-color: transparent;
color: inherit;
}

.treeview .account>.treeitem {
font-weight: bold;
}

.treeview .part_sel {
background: #e5e9ea url('/images/tree_partsel_node.gif') top left repeat-x;
}

.treeview .mouseover_sel {
background: #e5e9ea;
}

.treeview .sel {
background: #000 url('/images/tree_selected_node.gif') top left repeat-x;
}

.treeview .sel a:link, .treeview .sel a:visited {
color: #fff;
}

.treeview a:link img, .treeview a:visited img {
border: 0;
margin-right: 5px;
}

.treeview .sel a {
background: transparent;
}

.treeview .childless {
margin-left: 21px;
}

.toggle {
height: 23px;
display: block;
float: left;
}

.toggle img {
margin-top: 2px;
}

.nodemenu {
display: inline;
}
/*
.nodemenu ul {
position: relative;
background: #fff;
border: #000 solid;
}
*/


/***** boxfooter *****/

.boxfooter ul {
margin: 0;
padding: 0;
height: 30px;
}

.boxfooter li {
float: right;
background: url('/images/boxfooter_separator.gif') top left no-repeat;
width: 30px;
text-align: center;
}

.boxfooter a, .boxfooter span {
display: block;
padding: 7px 0;
width: 100%;
/* background-color: #f00; */
}

.boxfooter a:hover {
background-color: transparent;
}

/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html .boxfooter a {
  width:1%;
}

/***** hover menu *****/

.hovermenu {
position: absolute;
background-color: #000;
padding: 0;
margin: 0;
line-height: 15px;
font-size: 11px;
/* padding: 3px 0; */
z-index: 5;
}

.hovermenu ul, .menubox ul {
list-style: none;
margin: 0;
padding: 3px;
opacity: 0.7;
filter: alpha(opacity=70);
/* height: inherit; */
}

.hovermenu li, .menubox li {
margin: 0;
padding: 0;
display: block;
/* position: relative; */
background: transparent;
/* width: 100%; */
float: none;
}

.hovermenu a, .menubox  a {
margin: 0;
padding: 3px 3px;
display: block;
/* float: none;
width: inherit; */
border: 1px solid transparent;
text-align: left;
font-weight: normal;
}

.hovermenu a:link, .hovermenu a:visited, .menubox a:link, .menubox a:visited {
color: #e5e5e5;
text-decoration: none;
opacity: 0.7;
filter: alpha(opacity=70);
}

.hovermenu a:hover, .menubox a:hover {
background-color: #222;
}

.menubox .selected a {
font-weight: bold;
}


/**************************/
/***** Page specifics *****/
/**************************/

/***** Login page *****/

#login #content {
text-align: center;
padding: 100px;
}

#loginbox {
width: 400px;
margin: auto;
text-align: left;
font-size: 110%;
}

#login input.textfield {
padding: 3px;
margin: 5px 0 10px 0;
}

#login .checkbox {
float: left;
margin: 2px 10px 15px 5px;
}

#login .formfooter {
text-align: right;
margin: 0;
padding: 5px 10px;
}

#login .button {
float: right;
margin: 0;
font-weight: bold;
}

#login_indicator {
float: left; 
padding: 5px; 
}

/***** Manage board *****/

.overview_board {
text-align: center;
}

.overview_board h1 {
text-align: center;
}

.overview_board_button {
background: #be3804 url('/images/overview_board_button_bg.gif') top left repeat-x;
margin: 10px;
padding: 3px 5px;
font-family:arial,helvetica,sans-serif;
font-weight:bold;
font-size:1.5em;
}

.overview_board_button a:link, .overview_board_button a:hover, .overview_board_button a:visited {
color: #fff;
text-decoration: none;
background: transparent;
}
.overview_board table {
margin: 0 auto;
}

.overview_board ul {
list-style: none;
margin: 0 20px;
padding: 0;
}

.overview_board li {
margin: 0;
padding: 0;
}

.overview_board td {
vertical-align: top;
}

/***** Manage *****/


#dashboard #pagecontent {
    position: relative;
    overflow-y: hidden;
}

#manage #pagecontent, #termsofuse #pagecontent, 
#whatsnew #pagecontent, #reports #pagecontent, #logistics #pagecontent,
#support #pagecontent, #empty #pagecontent, #maintenance #pagecontent{
padding: 20px;
position: relative;
overflow: auto;
}

.assignments thead, .assignments tfoot {
background-color: #e1e8ea;
}

.assignments th, .assignments td{
padding: 5px 10px;
}

/***** Dashboard *****/

#notifier {
position: absolute;
bottom: 75px;
right: 160px;
background-color: #000;
color: #fff;
overflow:auto;
z-index: 3;
}

#notification {
padding: 10px 20px;
}

#notifier img {
margin-right: 10px;
}

.assetdetails h1 {
font-size: 16px;
text-align: center;
margin: 0;
}
.assetdetails table tr td {
vertical-align: top;
}

#positiondetails label {
margin-top: 0px;
width: 75px;
}

.multidetails {
color: #666;
font-size: 11px;
}

.multidetails a:visited, .multidetails a:link, .multidetails a:active {
text-decoration: none;
}

.multidetails a:hover {
text-decoration: underline;
}

.assetdetails tr {
margin: 0;
}

.assetdetails table {
color: #666;
font-size: 11px;
}

.assetdetails td {
margin: 0 0 5px 0;
padding: 0 0 0 0;
}

.nametag {
position: absolute;
background-color: #000;
color: #fff;
padding: 1px 2px 1px 2px;
font-size: 10px;
border: 1px solid #666;


white-space: nowrap;
cursor: pointer;
}

.multiple_balloon_icon {
height: 12px;
width: 12px;
}

/***** dashboard *****/

#pagetoolbar {
padding: 10px;
height: 20px;
line-height: 20px;
}

#pagetoolbar select {
/*height: 20px;*/
position: relative;
top: 2px;
}

#pagetoolbar label {
margin: 0 10px;
}


/* added by Maarten to show calendar item inline */
.calendar_selection, .calendar_selection input, .calendar_selection label {
float: left;
}

.calendar_selection input {
font-size: 11px;
}

.calendar .button{
    font-size: 11px !important;
    font-family: tahoma,verdana,sans-serif !important;
    border: none !important;
    box-shadow: none !important;
    background-color : transparent !important;
}

.calendar .headrow .button{
    color: #fff !important;
}

.calendar .button.nav{
    color: #fff ;
}

.calendar .hilite{
    background:none !important;
    background-color: #000 !important;
    color: #fff !important;
    padding: 1px !important;
}

.toolbar_item, .toolbar_item input, .toolbar_item label {
float: left;
}

#pagetoolbar label {
margin: 0 10px;
}


.btn_icon_field {
background: transparent url('/images/textfield_small_btn_bg.gif') top right no-repeat;
height: 21px;
width: 21px;
float: left;
margin-right: 10px;
margin-top: 2px;
}

.calander_icon_field {
margin-right: 10px;
}

.maintenance_text_field {
font: 11px verdana, arial, helvetica, sans-serif;
color: #555;
border: 1px solid #CCC;
border-top-color: #AAA;
border-left-color: #AAA;
}


.textfield_button {
background: transparent url('/images/textfield_small_btn_bg.gif') top right no-repeat;
height: 21px;
width: 21px;
float: left;
margin-right: 0px;
margin-top: 5px;
}

.textfield_button input {
position: static;
margin-left: 2px;
margin-top: 2px;
outline: none;
}

.editable_date_picker {
background: transparent url('/images/textfield_small_btn_bg.gif') top right no-repeat;
height: 21px;
width: 21px;
float: left;
margin-right: 0px;
}

.editable_date_picker input {
position: static;
margin-left: 2px;
margin-top: 2px;
outline: none;
}

.btn_icon_field input {
position: relative;
left: 2px;
top: 2px;
outline: none;
}

.report_btn_icon_field {
background: transparent url('/images/textfield_small_btn_bg.gif') top right no-repeat;
height: 21px;
width: 21px;
float: left;
margin-right: 10px;
}

.report_btn_icon_field input {
position: relative;
left: 2px;
top: 2px;
outline: none;
}

.report_btn_icon_field input:active {
top: 3px;
}


.btn_icon_field input:active {
top: 3px;
}

/******************************************/
/******************************************/

#reports_main {
/* border: 1px solid #f00; */
padding: 1px;
margin-right: 0px;
}

#reportbar {
position: absolute;
z-index: 3;
background-color: #d9d9d9;
border-bottom: 1px #ccc solid;
opacity: 0.9;
filter: alpha(opacity=90);
}

#reportbar .row {
height: 30px;
padding: 0 10px;
line-height: 30px;
width: 100%;
}

#reportbar select, #pagetoolbar select, #reportbar input, #pagetoolbar input {
font-size: 11px;
}

#reportbar input[type=text], #pagetoolbar input[type=text] {
width: 75px;
text-align: center;
}

#reportbar .disabled, #pagetoolbar .disabled {
background: transparent;
}

.report_link:link, .report_link:visited, .report_link:hover {
text-decoration: none;
color: #333333;
}

.report_link:hover {
text-decoration: underline
}

.reportindexreport {
margin-bottom: 20px;
}

.reportindextitle {
font-size: 14px;
font-weight: bold;
}

.reportindeximg {
position: relative;
top: 2px;
}

.reportindextext {
margin-top: 2px;
margin-left: 22px;
}


#reports_side {
/* border: 1px solid #00f; */
padding: 1px;
float: right;
width: 160px;
}


#report_summary div {
padding: 5px 2%;
font-size: 12px;
width: 46%;
text-align: left;
float: left;
}


.btn_selected {
font-size: 11px;
line-height: 19px;
padding: 0 5px;
float: left;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #aaa;
border-left: 1px solid #ccc;
background: transparent url(/images/btn_selected_bg.gif) repeat-x left top;
cursor: pointer;
}

#pagetoolbar span.label {
margin-right: 10px;
width: auto;
display: block;
float: left;
line-height: 18px;
}

.waybill_map, .waypoint_map {
width: 330px;
height: 250px;
}

.datatable {
background-color: #cdcdcd;
width: 100%;
border-left: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
text-align: left;
margin-bottom: 20px;
}

.datatable td, .datatable th {
padding: 5px;
}

.datatable th {
background-color: #cdcdcd;
font-family: arial;
font-size: 14px;
}

.datatable td {
border-bottom: 1px solid #cdcdcd;
background-color: #fff;
font-size: 11px;
}

.datatable tfoot td {
background-color: #e5e5e5;
}

.datatable th a {
  text-decoration: underline;
  color:#333333;
  background-color: #cdcdcd;
}

.datatable th a:hover {
  text-decoration: underline;
}

.toolcol { text-align: center; }
.toolcol a:hover { background-color: transparent; }

#measurements_table {
  width: auto;
}

#tree_filter {
position: absolute;
z-index: 3;
bottom: 45px;
left: 10px;
background-color: #e5e5e5;
line-height: 30px;
width: 200px;
padding: 0 10px; 
opacity: 0.9;
filter:alpha(opacity=90);
font-size: 9px;
}

#tree_filter label { margin-right: 3px; }

#tree_filter .selectbox {
font-size: 9px;
outline: none;
}


.slidemenu {
margin-top: 2px;
margin-left:-2000px;
padding-left:2000px;
padding-right: 100%;
white-space: nowrap;
width: 220px;
background: #E6E6E6 url(/images/toolbar_bg.gif) repeat-x scroll left top;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

.treeview .slidemenu ul,ol {
   padding-bottom: 0px;
}

.treeview .slidemenu ul li a {
    color: #3E606F;
}

.treeview .slidemenu ul li a:hover {
    text-decoration: underline;
}

/********************Icon legend*******************************/
#iconlegend{
  position:fixed;
  z-index:70;
  display:none;
  background-color:#d9d9d9;
  height:200px;
}

#iconlegend .title{
  margin: 5px 0px -7px 10px;
  font-weight: bold;
}

#iconlegend .row{
  height:150px;
  padding:0px;
  margin:0px;
  overflow:auto;
  background-color:#fff;
  border:thin solid #AAAAAA;
  line-height:200%;
  margin:10px;
}

#iconlegend .row{
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
  width: 100%;
}
/********************Dashboard alerts*******************************/

#messagebar, #dashboardalertbar {
position: fixed;
z-index: 3;
background-color: #d9d9d9;
border-bottom: 1px #ccc solid;
opacity: 0.9;
filter:alpha(opacity=90);

overflow: auto;
}


#messagebar .row {
height: 30px;
padding: 0 10px;
line-height: 30px;
width: 100%;
}

#dashboardalertbar .row {
height: 30px;
padding: 0 10px;
line-height: 30px;
width: 100%;
}

.bar_title {
margin-top: 5px;
margin-left: 12px;
font-weight: bold;
}


#messages, #alerts {
height: 66px;
width: auto;
padding: 0px 10px 3px 10px;
overflow: auto;
background-color: #fff;
border: thin solid #AAAAAA;
line-height: 200%;
margin: 10px;
}

.messagetext {
color: #555555;
font-size: 11px;
}

#messagebuttons {
margin: 10px;
}

#alerts img, #messages img {
/*position: relative;*/
margin:0;
padding:0;
/*top: 4px;*/
}

#messagebar .smallbutton {
float: right;
position: relative;
margin: 0 10px 0px 10px;
background-color: transparent;
color: #fff;
}

#dashboardalertbar .smallbutton {
float: right;
margin: 0 10px 0px 10px;
background-color: transparent;
color: #fff;
}

#messages .remove_link a:hover {
background-color: transparent;
position: relative;
}

#messagediv {
float: right;
padding-left: 10px;
border-left: thin solid #AAAAAA;
}

#messagediv a:hover {
background-color: transparent;
}

a.alert_link:link {
color: #555555;
font-size: 11px;
text-decoration: none;
}

a.alert_link:visited {
color: #555555;
font-size: 11px;
text-decoration: none;
}

a.alert_link:active {
color: #555555;
font-size: 11px;
text-decoration: none;
}

a.alert_link:hover {
color: #555555;
font-size: 11px;
text-decoration: underline;
background-color: transparent;
}

/****************Unit hardware type **********************/

#hw_checkboxes {
float: left; 
margin-right: 30px; 
margin-bottom: 10px;
}

/****************Unit event type tree**********************/

#event_checkboxes {
float: left; 
margin-right: 30px; 
margin-bottom: 10px;
}

#event_checkboxes .event_child {
padding-left: 31px;
}

#event_checkboxes .child_less {
padding-left: 34px;
}

#event_checkboxes a:hover {
background-color: transparent;
}


/****************Manage assets*********************/

#pagecontent div.form_unit_reporting_intervals_indent{
    border-left: 6px solid rgb(210,210,210); 
    margin:10px;
    padding-bottom:5px;
}

/*********Manage assets - edit reporting intervals*********/

<!--
p #interval_messages{
    display         :none;
    margin-top      :10px;
    margin-bottom   :2px;
}
-->

.interval_message_error .interval_message_warning .interval_message_info{
  border-width: 8px;
  border-style: solid;
  margin-bottom: 10px;
  padding: 8px;
}

.interval_message_error{
  border-color: #ff5f5f;
  background-color: #dddada;
}

.interval_message_warning{
  border-color: #afafff;
  background-color: #5f5fff;
}

.interval_message_info{
  border-color: #afffaf;
  background-color: #5fff5f;
}





/****************Manage events*********************/

#manage_event {
width: 600px;
}

#manage_event .child {
margin-left: 25px;
}

#manage_event .childless {
margin-left: 5px;
}

#manage_event .faded {
opacity: 0.5;
}

#manage_event .event_description {
margin-left: 26px;
margin-bottom: 5px;
}

#manage_event .node_link a:hover {
background-color: transparent;
}

#manage_event .setup_link {
float: right;
margin-left: 5px;
}


/***********Notification setup***************/
#edit_event .info {
margin-left: 46px;
font-size: 10px;
padding: 0px;
}

#edit_event #emails {
margin-left: 46px;
}

#edit_event #cells {
margin-left: 46px;
}

.event_table a:hover {
background-color: transparent;
}

#edit_event .event_table thead {
background-color: #E1E8EA;
text-align: center;
font-weight: bold;
}

#edit_event .event_table tbody {
background-color: #E1E8EA;
}

#edit_event .event_table thead img {
position: relative;
top: 2px;
}

#edit_event .event_table tfoot {
background-color: #E1E8EA;
}

#edit_event .event_table td {
margin: 0px;
padding: 5px;
}

#edit_event .event_table td.info {
background-color: #E1E8EA;
margin-left: 0;
text-align: center;
}

#edit_event .event_textfield {
height: 15px;
font-size: 12px;
}


/**************** Searchbar *******************/

#searchbar {
position: absolute;
z-index: 3;
bottom: 40px;
left: 10px;
background-color: #e5e5e5;
line-height: 10px;
width: 220px;
height: 30px;
font-size: 10px;
padding: 0;
}

#searchbar .container {
margin: 5px 10px;
padding: 0;
}

#searchbar img{
position: relative;
top: 3px;
left: 2px;
}

#search_bar {
  margin-top: 3px;
}

#searchbar_submit {
  float:right;
}

/********************** Reports toolbar *************************/
#scheduleblock, #downloadblock, #reporttypeblock, #timeframeblock {
height: 25px; 
border: 1px #aeaeae solid; 
padding-top: 5px; 
margin-top: 1px;
}


a.toolbar_link:link {
color: #333333;
font-size: 11px;
text-decoration: none;
}

a.toolbar_link:visited {
color: #333333;
font-size: 11px;
text-decoration: none;
}

a.toolbar_link:active {
color: #333333;
font-size: 11px;
text-decoration: none;
}

a.toolbar_link:hover {
color: #333333;
font-size: 11px;
text-decoration: underline;
background-color: transparent;
}

a.gobutton {
background: transparent url('/images/button_small_a_bg.gif') no-repeat scroll top right;
color: #fff;
font: bold 11px arial, sans-serif;
height: 20px;
margin-right: 6px;
padding: 3px 18px 3px 0; /* sliding doors padding */
text-decoration: none;
}

a.gobutton span {
background: transparent url('/images/button_small_span_bg.gif') no-repeat;
padding: 3px 0 3px 18px;
}

a.gobutton:active {
background-position: bottom right;
outline: none; /* hide dotted outline in Firefox */
}

a.gobutton:active span {
background-position: bottom left;
padding: 3px 0 3px 18px; /* push text down 1px */
}

#reports #timeframe_details .textfield{
margin-left: 10px;
}

/****************** User ********************/
.userlocked {
background-color: #E1E8EA;
margin-bottom: 10px;
padding: 5px;
text-align: center;
}

.userlocked img {
position: relative;
top: 3px;
}

#permission_box table{
  margin-top: 7px;
  width: 500px;
}
#permission_box #icon{
  width:20px;
  text-align:left;
}
#permission_box #title, #permission_box #item{
  text-align:left;
}
th#on, th#off, td#on, td#off, td#admin_on, td#admin_off{
  width:50px;
  text-align:center;
  vertical-align:top;
}
td#on input, td#off input{
  margin-top:4px;
}
th#title, th#on, th#off{
  border-bottom:1px solid #3e606f;
}
td#item, td#on, td#off, td#admin_on, td#admin_off{
  border-bottom:1px solid #cfd7db;
}
#item ul{
  list-style-type: disc;
}
#item ul li{
  font-size:9px;
  padding-left:0.5em;
  text-indent:-0.5em;
}

/************** Account Logo *******************/

div #account_logo_image{
  height:75px;
  width:500px;
  text-align:center;
  vertical-align:middle;
}

div #account_logo_form{
  margin-left: 15.5em;
  position: relative;
}

div.account_logo_fake_file{
  position: absolute;
  top: 0px;
  left: 1.5em;
  z-index: 1;
}

input.account_logo {
  position: relative;
  text-align: right;
  -moz-opacity:0 ;
  filter:alpha(opacity: 0);
  opacity: 0;
  z-index: 2;
}

a.account_logo_uploader{
  margin-left:4px;
  margin-right:4px;
}

/************** Footer *******************/
#footercontent {
font-size: 10px;
color: #eaeaea;
margin-top: 3px;
}

a.footer_link:link, a.footer_link:visited, a.footer_link:active {
color: #eaeaea;
text-decoration: none;
}

a.footer_link:hover {
color: #eaeaea;
text-decoration: underline;
}

/************** Error page ******************/
#error #content {
text-align: center;
padding: 100px;
}

#errorbox {
width: 400px;
margin: auto;
text-align: left;
font-size: 110%;
}

#markerLabel {
/* has been set in gt2map.js */
}

.boxfootercontent li {
background: transparent url(/images/boxfooter_separator.gif) no-repeat scroll right top;
float: left;
cursor: pointer;
}

.actionbar_button {
width: 30px;
display: block;
float: left;
}


#movie {
 padding:0;
 float:none;
 display:inline;
 margin:0;

}

#movietab {
position:fixed;
right:10px;
top:90px;
/*background-color: #cfd7db;*/
font-size: 0.85em;
color: #eee;
height: 16px;
text-align:right;
}

.movie {
    vertical-align:top;
}



.report_actionbar_button {
width: 30px;
display: block;
float: left;
}

#slc_time_frame { margin-right: 10px; }

li.sortable {
display:inline-block;
vertical-align:top;
overflow:hidden;
width: 250px;
background-color:#E1E8EA;
cursor:move;
}

.loading
{
    background: #000 url(/images/loading-bar.gif) no-repeat;
}

#loading_bar
{
    margin-top: 9px;
    margin-left: 10px;
}
/* Sortable table divs */

div.small_column_header { 
    font-weight:bold;
    font-family: arial, helvetica, sans-serif;
    height: 25px;
    width:6%; 
    float:left; 
    text-align:center; 
    vertical-align:middle; 
} 
div.medium_column_header { 
    font-weight:bold;
    font-family: arial, helvetica, sans-serif;
    height: 25px;
    width:20%; 
    float:left; 
    text-align:center; 
    vertical-align:middle; 
} 
div.large_column_header { 
    font-weight:bold;
    font-family: arial, helvetica, sans-serif;
    height: 25px;
    width:30%; 
    float:left; 
    text-align:center; 
    vertical-align:middle; 
} 

div.small_column { 
    height: 25px;
    width:6%; 
    float:left; 
    text-align:center; 
    vertical-align:middle; 
} 

div.small_del_column{
    height: 25px;
    width:6%; 
    float:right; 
    text-align:center; 
    vertical-align:middle; 
    width:50px;    
    padding-top: 2px;
}

div.medium_column { 
    height: 25px;
    width: 20%; 
    float:left; 
    text-align:center; 
    vertical-align:middle; 
} 
div.large_column { 
    height: 25px;
    width: 30%; 
    float:left; 
    text-align:center; 
    vertical-align:middle; 
} 
hr { 
clear:both; 
display:block; 
visibility:hidden;}

#cat_delete_icon{
    vertical-align:middle; 
    text-align:right;
}

.mdt_description H2{
    background-color:#ffffff;
    font-size: 12px;
    border-bottom: 1px #b7bfc1 solid; 
    margin-bottom: 0px; 
    padding-bottom: 0px; 
    height: 28px;
}

.mdt_description_header H2{
    background-color:#ffffff;
    font-size: 12px;
    margin-bottom: 0px; 
    padding-bottom: 0px; 
    height: 25px;
}

.cat_header H2{
    background-color:#cdcdcd;
    height: 25px;
    text-align: left;
    font-family: arial, verdana;
    font-weight: bold;
    font-size: 14px;
    padding-top: 4px;
    padding-bottom: 0px;
}

.pannic_message H2{
    height: 25px;
    background-color:#ff9999;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    color:#cc3333;    
    padding-bottom: 0px;
    margin-bottom: 0px;
}
div.cat_drag_img{
    text-align: left;
    width:40px; 
    float:left; 
    padding-left: 8px;
    padding-top: 2px;
}
div.cat_txt_field{
    background-color:#cdcdcd;
    height: 25px;
    width:605px; 
    float:left; 
    vertical-align:middle; 
    
}
div.cat_delete_img{
    background-color:#cdcdcd;
    width:50px;     
    float:right; 
    text-align:center; 
    padding-top: 2px;
}
div.pm_msg{
    float:left; 
    padding-right: 25px;
    padding-top: 2px;
    padding-left: 8px;
}
div.new_cat_msg{
    float:left; 
    padding-right: 25px;
    padding-top: 2px;
    padding-left: 8px;
}
.mdt_descriptions {
    padding-left: 0px;
}

.mdt_description_header{    
    padding-left: 0px;
}

.mdt_components{
    width: 90%;
}

#maploader
{
    overflow: hidden;
    position: absolute;
    text-align:center;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: white;
    filter:alpha(opacity=80);
    opacity:0.8;
    z-index: 99;
 }


 .exception_report_icon_btn {
     border:1px solid #AAA;
     padding: 1px 2px 2px 2px;
     position: relative;
     top:5px;
     left:-5px;
}

#maintenancetab {
  display: none;
}