/*
	Style CSS Document [Website and Type styling]
	Author: Echidna Solutions Corp - support@echidna.ca
*/

@media screen,projection{
/*
	=TYPE
*******************************/
html,body{font-size:86%;text-align:center;font-family:Arial, Helvetica, sans-serif;}



/*ELEMENTS*/
a{}
a:link{text-decoration:none; color: #0055A5; font-weight: bold;}
a:visited{text-decoration:none; color: #0055A5; font-weight: bold;}
a:hover{text-decoration:none; color: #FEEC28; font-weight: bold;}
a:active{text-decoration:none; color: #FEEC28; font-weight: bold;}
h2{font-size:1.7em; color:#0055a4; letter-spacing:0.08em; margin-bottom:12px;}
h3{letter-spacing:0.05em; margin-top:10px; color:#0055a4; font-size:1.5em; margin-bottom:4px;}
h4{font-size:1.3em; color:#0055a4; letter-spacing:0.08em; margin-bottom:12px; line-height: 1.3em}
input{padding:0; line-height:1.25em; vertical-align:middle;}
p{margin-bottom:8px;}

/*
	=HEADER STYLING
*******************************/
#header h1 a{position:absolute; left:0; text-indent:-9999px; border:none;}
#header h1 a{width:205px; height:69px; top:8px; left:15px; background:url(../images/logo_locationsms.jpg) top center no-repeat;}

#c_panel a{font-weight:bold; color:#000; text-decoration:none;}
#c_panel a.current{font-weight:bold; color:#0055a4;}
#c_panel a:hover{text-decoration:underline;}

/*
	=NAVIGATION
*******************************/

/*
	=primary navigation
*******************************/
#navigation_primary{font-family:Verdana, Arial, Helvetica, sans-serif;}
#navigation_primary h3{position:absolute; text-indent:-9999px; overflow:hidden;}


/*
	=secondary navigation
*******************************/
/*
	=container
*******************************/
#container li{
	list-style-type: circle;
	list-style-position: inside;
	margin-left: 6px;
}

/*
	=CONTENT
*******************************/
#content_secondary h3{letter-spacing:0.05em; margin-top:0px; color:#0055a4; font-size:1.5em; border-bottom:1px solid #0055a4; padding-bottom:3px; padding-top:0; }
#content_primary th{color: #0055A5;	font-style: italic;	font-size: 1em;	padding: 4px;}
#content_primary td{padding-top: 5px; padding-bottom: 5px;}
/*
	=SITE INFO
******************************************/
#site_info h4{position:absolute; text-indent:-9999px; overflow:hidden;}
#site_info p{ font-size:0.9em;}
#site_info p a{color:#0055a4; font-weight:bold;}
#site_info a:link, #site_info a:visited{text-decoration:none;}
#site_info a:hover, #site_info a:active{text-decoration:underline;}



/*
	=USED EQUIPMENT
*******************************/
.usedblock {
	background-color: #eeeeee;
	padding: 0.5em;
	width: 95%;
	vertical-align: top;

}
.usedimage {
	border: 50px groove #000000;
	margin-left: 0px;
	padding-left: 0px;
}
.usedtxt {
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0.5em;
	margin-top: 0em;
}
.usedhead {
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0054A4;
	padding-left: 0.5em;
}
.usedhead2 {
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0054A4;
	margin-bottom: 0px;
	width: 100%;
	padding-right: 0.5em;
	margin-left: 0.5em;
}
.usedfloatright {
	float: right;
	padding-right: 5px;
}
.usedsmall {
	font-size: 0.em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0.5em;
	margin-bottom: 0px;
	font-size: 0.7em;
	margin-top: 0px;
}
.usedcontact2 {
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 5.5em;
	margin-top: 0em;
}
.usedvehicletype {
	color: #FFE800;
	text-transform: uppercase;
}
.usedtable {
	margin-top: 2px;
}
.usedstatus {
	font-size: 0.em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	border: 1px solid #000000;
	background-color: #FFE800;
	background-position: center center;
	padding: 2px;
	width: 94px;
	text-align: center;
}

div.equipmentphoto
{
	float:right;
	margin-left:10px;
	border:1px solid #EEE;
	
}

img.floatRight
{
	float:right;
	margin-left:10px;
}

img.floatLeft
{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

div.equipmentphoto img
{
	padding:5px;
}


div.equipmentthumbphoto
{
	float:right;
	margin-left:10px;
	border:1px solid #EEE;
	
}

div.equipmentthumbphoto img
{
	margin:5px;
	border:5px solid white;;
} 

/*
	=CAREERS SECTION
*******************************/

div#options
{
	padding:5px 0px;
}

table.grid
{
	width:100%;
}

 table.grid td
{
	padding:4px;
}

table.grid tr.even
{
	background-color:#EEEEEE;
}

table.grid tr.odd
{
	background-color:#FFFFFF;
}

table.grid tr:hover
{
	background-color:#F1DFD8;
}

table.grid th
{
	padding:4px;
	background-color:#CCCCCC;
	color:#333333;
	text-align:left;
	font-weight:normal;
}

 table.form
{
	width:100%;
	clear:right;
}

 table.form td.label
{
	background-color:#DDD;
	padding:4px;
}

 table.form td.data
{
	background-color:#EEE;
	padding:4px;

}


div#options img
{
	margin-right:4px;
}

div#validation
{

	background-color:#FFFFC6;
	border-top:1px solid #FFCC00;
	border-bottom:1px solid #FFCC00;
	width:100%;
	margin:10px 0px;
}

div#validation p
{
	padding:2px 0px 0px 25px;
	margin:3px;
	background-image:url(../images/alert.gif);
	height:20px;
	background-repeat:no-repeat;
	font-size:100%;
}

div#posting
{
	padding:10px 10px;
	margin:0px 0px;
	border:0px solid #000099;
	background-color:#DEE9F2;
	font-size:95%;
	max-width:455px;
	
}

div#posting table tr td.label
{
	color:#0055A5;
	font-weight:bold;
	vertical-align:top;
	padding-top:5px;
	width:95px;
}

div#posting table tr td.data
{
	padding-top:5px;
	padding-left:10px;
	vertical-align:top;
	width:360px;
}

div#controls
{
	text-align:right;
	margin:10px 0px;
}

div#postings
{
	margin-bottom:50px;
}

div#careers h3
{
	margin-top:0px;
}


div.provinceDiv
{
	font-size:95%;
	display:none;
}

div.provinceDiv span.listing
{
	width:150px;
	display:block;
	float:left;
	padding-right:3px;
}

div.provinceDiv span.listing_container
{
	display:block;
	float:left;
	border-bottom:1px solid #DDD;
	width:236px;
	
}

div#careers_banner_en
{
	background-image:url(../images/banner_careers_en.jpg);
	height:82px;
	width:100%;
	margin-top:5px;
	background-repeat:no-repeat;
	background-color: #1867b4;

}

div#careers_banner_fr
{
	background-image:url(../images/banner_careers_fr.jpg);
	height:82px;
	width:100%;
	margin-top:5px;
	background-repeat:no-repeat;
	background-color: #1867b4;

}
/*
	=LOCATIONS SECTION
*******************************/
#locations {width:235px;}
#locations h2{border-bottom:1px solid #0055a4;}

}