/*A-Z Index*/
#divAlpha {padding:0px;background-color:#ffffff;color:#336699;}
#divAlpha a {background-color:#ffffff;padding:1px 5px;text-decoration:underline;color:#999999;margin-left:1px;font-size: 1.2em; font-weight: bold;}
#divAlpha a:hover {background-color:#ffffff;text-decoration:underline;font-size: 1.2em; font-weight: bold;}
#divAlpha SPAN {width:100%;}
.divindex {margin-top:20px;}

#divIndexLeft {margin-top:20px;}


/* General content -------------------------------------------------------*/
.grdView {width:100%;}
.grdView th, tr, td {border-style: hidden;}
.grdView th {background-color:#fff;}
.grdView table {color: #000; }


/* Equipment */
#newequipment {}
.equipmentcontainer {margin:0;padding:0;clear:both;padding-top:30px;}
.productsquare {width:150px;float:left;cursor:pointer;text-align:center;margin:20px 0;}
.productsquare img {margin-bottom:5px;}
.productsquare span {text-decoration:none;font-size:11px;color:#004296;}
.productsquarehover {width:150px;float:left;cursor:pointer;text-align:center;margin:20px 0;}
.productsquarehover img {margin-bottom:5px;}
.productsquarehover span {text-decoration:underline;font-size:11px;color:#004296;}
#newequipmentproductfamily {padding-top:70px;}
#newequipmentproductfamily #modelimagecontainer {float:left;width:150px;}
#newequipmentproductfamily #modellistcontainer {float:left;padding:0;}
#newequipmentproductfamily #availablemodeltitle {font-weight:bold;width:100%;}
#newequipmentlist table {}

#newequipmentlist #introdiv {margin-bottom:20px;}
#newequipmentlist #introdiv #description {float:left;width:60%;}
#newequipmentlist #introdiv #machineimage {float:left;width:30%;padding-top:10px;}
#newequipmentlist .newequipmenttableheader {background-color:#FFF;font-size:1.5em;}
#newequipmentlist #featuretable {font-size:1.1em;}
#newequipmentlist .subfeatures {border:solid 1px gray;padding:0.5em;display:none;}


/* tabs */
#tab { padding: 0px; margin: 0px; list-style-type: none;margin: 25px 0 0 0;}
#tab li {list-style-type: none; float: left; padding: 0px; margin:0; margin-right:4px; background: url(../_images/layout/tab_rightblue.gif) no-repeat right top;}
#tab a { line-height:12px;padding: 6px 13px 3px 15px; display: block; font-size: 10px; background: url(../_images/layout/tab_leftblue.gif) no-repeat left top; COLOR: #000;TEXT-DECORATION: none}
#tab a:hover { text-decoration: underline;}
#tab li.selected { background-image: url(../_images/layout/tab_rightwhite.gif)}
#tab li.selected A {background-image: url(../_images/layout/tab_leftwhite.gif); color:#FDD947;}
.tabdiv {display:block;width:90%;border-top:solid 3px black;padding-top:10px;float:left;margin-bottom:20px;}
.notabdiv {display:none;}
.printtitle {display:none;}

/* Search */
#searchdiv {font-size:1.1em;}
#searchdiv .s {width:100%;}

/* Locations */
#mapcontainer {background-color:#fff;border:solid 0px #E5E2DC;padding-top:1.5em;}
#mapnav {width:20%;float:left;padding:0;margin:0;}
#map {width:79%;height:400px;float:right;background-color:#F2EFE9;border:solid 1px #000;}
#mapnav h3 {margin:0;border-bottom:solid 1px #E5E2DC;font-size:1.4em;padding:.5em 0;padding-top:0; text-align:center;margin-bottom:1em;float:left;width:100%;}
#mapnav table td, #mapnav table {border:none;padding:0;margin:0;line-height:.8em;}
#mapnav li, #mapnav ul {list-style-type:none;}
#mapLocation {display:none;}
.bubble {font-family: Arial, Verdana, sans-serif;padding-bottom:20px;}
.bubble h1 {font-size:1.2em;margin:0;padding:0;margin-bottom:5px;font-weight:bold;}
.bubble p {font-size:1em;margin:0;padding:0;}
.maplinks {float:left;width:100%; }
.maplinks li {list-style-type:none;background:url(../images/mapbullet.gif) no-repeat left .8em;padding-left:1.3em;margin-bottom:.5em;}
.maplinks a {font-size:1.2em;}
.treeview table tr td, .treeview div {padding:0;margin:0;border:none;}


/* classes for alternating table rows */
.even {background-color: #fcfcfc;}
.odd {background-color: #f2f2f2;}

/*Employment*/
#jobdetails {font-size:1.2em;}

/*Publications*/
.ttIssues {
	width: 49%;
	float:left;
	padding: 20px 0 5px 0;
	border-bottom: 0px solid #e2e8ed;
	margin-right:1%;
}

.download {color:#004296;text-decoration:underline;}
.ttIssueshover {
	width: 49%;
	float:left;
	padding: 20px 0 5px 0;
	border-bottom: 0px solid #e2e8ed;
	background: #fff url(/_images/layout/cardbg.gif) repeat-x bottom;cursor:pointer;
	margin-right:1%;
}


.ttIssues img {
	float: left;
	padding-right: 10px;
}

.ttIssueshover img { 
	float: left;
	padding-right: 10px;
}


.ttMain {
	width: 100%;
}
.ttMain img {
	float: left;
	padding-right: 20px;
}

/* Services - machine - maintenance- undercarriage */

.genImgCol {
	width: 100%;
	padding: 20px 0 5px 0;
	border-bottom: 1px solid #ccc;
}
.genImgCol img {
	float: left;
	padding-right: 10px;
}

.ucTable {
	width: 100%;
	font-size: 1.1em;
	background-color: #eee;
	border: 1px solid #000;
	border-collapse: collapse;
}
.ucTable td {
	border: 1px solid #000;
}
.ucTable th {
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px;
	background-color: #666;
	border: 1px solid #000;
}
.ucWhiteCell {
	background-color: #fff;	
}

/*  Form related styles for column display */

.formRow {
	clear: both;
	padding-top: 10px;
	font-size: 1.2em;
}	
.formLabel {
	float: left;
	width: 150px;
	padding-left: 10px;
}	
.formField {
	float: left;
}


/* rental tables */

.genericTable {
	width: 100%;
	font-size: 1.1em;
	background-color: #eee;
	border: 1px solid #000;
	border-collapse: collapse;
}
.genericTable td {
	border: 1px solid #000;	
}
.genericTable th {
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px;
	background-color: #666;
	border: 1px solid #000;
}


/* amperage chart */
#psAmp td {text-align: center;}

/* generic container for left/right column display */
.genContainer { 
	width: 100%;
	clear: both;	
}
.genContainer:after { content: ""; display: block; height: 0; clear: both; }
.genDivLeft {
	float: left;
	padding-top: 20px;	
}
.genDivRight {
	float: left;	
	width: 50%;
	padding: 20px;
}

/* for floating images left / right with text*/
.genImgDivL {
	width: 100%;
	clear: both;
}
.genImgDivL:after { content: ""; display: block; height: 0; clear: both; }
.genImgDivL img {
	float: left;
	padding-right: 10px;
}
.genImgDivR {
	width: 100%;
	clear: both;
}
.genImgDivR:after { content: ""; display: block; height: 0; clear: both; }
.genImgDivR img {
	float: right;
	padding-left: 10px;
}


/* formatting for addresses */
dl.address { padding: 10px; }

/* to do:

format all addresses in this way:

<dl class="address">
  <dt>Address:</dt>
  <dd>ABC Widgets, Inc.</dd>
  <dd>100 - 1234 West Main Street</dd>
  <dd>Anytown, State</dd>
  <dd>Zip<dd>
  <dt>Ph:</dt>
  <dd>555-555-1234</dd>
  <dt>Fax:</dt>
  <dd>555-555-1234</dd>
</dl>

*/

/* These classes are used with tableHighlight.js */
	
.tableRollOverEffect {
	background-color: #999;
	cursor: pointer;
	color: #FFF;
	text-decoration: underline;
}
.tableRowClickEffect {
	background-color: #0066CC;
	color: #FFF;
}

/* employment table rows */

.empRowA {background-color:#fff;}
.empRowB {background-color:#f6f6f6;}

/* right hand phone number column - power systems contacts*/

.phoneCell {
	width:120px;
}