/*BASICS*/
body {color:#000;font-family:Droid Sans,Helvetica,Calibri,Tahoma; padding: 0 0 10px 0;}
a, a:visited {color:#454545}
a:hover, a:focus {color:#666633}

img {border:0px}
p, li {font-size:.875em}
h1 {font-size:1.1em;}
h2 {font-size:.938em}
h3 {font-size:.875em}
h4 {font-size:.814em}
h5 {font-size:.750em}
h6 {font-size:.689em}

#TopBar {padding:6px;border-radius:3px;margin:3px;
	background:#666633;color:white;
	background:-webkit-gradient(linear,left top,left bottom,from(#666633),to(#454545));
	background:-moz-linear-gradient(top,#666633,#454545);
	background:-o-linear-gradient(top,#666633,#454545);
	background:-ms-linear-gradient(top,#666633,#454545)}
#Searchbox {padding-bottom:4px; color:white}
.logoimg {margin:6px 4px 4px 4px;height:75px;border-radius:3px}
.bannerimg {width:600px;height:75px;margin: 0px 2px 4px 4px;border-radius:3px}
.titleimg {width:580px;border-radius:3px;margin:2px;}
#Page {background: #fff;width:770px;
  padding:20px;margin: 0 auto;border-radius:6px;box-shadow:3px 3px 10px #3D3D3D}
#Left-column {width: 135px;float: left}
#Right-column { width: 600px; float:right; padding:4px}
#Content {width:584px; margin:auto}
/**MENU**/
#nav a {
  display:block;height:25px;width:133px;
  padding:8px 10px 0px 3px;margin:3px; 
  text-decoration:none;
  border:0px;color:#000;background-color:#999900;
  text-align:center;font-weight:bold;font-size:13px;
  box-shadow:2px 1px 5px #999; border-radius:3px;
  background:-moz-linear-gradient(top,#999900 0%,#666633 100%); 
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#999900), color-stop(100%,#666633)); 
  background: linear-gradient(top, #999900 0%, #666633 100%)}
#nav a:hover {color:white; background-color: #666633;box-shadow:3px 3px 10px #3D3D3D}
.pagetitle { font-size:28px;margin:4px;padding:4px;text-shadow: 1px 1px #ccc}
.hometitle {font-size:24px;margin:0px 0px 5px 0px;}
.icon16 {height:16px;width:16px;vertical-align:top}
.icon24 {height:24px;vertical-align:middle}
#footer {margin-left:135px;padding-top:20px}

#BrandWrapper { }
#PrimaryBrandBar {

  height:28px;  padding:2px;
  text-align:center;
  box-shadow:3px 3px 20px #999;
	background: #fff; 
	background:-moz-linear-gradient(top,#fff 0%,#f3f3f3 50%,#ededed 51%,#fff 100%); 
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff), color-stop(50%,#f3f3f3),color-stop(51%,#ededed),color-stop(100%,#fff))}
#SecondaryBrandBar {
  height:26px;padding:2px;
  text-align:center;

  box-shadow:3px 3px 20px #999;
	background: #fff;
	background:-moz-linear-gradient(top,#fff 0%,#f3f3f3 50%,#ededed 51%,#fff 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff), color-stop(50%,#f3f3f3),color-stop(51%,#ededed),color-stop(100%,#fff));}
#PrimaryBrandBar img {height:18px}
#SecondaryBrandBar img {height:12px;margin 0 10px 0 10px}

.trail {border-radius:3px;box-shadow:1px 1px 1px #ddd;
  background-color:#eee;padding:5px; margin-bottom:10px;
	background: -moz-linear-gradient(top,#f3f3f3,#ededed);
	background: -webkit-linear-gradient(top,#f3f3f3,#ededed);  

}
/**COLORS GRADIENTS AND STYLE**/
.darkgreen {color:#666633}
.lightgreen {color:#787800}
/*light green gradient, like menu */
.lightgradient { 
  padding:4px;
  border:1px #999900 solid;border-radius:6px;
  background: #999900; 
  background:-moz-linear-gradient(top,#999900 0%,#666633 100%); 
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#787800), color-stop(100%,#666633))
  }
/*dark green gradient*/
.darkgradient {background:#666633;color:white;
	background:-webkit-gradient(linear,left top,left bottom,from(#666633),to(#454545));
	background:-moz-linear-gradient(top,#666633,#454545)}
/*dark green with rounded border, for top*/
.dg {border:1px #666633 solid; background-color:#666633;border-radius:3px}
/*form inner shadow*/
.dgi {border:1px #fff inset;border-radius:3px;background-color:#fff;margin:2px;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2)}
/*shadow class for images n such*/
.shadows {margin:3px;box-shadow:3px 3px 20px #999}
/*shadows for darker backgrounds*/
.darkshadows {box-shadow:3px 3px 20px #3D3D3D; }
.rounded4 {border-radius:4px;}
/*support old style alt paragraph colors, gray supports form legends */
.green {background-color:#787800;
 color:#fff; padding:4px;margin:4px;border-radius:4px;}
.gray {background-color:#eee;
  padding:4px;margin:2px;border:1px #ddd solid;border-radius:4px}
.hidden {display:none}
.visible {display:block}
.definition {border-bottom:1px black dashed}
/**FORMS**/
fieldset {
  margin:3px 0 3px 0; 
  padding:4px; 
  border:1px #ccc solid;
  border-radius:4px
}
legend {text-transform:uppercase}
label {font-weight:bold; display:block; color:#000; margin: 3px 0 3px 0}
input, textarea, select {
	margin:2px;
  border:1px #ccc solid;
  border-radius:3px;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}
.required {border:1px red solid;background-color:#FFFFE0}
textarea:focus, input:focus, select:focus search.focus {background-color:#F5FFFA}
.iwrap {float:left;padding:2px}
.iwrap label {display:block}
/**ACCESSORIES*/
.vcard {width:315px;padding:10px;margin:10px;
  text-align:right;clear:both;border:1px #ccc solid;background-color:#fff}
.tel {font-weight:bold}
.vcard .fn {margin-top:10px;font-weight:bold}
.vcard .tel {border-bottom:1px #ccc dashed;font-size:small;font-weight:bold}
.vcard .org {font-size:small}
.vcard .title {font-size:small;margin-bottom:5px}
.vcard .adr {font-size:small;margin-bottom:5px}
.vcard .email {font-size:small;font-weight:bold}
.fl {float:left}
.fr {float:right}
.cb {clear:both}
.db {display:block}
.di {display:inline}
.tr {text-align:right}
.tl {text-align:left}
.tc {text-align:center}
.bt {border-top:1px #767600 solid;padding-top:1em}
.bb {border-bottom:1px #767600 solid}
.lts {color:#999;text-shadow:0px 3px 8px #2a2a2a}
.dts {color:#222;text-shadow:0px 2px 3px #555} 
.cp {cursor:pointer}
/*data definition, used on search/sitemap*/
dt{font-size:.85em;font-weight:bold}
dd {margin-left:10px}
#EquipmentList, #EquipmentImages, #EquipmentView {margin:15px}
#EquipmentImages, #EquipmentView {margin-bottom: 0px}
table {width:100%}
tr:nth-child(2n+1) {background-color: #FFF;}
tr:nth-child(2n) {background-color: #F0F0F0;}
.grid th.sort {cursor:pointer;
  background:transparent url('/images/grid/table_header_bg_sort.png') top right repeat-x}
.grid th.asc {background:transparent url('/images/grid/table_header_bg_sort_asc.png') top right repeat-x}
.grid th.desc {background:transparent url('/images/grid/table_header_bg_sort_desc.png') top right repeat-x}
.grid th.atr.sort {
  background:transparent url('/images/grid/table_header_bg_sort_atr.png') top left repeat-x}
.grid th.atr.asc {
  background:transparent url('/images/grid/table_header_bg_sort_asc_atr.png') top left repeat-x}
.grid th.atr.desc {
  background:transparent url('/images/grid/table_header_bg_sort_desc_atr.png') top left repeat-x}
._25 {width:23%;display:inline;float:left;margin: 0 1% 0 1%}
._33 {width:31%;display:inline;float:left;margin: 0 1% 0 1%}
._66 {width:64%;display:inline;float:left;margin: 0 1% 0 1%}
._50 {width:47%;display:inline;float:left;margin: 0 2% 0 1%}
._75 {width:73%;display:inline;float:left;margin: 0 0 0 1%}
._100 {width:98%;display:inline;float:left;margin: 0 1% 0 1%}