﻿
body {font-family:Verdana; font-size:12px; margin: 0px 0px 0px 0px; height: 100%; bottom: 0px;background-image: url(images/background.png); background-repeat: repeat-y; background-color: #FFFFFF;}
html {height: 100%; bottom: 0px; background-color: #000000; }
textarea {font-family:Verdana; font-size:100%;}
td {vertical-align:top;}

a {color:Blue;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none;}
a:hover {text-decoration: underline;}

.big { font-size:110%;}
.normal { font-size:100%;}
.small { font-size:90%;}
.xsmall { font-size: 80%;}
.xxsmall { font-size: 70%;}

.title {font-size: 200%; font-weight:bold;}
.top_pad {width: 5px; height: 10px;}
.top {font-size:160%; background-image: url(images/menu_top.png); background-color: #1E6CAE; font-weight:bold; 	width: 100%; border: none;}

.left { background-color: #1E6CAE; color:#ffffff;}
.content { background-color:White;}
.gridview_header { background-image: url(images/gridview_header.png); background-color: #1E6CAE; font-weight:bold; color: #FFFFFF; height:26px;}
.gridview_header a
{
	color: #FFFFFF;
}
.gridview_pager { background-image: url(images/gridview_header.png); background-color: #1E6CAE; color: #FFFFFF; border: solid 1px #000000; border-radius: 5px; }
.gridview_pager a 
{
	color: #D3E5F3;
}
.leftlink {color:#ffffff; font-weight: bold; }
.leftlinksmall {color:#ffffff; font-weight: bold; font-size:small; }
.contentheader {color:#000000; font-weight: bold; font-size:14px; }
.datebutton {background-color:Gray; border-color:Black; border-style:solid; border-width:1px; width:10px;}
.calendartitle {background-color:Gray}
.calendarday {background-color: White;}
.calendardayheader { background-color:#B0B0B0;}
.overlay-background {
	  background:#222;
	  filter:alpha(opacity=40);

	  -khtml-opacity:0.4;
	  -moz-opacity:0.4;
	  opacity:0.4;
	  /*text-shadow:0 0 0 #000;*/
	  width:100%;
	  position: fixed;
	  
	  top: 0px;
	  left: 0px;
	  z-index: 1;
	  bottom: 0px;
	}
.newdrive 
{
	 position: fixed;
	  top: 100px;
	  left: 50%;
	  margin-left: -360px;
	  z-index: 100;
	  background-color: #FFFFFF;
	  filter:alpha(opacity=100);
	  -khtml-opacity:1;
	  -moz-opacity:1;
	  opacity:1;
	  width: 720px;
	  border: solid 1px #000000;
}
.mapview 
{
	margin-left: -360px;
	left:50%;
	 position: fixed;
	margin-top: auto;
	margin-bottom: auto;
	  z-index: 2;
	  background-color: #FFFFFF;
	  filter:alpha(opacity=100);
	  -khtml-opacity:1;
	  -moz-opacity:1;
	  opacity:1;
	  width: 720px;
	  border: solid 1px #000000;
	  border-right: solid 2px #000000;
	  max-height:100%;
}
.progressbar
{
	position:absolute;
	top: 2px;
	left: 200px;
    -moz-top:80px;
}
.mapViewDiv
{
	z-index: 2;

	filter:alpha(opacity=100);
	-khtml-opacity:1;
     -moz-opacity:1;
	  opacity:1;
	position: relative;
	margin-left: 2px;
	margin-right:-2px;
	width: 714px;
	
	border: solid 1px #000000;
}
.wizardmap
{
	left:2px;
	z-index: 2;
		filter:alpha(opacity=100);
	-khtml-opacity:1;
     -moz-opacity:1;
	  opacity:1;
	position: absolute;
	width: 500px;
	height: 300px;
	border: solid 1px #000000;
}
.driving_journal_phones
{
	max-height: 300px;
	overflow: auto;
}
.wizardmap_route
{
	left:0px;
	z-index: 2;
		filter:alpha(opacity=100);
	-khtml-opacity:1;
     -moz-opacity:1;
	  opacity:1;
	position: relative;
	width: 700px;
	height: 300px;
	border: solid 1px #000000;
}
.devicelist a
{
	color: #FFFFFF;
}
.devicelist
{
	margin-top: 5px;
	margin-bottom: 5px;
}
.AcCommands
{
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
}
.AcCommandsPager
{
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
}
.AcCommandsPager a
{
	color: #FFFFFF;
}
.gridview_row
{
	background-color: #FFFFFF;
	color: Black;
}
.gridview_row_alternate
{
	background-color: #D3E5F3;
	color: Black;
}
.gridview_row:hover
{
	background-color: #DDFFE0;
	color: Black;
}
.gridview_row_alternate:hover
{
	background-color: #DDFFE0;
	color: Black;
}
.gridview_row_label
{
	background-color: #A1FE51;
}
.top_left_logo
{
	width: 180px;
	height:89px;
    padding-left: 0px;
    vertical-align: bottom;
    background-image:url(images/logmydrive_logo.png);
    background-repeat: no-repeat;
}
.menu_left_button
{
	width: 180px;
	background-image:url(images/menu_button_left.png);
	text-indent: 38px;
	height: 28px;
	padding-top:10px;
	font-family: Verdana;
}
.menu_left_button_active
{
	font-family: Verdana;
	width: 180px;
	background-image:url(images/menu_button_left_active.png);
	text-indent: 38px;
	height: 28px;
	padding-top:10px;
	
}
.menu_left_button_active_over
{
	cursor: pointer;
	font-style: italic;
	font-family: Verdana;
	width: 180px;
	background-image:url(images/menu_button_left_active.png);
	text-indent: 38px;
	height: 38px;
}
.menu_left_button_active_over a
{
	padding-top:10px;
  display:block;
  width:100%;
  height:28px;
}
.menu_right_button
{
	width: 180px;
	background-image:url(images/menu_button_right.png);
	text-indent: 38px;
	height: 28px;
	padding-top:10px;
}
.menu_right_button_active
{
	width: 180px;
	background-image:url(images/menu_button_right_active.png);
	text-indent: 38px;
	height: 28px;
	padding-top:10px;
	
}
.buy_now
{
	background: url(images/contact_button.png); width: 150px; height: 65px;  vertical-align:middle; text-align:center;
}
.buy_now_active
{
	cursor:pointer;
	background: url(images/contact_button_active.png); width: 150px; height: 65px;  vertical-align:middle; text-align:center;
}
.main_content 
{
	
}
.contact_now
{
	
	background: url(images/red_button.png); width: 150px; height: 65px;  vertical-align:middle; text-align:center;
}
.contact_now_active
{
	cursor:pointer;
	background: url(images/red_button_active.png); width: 150px; height: 65px;  vertical-align:middle; text-align:center;
}
.contact_now_active a
{
	vertical-align: middle;
	text-decoration:underline;
	font-style: italic;
		padding-top:25px;
  display:block;
  width:100%;
  height:35px;
}
.contact_now a
{
		padding-top:25px;
  display:block;
  width:100%;
  height:35px;
}
.buy_now a
{

		padding-top:25px;
  display:block;
  width:100%;
  height:35px;
}
.buy_now_active a
{
	vertical-align: middle;
	text-decoration:underline;
	font-style: italic;
		padding-top:25px;
  display:block;
  width:100%;
  height:35px;
}
.AcCommands_icon
{
	border: none;
	vertical-align: middle;
	height: 22px;
}
.feedback 
{
	 position: fixed;
	  top: 100px;
	  left: 50%;
	  z-index: 2;
	  background-color: #FFFFFF;
	  filter:alpha(opacity=100);
	  -khtml-opacity:1;
	  -moz-opacity:1;
	  opacity:1;
	  width: 720px;
	  margin-left:-360px;
	  border: solid 1px #000000;
}
.ajax__calendar_header {
background-image: url(images/gridview_header.png); background-color: #1E6CAE; font-weight:bold; color: #FFFFFF;
}
.ajax__calendar_hover .ajax__calendar_title {
    color: #bbbbbb;
}
.help_video
{
	border: solid 2px #000000;
}
.help_video_logged
{
	border: solid 2px #000000;
	height: 35px;
}
.help_pdf
{
	height: 35px;
}

.action_notification
{
	position: relative;
	width: 100%;
	height: 35px;
	
}
.contract_table
{
	border: solid 1px #000000;
	background-color: #FFFFFF;
}
.num_items_header
{
	padding-left:5px;
	padding-bottom: 4px;
	margin-bottom: 4px;
	font-size: 10px;
     vertical-align: middle;
}
.shaded_textbox
{
	background-color: #D8FFFF;
}
.content_frontpage
{
	min-width: 635px;
	width: 635px;
	max-width: 635px; 
	color: #FFFFFF;
	background-color: #1E6CAE;
}
.rounded_tl {
	background: url(images/rounded_tl.gif) no-repeat top left; height: 15px; width: 15px;
}
.rounded_tr {
	background: url(images/rounded_tr.gif) no-repeat top right;height: 15px;width: 15px;
}
.rounded_bl {
	background: url(images/rounded_bl.gif) no-repeat bottom left;height: 15px;width: 15px;
}
.rounded_br {
	background: url(images/rounded_br.gif) no-repeat bottom right;height: 15px;width: 15px;
}
.rounded_tl2 {
	background: url(images/rounded_tl.gif) no-repeat top left; height: 15px; width: 15px;
}
.rounded_tr2 {
	background: url(images/rounded_tr.gif) no-repeat top right;height: 15px;width: 15px;
}
.rounded_bl2 {
	background: url(images/rounded_bl.gif) no-repeat bottom left;height: 15px;width: 15px;
}
.rounded_br2 {
	background: url(images/rounded_br.gif) no-repeat bottom right;height: 15px;width: 15px;
}
.rounded_top 
{
	border-top: solid 1px #FFFFFF; font-size: 1px; height: 14px;
}
.rounded_bottom
{
	border-bottom: solid 1px #FFFFFF; font-size: 1px; height: 14px; max-height: 14px;
}
.rounded_left
{
	border-left: solid 1px #FFFFFF; font-size: 1px; width: 14px;
}
.rounded_right
{
	border-right: solid 1px #FFFFFF; font-size: 1px;width: 14px; max-width: 14px;
}
.rounded_table
{
	margin-bottom: 5px;
	margin-right: 2px;
	margin-left: 2px;
}
.rounded_table_header
{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana;
}
.rounded_content
{
	padding-top: -15px;
	margin-top: -15px;
}
.gridview_row
{
	background-color: #FFFFFF;
}
.info_div
{
	font-weight: bold;
	color: Yellow;
	display:inline;
}
.registration_error
{
	font-weight: bold;
	color: #FF0000;
	
}
.PopupStyle .ajax__combobox_itemlist  
{  
    /*position:relative !important;*/
    /*top: 10px !important; */
    position:absolute !important;
    top: 60px !important;
    left: 40px !important;
    z-index: 10000 !important;
    	  filter:alpha(opacity=100);
	  -khtml-opacity:1;
	  -moz-opacity:1;
	  opacity:1;

} 
.PopupStyleSearch1 .ajax__combobox_itemlist  
{  
    /*position:relative !important;*/
    /*top: 10px !important; */
    position:absolute !important;
    top: 87px !important;
    left: 265px !important;
    z-index: 10000 !important;
    	  filter:alpha(opacity=100);
	  -khtml-opacity:1;
	  -moz-opacity:1;
	  opacity:1;

} 
.PopupStyleSearch2 .ajax__combobox_itemlist  
{  
    /*position:relative !important;*/
    /*top: 10px !important; */
    position:absolute !important;
    top: 113px !important;
    left: 265px !important;
    z-index: 10000 !important;
    	  filter:alpha(opacity=100);
	  -khtml-opacity:1;
	  -moz-opacity:1;
	  opacity:1;

} 
.gridview_row_summary
{
	background: url(UserControls/summary_row.png);
	
}


.ddl_groups
{
	width: 175px;
	margin-left:2px;
	margin-right:2px;
	margin-top: 2px;
	margin-bottom: 2px;
}
.feature_ok 
{
	background-color: #88FF70;
	color: #000000;
	text-align: center;
}
.feature_missing
{
	text-align: center;

	color: #FFFFFF;
}
.feature_table td 
{

	border: solid 1px #FFFFFF;
	border-radius: 5px;
}
.feature_table th
{
	text-align: center;
	border: solid 1px #FFFFFF;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
}
.feature_table
{
	width: 100%;
	font-size: 13px;
}
.feature_description
{	 
	text-align: justify;
	
	padding-left: 5px;
}
.feature_table a
{
	color: #000000;
	font-weight: bold;
}
div 
{
	border-radius: 5px;
}	
table 
{
	border-radius: 5px;
}
.statusMapView
{
	min-height: 400px !important;
	z-index: 0;
}
.rounded_corners
{
	border-radius: 5px;
	border: solid 1px #000000;
}
.ajax__colorPicker_container
{
	z-index: 10000 !important;
    filter:alpha(opacity=100);
	-khtml-opacity:1;
	-moz-opacity:1;
	opacity:1;
}
.ajax__colorPicker
{
	z-index: 10000 !important;
    filter:alpha(opacity=100);
	-khtml-opacity:1;
	-moz-opacity:1;
	opacity:1;
}
.ajax__calendar_container { position: relative; }
.dateselection 
{
	 position: fixed;
	  top: 200px;
	  left: 50%;
	  margin-left: -360px;
	  z-index: 100;
	  background-color: #FFFFFF;
	  filter:alpha(opacity=100);
	  -khtml-opacity:1;
	  -moz-opacity:1;
	  opacity:1;
	  width: 400px;
	  border: solid 1px #000000;
}

.void_invoice_row
{
	background-image: url(images/invoice_void.gif);
	background-color: #F2F2F2;
	border: solid 1px #C0C0C0;
}
.overdue_invoice_row
{
	background-color: #FFB6A8;
	border: solid 1px #000000;
}
.paid_invoice_row
{
	background-color: #BEFFBC;
	border: solid 1px #C0C0C0;
}
.setting_cell
{
	padding-left: 10px;
	padding-right: 5px;
	height: 26px;
}
.wml-marker 
{
	    filter:alpha(opacity=90);
	-khtml-opacity:0.9;
	-moz-opacity:0.9;
	opacity:0.9;
}
