a, a:hover, a:link, a:visited, a:active, a:hover {text-decoration: underline; color: #003168;}
td {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
.tabs {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003168; font-weight: bold;}
.featurelink { font-family: Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; color: #003168; font-weight: bold;}
.textlink { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003168;}
a.addLink, a.addLink:hover { text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 2px solid #003168; color:#EEEEEE; font-weight: bold; background-color:#003168;}
 
.footer { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #888888;}
.button {font-family: Arial; font-size: 8pt; color:#EEEEEE; font-weight: bold; background-color:#003168;}
.reversebutton {font-family: Arial; font-size: 8pt; color:#EEEEEE; font-weight: bold; background-color:#003168;}
.leftDividerBorder {border-left: 1px dotted #000000}
.mainDialogTable {background-color:#F0F0E8; border: 2px solid #003168;}
.reverseDialogTable {background-color:#F0F0E8; border: 2px solid #003168;}
.labelFont {font-family: Arial; font-size: 10pt; color:#000000;}
.expireDateExpired {color: red}
.smallFont {font-family: Arial; font-size: 8pt; color:#000000;}
.speciallabelFont {font-family: Arial; font-size: 8pt; color:#F87703; font-weight: bold;}
.importantlabelFont {font-family: Arial; font-size: 10pt; color:#000000; font-weight: bold;}
.fieldFont {font-family: Arial; font-size: 10pt; color:#000000; font-weight: bold;}
.pageHeading {font-family:Arial; color:#003168; font-size:16pt; font-weight: bold;}
.h1Div {font-family:Arial; color:#003168; font-size:16pt; font-weight: bold;}
.h2Div {font-family:Arial; font-size:10pt; color:#FFFFFF; font-weight: bold; background-color:#003168; text-align:left}
.h3Div {color:#003168; font-family:Arial; font-size:10pt; font-weight: bold;}
.reportsprogressfont {color:#003168; font-family:Arial; font-size:10pt; font-weight: bold;}
.trailqueryprogressfont {color:#003168; font-family:Arial; font-size:10pt; font-weight: bold;}
.drag {position: relative; cursor: pointer}
.grayOutputRow {background-color:#DCDCDC;}
.customIgnitionOnRow {background-color:#99FF99;}
.customIgnitionOffRow {background-color:#FF5050;}
.customIgnitionOnRowChangeDevice {background-color:#669933;}
.customIgnitionOffRowChangeDevice {background-color:#FF3300;}
.darkGrayOutputRow {background-color:#DDDDDD;}
.reportsredpagenumber {color: #FF0000;}
tr.msgtd {padding-left: 12px;}
.reportsheadingfont {font-size: 16pt; font-weight:bold;}
.reportsvehiclelabel {font-size: 7pt; font-family:Arial;}
.mlogheader {font-family: Arial; font-size: 10pt; color:#FFFFFF; font-weight: bold;}
.mlogtimezone {font-family: Arial; font-size: 8pt; color:#FFFFFF; TEXT-DECORATION: none;}
.mdimportantlabelFont {font-family: Arial; font-size: 10pt; color:#800000; font-weight: bold;}
.mdlabelFont {font-family: Arial; font-size: 10pt; color:#800000;}

tabSelected {background-color:#003169; border-top: 1 solid #000000; border-right: 1 solid #000000 ; border-left: 1 solid #000000; border-bottom: 0}
tabUnselected {background-color:#003169; border-top: 1 solid #000000 ; border-right: 1 solid #000000 ; border-left: 1 solid #000000; border-bottom: 1px solid #ffffff}
td.selectedTabCell {BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; background-color:#003169}
span.selectedTabText {font-weight: bold; font-family:Arial; font-size: 10pt; color: #ffffff}
span.unselectedTabText {font-weight: bold; font-family:Arial; font-size: 10pt; color:#c0cfdc }
td.unSelectedTabCell {BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; background-color:#003169}

.serviceremindersections {height: 10px;border-bottom: 1px solid #003168; font-size:5px;}

tr#calendar {background-color:#003168;}
div#calendar {background-color:#ffffff;}
div#calendar table {margin:0;}

div#calendar th , div#calendar td {padding: 1px;}

.customizeMapTableActionButton{width:70px}
.customizeMapTableSubmitButton{width:50px}

.yui-dt-col-deviceName .msgdir {
	font-weight: lighter;
	font-size: smaller;
	font-style: italic;
}
.disabled
{
 background-color: #e2e2e2;
 border: #d2d2d2 1px solid;
 color: #848284;
 cursor: default;
}

div.sendLocationDialogBody label.message {
	display:block;
}


.sendMessageDialogBody .inputMessage {
	width: 360px;
	height: 100px;
}
/* This fixes a problem where the header of dialogs would not display on top of the applet in FireFox */
.yui-skin-sam .yui-panel .hd {
	background-color:#F2F2F2;
}
/******************************************************************/
/* Styles for the device selection on send garmin messages dialog */
/* defined in sendGarminMessageDialog.js */
/******************************************************************/
.deviceSelectionAC .yui-ac-input { position:static;width: 170px; vertical-align:middle; margin-right: 0px;}
.deviceSelectionAC .yui-ac-container { 
	width:170px;left:0px;
    height:5em; overflow:auto; overflow-x:hidden; /* set scrolling */
	}

/* Make the Auto Complete select area scroll */
.deviceSelectionAC .yui-ac-content {
    width:170px;max-width:170px;
}


/* buttons */
.deviceSelectionAC .yui-button {vertical-align:middle;}
/*.deviceSelectionAC  .yui-button, .deviceSelectionAC  .yui-button button { height: 15px; }*/
.deviceSelectionAC .yui-button button {background: url(../js/images/auto-complete/ac-arrow-rt.png) center center no-repeat }
.deviceSelectionAC .open .yui-button button {background: url(../js/images/auto-complete/ac-arrow-dn.png) center center no-repeat}

.deviceSelectionAC .yui-button, .deviceSelectionAC .yui-button button {
	margin-left: 0px;
}
.deviceSelectionAC .yui-button button, .deviceSelectionAC .yui-button a, .deviceSelectionAC .yui-button a:visited {
	min-height: 20px;
	height: 20px;
}

.landmarkTab .sg-combo-box .yui-ac-input {
	width: 300px;
}

div.sendLocationDialogBody #latLonTab span.landmarkInputLon, div.sendLocationDialogBody #latLonTab span.landmarkInputLat{
	display: block;
}
div.sendLocationDialogBody #latLonTab input.landmarkInputLon, div.sendLocationDialogBody #latLonTab input.landmarkInputLat{
	width: 300px;;
}

/* custom styles for inline instances */
.sg-combo-box .yui-ac-input { 
	position:static;
	width: 275px; 
	vertical-align:middle;
	margin-right: 0px;
}

.sendMessageDialogBody .addDevOption {
	margin-left: 5px;
	margin-right: 5px;
}

.sendMessageDialogBody .hidden-sg-combo-box {
	visibility: hidden;
}

.deviceStopsDialogBody .sg-combo-box .yui-ac-input {
	width: 360px;
}
.deviceStopsDialogBody .addStopsOptions .addButton {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;

	vertical-align:middle;
}

.sendMessageDialogBody .sg-combo-box .yui-ac-input {
	width: 225px;
}
.sg-combo-box .yui-ac-container 
{
    z-index: 1;
}


.sg-combo-box .yui-ac-content {
	background-color: white;
	width: 100%;
	height:5em; overflow:auto; overflow-x:hidden; /* set scrolling */
}

/* buttons */
.sg-combo-box .yui-button
{vertical-align:middle;}

.sg-combo-box .yui-button button
{background: url(../js/images/auto-complete/ac-arrow-rt.png) center center no-repeat }

.sg-combo-box .open .yui-button button
{background: url(../js/images/auto-complete/ac-arrow-dn.png) center center no-repeat}

.sg-combo-box .yui-button, div.deviceSelectionAC .yui-button button 
{
	margin-left: 0px;
}
.sg-combo-box .yui-ac-input {
	min-height: 18px;
	height: 18px;
}

.sg-combo-box .yui-button{
	border: none;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}
.sg-combo-box .yui-button button, .sg-combo-box .yui-ac-input {
	border: 1px solid #000000;
}

.sg-combo-box .yui-button button{
	/*min-height: 1.3em;*/
	height: 20px;
	min-height: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.sg-combo-box .button-container {
	margin: 0px;
	padding: 0px;
}
.sendLocationDialogBody {
	line-height: 2.0em;
}
.yui-skin-sam .sendLocationDialogBody .yui-navset .yui-nav  a em ,
.yui-skin-sam .sendLocationDialogBody .yui-navset .yui-nav .selected a em {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	padding-right: 4px;
}

.yui-skin-sam .sendLocationDialogBody .yui-navset .yui-content, 
.yui-skin-sam .sendLocationDialogBody .yui-navset .yui-navset-top .yui-content {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.sendLocationDialogBody input, .sendMessageDialogBody input 
,.sendLocationDialogBody select, .sendMessageDialogBody select {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;
}

.sendLocationDialogBody .displaySelectedLandmarkAddress {
	padding-left: 10px;
}
.sendLocationDialogBody .landmarkInputAddress {
	width: 319px;
}
input.invite {
	color: #AAAAAA;
}
.sendLocationDialogBody .landmarkInputCity {
	width: 200px;
}
.sendLocationDialogBody select.landmarkInputState {
	margin-right: 1px;
	margin-left: 1px;
	width: 55px !important;
}
.sendLocationDialogBody .landmarkInputState {
	width: 53px ;
}
.sendLocationDialogBody .landmarkInputZip {
	width: 50px
}

.sendLocationDialogBody .landmarkInputName {
	width: 275px
}

.sendLocationDialogBody .inputMessage {
	width: 360px;
	height: 100px;
	margin-bottom: 0px;
}
.sendLocationDialogBody .messageCharCountLine,
.sendMessageDialogBody .messageCharCountLine {
	line-height: 19px;
	margin:0px;
	text-align:right;
}

.deviceStopsDialogBody .yui-dt td { white-space: nowrap}
.deviceStopsDialogBody .yui-dt th { text-align: left}
.deviceStopsDialogBody yui-dt-scrollable table { width: 100%}

.deviceStopsDialogBody .yui-dt th.delete_button,
.deviceStopsDialogBody .yui-dt th.moveup_button{
	padding-right: 1px;
	border: none;
}

.deviceStopsDialogBody .delete_button div.yui-dt-liner,
.deviceStopsDialogBody .moveup_button div.yui-dt-liner,
.deviceStopsDialogBody .movedown_button div.yui-dt-liner {
	padding: 2px;
}

.deviceStopsDialogBody .yui-dt-data .delete_button div.yui-dt-liner {
	cursor: pointer;
	background: transparent url("../js/images/datatable/delete.gif") center center no-repeat;
}
.deviceStopsDialogBody .yui-dt-data .moveup_button div.yui-dt-liner {
	cursor: pointer;
	background: transparent url("../js/images/datatable/upButton_off.gif") center center no-repeat;
}
.deviceStopsDialogBody .yui-dt-data .movedown_button div.yui-dt-liner {
	cursor: pointer;
	background: transparent url("../js/images/datatable/downButton_off.gif") center center no-repeat;
}
.deviceStopsDialogBody .yui-dt-data .moveup_button div.yui-dt-liner:hover {
	background: transparent url("../js/images/datatable/upButton_over.gif") center center no-repeat;
}
.deviceStopsDialogBody .yui-dt-data .movedown_button div.yui-dt-liner:hover {
	background: transparent url("../js/images/datatable/downButton_over.gif") center center no-repeat;
}

.deviceStopsDialogBody .yui-dt-data .yui-dt-first .moveup_button div.yui-dt-liner, .deviceStopsDialogBody .yui-dt-data .yui-dt-first .moveup_button div.yui-dt-liner:hover {
	cursor: default;
	background: transparent url("../js/images/datatable/upButton_disabled.gif") center center no-repeat;
} 

.deviceStopsDialogBody .yui-dt-data .yui-dt-last .movedown_button div.yui-dt-liner, .deviceStopsDialogBody .yui-dt-data .yui-dt-last .movedown_button div.yui-dt-liner:hover {
	cursor: default;
	background: transparent url("../js/images/datatable/downButton_disabled.gif") center center no-repeat;
}