@charset "UTF-8";
/* CSS Document */

html {
	 height: 100%;
    margin: 0;
    max-height: 100%;
	width: 100%;
	max-width: 100%;
    overflow: hidden;
}

a {
	color: #006FB3;
	text-decoration: none;
	border-bottom: 1px dashed #006FB3;
	outline:0;
}

a:hover {
	color: #DD0F00;
	text-decoration: none;
	border-bottom: 1px dashed #DD0F00;
}

a.anchor {
	text-decoration:none;
	color: inherit;
	border: inherit;
	outline: inherit;
	
}

a.anchor:before {
	behavior: url("/css/PIE.htc");
	display:block; 
    content:""; 
    height:230px; 
    margin:-230px 0 0;
	 
}

a:hover.anchor {
}

a:focus.anchor {
	margin: 230px 0 0 0;
	display: block;
}

a:target.anchor {
	top: 230px;
display: block;
margin: 5em 0 0 0;
}

.blueBorder {
	clear: none;
}

ul.noBullet {
	float: left;
	list-style: none;
	margin:1% 0 0 0;
	padding: 0;
	width: 100%;
}

ul.noBullet.cities {
	margin:1% 0 0 15%;
	width: 85%;
}


ul.noBullet > li {
	list-style: none;
	float: left;
	width: 33%;
	margin: 0 0 1.5em 0;
	padding: 0;
	font-size: 90%;
	line-height: 1
}

ul.noBullet.cities > li {
	margin: 0 0 1em 0;
}

ul.noBullet > li > div {
	float: left;
	margin: 0 5% 0 0;
}

ul.noBullet > li > a {
	font-size: 90%;
	line-height:.9;
}

ul.noBullet > li > a {
	color: #006FB3;
}

ul.noBullet > li > a:hover {
	color: #DD0F00;
	border-bottom: 1px dashed #DD0F00;
}

ul.alphalist {
     font-size:.8em;
     margin-bottom:15px;
	 clear:both;
}

ul.alphalist li {
     height:1.2em;   
}

ul.bullet {
list-style: initial;
}

ul.bullet li {
	
	margin-left:2em;
}

#alphabar {
width: 100%;
margin: 2% 0 2% 0;
padding: 0 0 2% 0;
float: left;
overflow: auto;
border-bottom: 1px dashed #003457;
}

.alphalink {
/*behavior: url("/css/PIE.htc");*/
background: #006FB3;
display: block;
margin: 0 0 10px 5px;
float: left;
color: white;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
text-align: center;
padding: 0;
width: 45px;
height: 45px;
border-bottom: none;
line-height:230%;

}

.alphalink:hover {
background: #FFD100;
color: #970B00;
text-decoration: none;
border-bottom: none;
width: 45px;
height: 45px;
display: block;
}

.alpha-no-link {
background: #cccccc;
display: block;
margin: 0 0 10px 5px;
float: left;
color: white;
width: 45px;
height: 45px;
border-radius: 10px;
text-align: center;
padding: 0;
line-height:230%;
}


img.icon {
    float: left;
    height: 50px;
    margin: 0 5% 0 0;
    width: 50px;
}

img.big-icon {
    float: left;
    height: 100px;
    margin: 0 5% 2% 0;
    width: 100px;
}

img.special-icon {
    float: left;
    margin: 0 5% 0 0;
    width: 200px;
}

.sitemap {
		width: 98%;
	}
	
.sitemap > ul > li.active {
    background: url("../images/red_flower_bullet.png") bottom left no-repeat;
    color: #DD0F00;
	padding: 0 0 0 1.5em;
}

.sitemap em {
	font-size: 90%;
	font-style: italic;
	color: #003759;
	letter-spacing: .5;
}

	
.sitemap > h3 {
	background: #003759; /* IE6-9 */
	behavior: url("/css/PIE.htc");
	border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 0 0 0 .5em;
}

.sitemap > h3 > a {
	color: #fff;
	text-decoration: none;
	border-bottom: none;
}

.sitemap > h3:hover {
	background: #FFD100; /* IE6-9 */
	behavior: url("/css/PIE.htc");
}

.sitemap > h3:hover > a  {
		color: #003759;
}


.sitemap h4 {
	background: #006fb3; /* IE6-9 */
	behavior: url("/css/PIE.htc");
	border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: .5em 0 .5em .5em;
}

.sitemap h4 a {
	color: #DFF3FF;
	text-decoration: none;
	border-bottom: none;
}

.sitemap h4:hover {
	background: #97d7ff; /* IE6-9 */
	behavior: url("/css/PIE.htc");
}

.sitemap h4:hover > a  {
		color: #003759;
}


/* ================= Header General ================ */
#header {
	background: none repeat scroll 0 0 #FFFFFF;
    height: 230px;
    position: relative;
    max-width: 100%;
    z-index: 230;
	margin-right: 20px;
}

#header > #branding  {
	 height: 3em;
	 /*padding: 1em 0 1em 0; */
	 
}

#header > #branding > .logo {
    margin: 0 3% 0 1%;
    width: 57%;
	float:left;
}

.logo > a > img {
	height: 3em;
	border: none;
	float: left;
	
}
.logo > a {
	border: none;
	display: block;
}

.social {
float: left;
line-height: 2.25em;
margin-left: 1em;
height: 2.25em;
}

#header > img {
	position: relative;
	z-index: 200;
	float: left;
	margin: 0;
	padding: 0;
	width: 10%;
	
}

#header > a > img.right{
	position: absolute;
	z-index: 200;
	float: right;
	right: 0;
	margin: -2.75em 0 0 0;
	width:22%;
	max-width: 347px;
	display:none;
}

a#login {
	position:relative;
	float:right;
	margin-left:10px;
}

/* ================= End Header General ================ */




/* ================= Nav General =============== */

#nav {
	width: 100%;
	float: left;
	position: relative;
	z-index: 200;
}

#nav > ul {
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}

#nav > ul > li {
    display: block;
    float: left;
    font-family: "Cantata One";
    margin: 0 1% 0 0;
    vertical-align: bottom;
	line-height:1;
	white-space: pre-wrap;
}

#nav > ul > li:last-child {
	margin: 0;
}

.red {
 color: #fff;
 background: #970B00;
}

.hire {
	color: #fff;
	background: #003759;
	behavior: url("/css/PIE.htc");
}

.hire.other {
	background: #003759;
}

.jobs {
	color: #DFF3FF;
	background: #006fb3;
	behavior: url("/css/PIE.htc");
	
}

.jobs.other {
	background: #006fb3;
}

.trillium {
	color: #003759;
	background: #97D7FF;
}

.trillium.other {
	background: #97D7FF;
}

#nav > ul > li.main {
	-webkit-box-shadow: 3px 5px 5px rgba(70, 70, 70, 0.55);
	-moz-box-shadow:    3px 5px 5px rgba(70, 70, 70, 0.55);
	box-shadow:         3px 5px 5px rgba(70, 70, 70, 0.55);
	behavior: url("/css/PIE.htc");
}

#nav > ul > li.main {
		width: 73%;
		/*padding: .35em 0 .35em 1%;*/
		padding: .55em 0 .7em 1%;
		text-align: left;
		/*font-size: 125%; */
		font-size: 100%;
		behavior: url("/css/PIE.htc");
		
	}
	#nav > ul > li.other {
		width: 12%;
		padding: .5em 0;
		text-align: center;
		/*font-size: 100%;*/
		font-size: 80%;
		 line-height: 120%;
		 behavior: url("/css/PIE.htc");
	}

#nav > ul > li > a:hover {
	color: inherit;
	border-bottom: none;
}


.main .smallTitle {
	display: none;
}



/* ================= End Nav General ================ */

/* ================= SubNav General =============== */

#subNav {
	width: 100%;
	float: left;
	margin: .5em 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	z-index: 100;
	
}

#subNav > ul {
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}

#subNav > ul.whytrillium {
	padding: 0 0 0 24%;
}

#subNav > ul.jobs {
	padding: 0 12.5% 0 0;
}

#subNav > ul > li {
    color: #083D5E;
    display: block;
    float: left;
    font-family: "Open Sans", sans-serif; 
	font-weight: 600;
    margin: 0;
	padding: 1.5em .55em;
    vertical-align: bottom;
	font-size: 80%;
	text-align: center;
	height: 1em;
	white-space: pre-wrap;
}

#subNav > ul > li.active:first-child {
	/*margin: 0 0 0 -1%;*/
   
}



#subNav > ul > li.active {
	/*background: url("../images/subnav_3.png") repeat-x center bottom transparent;*/
	color: #fff;
	margin: 0 0 0 0;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-ms-border-radius: 10px 10px 0 0;
	    behavior: url("/css/PIE.htc");
	
}

#subNav > ul > li.active.trillium {
	color: #003759;
}

#subNav > ul > li.active > a:hover {
	color: #fff;
	border-bottom: 1px dashed #fff;
}

.peer li.active {
	
	margin: 0 0 -1em 0;
	color: #fff;
	background: -moz-linear-gradient(top,  rgba(0,111,179,0.95) 0%, rgba(0,111,179,0.95) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,111,179,0.95)), color-stop(100%,rgba(0,111,179,0.95))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,111,179,0.95) 0%,rgba(0,111,179,0.95) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,111,179,0.95) 0%,rgba(0,111,179,0.95) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,111,179,0.95) 0%,rgba(0,111,179,0.95) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(0,111,179,0.95) 0%,rgba(0,111,179,0.95) 100%); /* W3C */
	background: #006fb3; /* IE6-9 */
	behavior: url("/css/PIE.htc");
}

.peer li.active > a:hover {
	color: #fff;
	border-bottom: 1px dashed #fff;
}

.header {
	max-width: 100%;
	/*padding: 1em .25em .5em 1em;*/
	padding: 0.5em 0.25em 0.5em 1em;
	margin: 0 0 0 0;
	clear: both;
	position: relative;
	z-index: 0;
	overflow:hidden;
	behavior: url("/css/PIE.htc");
}


.full > .title {
	max-width: 100%;
}

.title {
	float:left;
	line-height: 1;
	width: 30%;
}

.header[class="header full hire"] > .title {
	max-width: 100%;
}

.header[class="header full hire"] > .peer {
	display: none;
}

.header[class="header full jobs"] > .title {
	max-width: 100%;
}

.header[class="header full jobs"] > .peer {
	display: none;
}

.header[class="header full trillium"] > .title {
	max-width: 100%;
}

.header[class="header full trillium"] > .peer {
	display: none;
}


.header > .title.large {
width: 50%;
}

.header > .peer.smallmenu {
width: 25%;
}


.header > .title > h1 {
	color: inherit;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	margin: 0;
	padding: 0 0 3px 0;
	/*font-size: 125%;*/
	font-size: 100%;
}

.header > .title > h1 > a:hover {
	color: #fff;
	border-bottom: 1px dashed #fff;
}

/* ================= End SubNav General =============== */

/* ================= peer General =============== */

.peer {
float: left;
margin: 0 5% 0 0;
width: 45%;
line-height: 1.15;
}

.peer > ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.peer > ul > li {
    color: #FFFFFF;
    float: right;
    font-family: "Open Sans",sans-serif;
	font-weight: 300;
    margin: 0;
    padding: 0 5%;
    text-align: center;
	border-left: 1px dashed white;
	line-height: 1;
	font-size: 80%;
}

.peer > ul > li > a:hover {
	color: #fff;
	border-bottom: 1px dashed #fff;
}

.peer > ul > li > a> .small {
	display: block;
}

.peer > ul > li:first-child {
    /*padding: 0px 2%;*/
    border-right: 1px dashed white;
}



/* ================= End peer General =============== */

/* ================= Related General =============== */

.related {
float: left;
/* margin: 0 0 -3em 20%; */
margin: 0 0 -3em 0;
padding: 0 5% 0 0;
width: 65%;
position: relative;
z-index: 200;
}


.related > ul { 
list-style: none outside none;
margin: 0px;
padding: 0px;
width: 100%;
}


.related > ul > li {
   color: white;
float: left;
font-family: "Open Sans",sans-serif;
font-weight: 300;
margin: 0 .25em 0 .25em;
padding: .5em 1.5em;
text-align: left;
background: #003759;
border-radius: 0 0 10px 10px;
-o-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-ms-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
behavior: url("/css/PIE.htc");
}

.related > ul > li > a {
	color: #fff;
	display: block;

}

.related > ul > li.active {
/* background: url("/images/action_figures/place_order.png") no-repeat center;*/
background-color:yellow;

}

.related > ul > li.active > a {
color: #E10800;
font-weight: 600;
}

.related > ul > li.active > a:hover {
color: #E10800;
font-weight: 600;
border-bottom: 1px #E10800 dashed;
}

.related > ul > li:first-child {
	margin: 0 0 0 .25em;
}

.related > ul > li > a > .small {
	display: none;
}



.related > ul > li > a:hover {
	color: #fff;
	border-bottom: 1px #fff dashed;
	display: block;
}

/* .related > ul > li.active {
    background: url("../images/red_flower_bullet.png") bottom left no-repeat;
    color: #DD0F00;
	margin: 0 0 0 2em;
} */



/* ================= End Related General =============== */


/* ================= Content General =============== */

#content {
	float: left;
    font-size: 16px;
    height: 100%;
    margin: -230px 0 -75px;
    max-height: 100%;
    overflow: auto;
    text-align: left;
    width: 100%;
    z-index: 0;
	padding: 0;
}

#content.hire {
	
}

#content.trillium {
	
}

#content > .top-padding {
	height: 230px;
	background: #fff;
}

#content > .main {
	font-family: "Open Sans", sans-serif;
	font-size: 125%;
	line-height: 170%;
	font-weight: 300;
/*	color: #003759; */
	float: left;
	/*margin: 0 0 -276px;*/
	margin: 0;
	background: #fff;
	padding: 0 2%;
    width: 76%;

}

.header > .title.x-large {
width: 98%;
}

.copy {
	/* margin: 0 22% 5% 19%; - change back to this once go live*/  
	 /*margin: 0 22% 5% 0;*/
	 margin: 0;
	 padding: 0;
	/* border-left: 1px dashed #003759; */
	/* padding: 0 0 0 2%;
	overflow: auto; */
}

.copy > p:first-child {
	margin-top: .5em;
}

.accordion h3 {
	font-family: "Open Sans", sans-serif;
	color: #003759;
	font-size: 1.05em;
}
.accordion div {
	font-family: "Open Sans", sans-serif;
	line-height: 150%;
	color: #003759;
	font-size: 1em;
}

.section h2 {
background: #003759 url(/images/halftone_dk_blue_final.png)left center;
padding: 8px;
border-radius: 10px;
color: #fff;
font-weight: 500;
}

.sidebar {
	font-size: 80%;
	width: 30%;
	border-left: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
	float: right;
	margin: 20px;
	padding: 10px;
}

.table {
	margin: 20px 0 0 0;
	padding: 5px;
}

.table td {
	padding: 5px;
}

.table.blue {
	background-color: #003759;
	color: #fff;
}

.table.lt-blue {
	background-color: #97D7FF;
	color: #003759;
}

.table.md-blue {
	background-color: #006FB3;
	color: #fff;
}

.table.white {
	background-color: #fff;
	color: #003759;
}

.left {
width: 15%;
padding: 2%;
position: fixed;
display:none;

}

.s2 {
	max-width: 100%;
	font-size: 80%;
}

#test-nav {
list-style: none;
margin: 0;
padding: 0;
}

#test-nav > li.previous > a {
background-color: #97D7FF;
width: 15%;
height: 100%;
text-indent: -9999px;
margin: -5% 0 0 0;
position: absolute;
left: 0;
z-index: 500;
opacity: .25;
border-radius: 20px;
}

#test-nav > li.next > a {
background-color: #97D7FF;
width: 15%;
height: 100%;
text-indent: -9999px;
margin: -5% 0 0 0;
position: absolute;
right: 0;
opacity: .25;
z-index: 500;
border-radius: 20px;
}

.action {
	/*  float: right; */
    line-height: 16px;
    margin: 0;
    padding: 0;
    /*width: 20%;*/
}

#content > .action > a > img {
	position: fixed;
	right: 2%;
	max-width: 18%;
	margin: 6.5em 0 0 0;
	z-index: 600;
	behavior: url("/css/PIE.htc");
	display:none;
}


#content > .action.thanks > a > img {
	margin: -5em 0 0 0;
	z-index: 200;
}

#content > .action > a > img.mobile {
	display: none;
}


#content > .bottom-padding {
	height: 75px;
	background: #fff;
	clear: both;
}

.action > a.action-button1 {
background: url("/images/action_figures/place_order.png") no-repeat;
display: block;
background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-o-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-ms-background-size: 100% 100%;
max-width: 18%;
position: fixed;
right: 2%;
text-align: center;
margin: -1% 0 1% 0;
font-size: 250%;
font-family: "Cantata One", serif;
padding: 2.5% 0 2.5% 1%;
border-bottom: none;
color: #E10800;
text-shadow: 0 -2px 0 rgba(58, 8, 6, 1), 0 -3px 0 rgba(58, 8, 6, 1);
-webkit-text-shadow: 0 -2px 0 rgba(58, 8, 6, 1), 0 -3px 0 rgba(58, 8, 6, 1);
-moz-text-shadow: 0 -2px 0 rgba(58, 8, 6, 1), 0 -3px 0 rgba(58, 8, 6, 1);
-o-text-shadow: 0 -2px 0 rgba(58, 8, 6, 1), 0 -3px 0 rgba(58, 8, 6, 1);
-ms-text-shadow: 0 -2px 0 rgba(58, 8, 6, 1), 0 -3px 0 rgba(58, 8, 6, 1);
cursor: pointer;
z-index: 600;

}
.action > a.action-button {
display: block;
max-width: 18%;
position: fixed;
right: 2%;
text-align: center;
margin: -1% 0 1% 0;
font-size: 250%;
padding: 2.5% 1% 2.5% 1%;
border-bottom: none;
background: #006fb3;
z-index: 600;
background-color:#338AC4;
border-radius: 10px;
box-shadow: 0px 0px 0px rgba(0, 0, 0, .45), inset 0px 1px 1px rgba(255, 255, 255, .25), inset -1px -1px 1px rgba(0, 0, 0, 0.15);
color: white;
text-align:center;

}

.action > a:hover.action-button {
/*background: url("/images/action_figures/place_order_hover.png") no-repeat;*/
box-shadow: 1px 1px 1px rgba(0, 0, 0, .45), inset 0px 1px 1px rgba(255, 255, 255, .25), inset -1px -1px 1px rgba(0, 0, 0, 0.15);
background:#338AC4;


}
.action > a:hover.action-button1 {
/*background: url("/images/action_figures/place_order_hover.png") no-repeat;*/
color: #FFD100;
text-shadow: 0 -2px 0 rgba(90, 73, 0, 1), 0 -3px 0 rgba(90, 73, 0, 1);
-webkit-text-shadow: 0 -2px 0 rgba(90, 73, 0, 1), 0 -3px 0 rgba(90, 73, 0, 1);
-moz-text-shadow: 0 -2px 0 rgba(90, 73, 0, 1), 0 -3px 0 rgba(90, 73, 0, 1);
-o-text-shadow: 0 -2px 0 rgba(90, 73, 0, 1), 0 -3px 0 rgba(90, 73, 0, 1);
-ms-text-shadow: 0 -2px 0 rgba(90, 73, 0, 1), 0 -3px 0 rgba(90, 73, 0, 1);
cursor: pointer;
background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-o-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-ms-background-size: 100% 100%;
max-width:18%;


}





/* ================= End Content General =============== */

#footer {
	clear: both;
    height: 75px;
    margin: 0;
    padding: 0;
    max-width: 100%;
}

#footer > img {
	float: right;
	display:none;
}

#footer > img.large {
	background: none repeat scroll 0 0 #FFFFFF;
    bottom: 25px;
    display: block;
    float: left;
    max-height: 50px;
    max-width: 100%;
    position: absolute;
	right: 20px;
	display:none;
}

#footer > .links {
	position: absolute;
	right: 20px;
	z-index: 800;
	bottom: 0;
	width: 100%;
	padding: 0;
	height: 25px;
}

#footer > .links > a {
	float: right;
	padding: .05% 4.75%;
	font-family: "Open Sans", sans-serif; 
	font-weight: 600;
	color: #fff;
	text-decoration: none;
	font-size: 70%;
	border-bottom: none;
	display: block;
	bottom: 0;
	margin: 0 0 0 .25%;
	
}

#footer > .links > a.mobile {
		display: none;
	}



#footer > .links > a:hover {
	color: #FFD100;
}

#footer > .links > a:first-child {
	border-right: none;
border-bottom: none;
margin-right: 2px;
}

#footer > .links.trillium > a {
 color: #003759;
}
#footer > .links.trillium > a:hover {
 color: #E10800;
}


/* ------------------- Inner Pages ---------------------------- */
@media screen and (max-width: 350px)
{
	
#header > #branding > #search input{
    display: none;
}


.related > ul > li > a .small{
	display: block;
}


	
}

@media screen and (max-width: 480px)
{
html {
	height: auto;
	overflow-y:auto;
	overflow-x: hidden;
}


.scroll-pane {
}

#header {
    /* height: 15.8125em; */
	margin-right: 0;
}

#header > #branding {
    height: 3.5em;
    padding: 0.25em 0;
}

.logo > a > img {
    height: 2.5em;
}

.header > .title.large {
width: 70%;
}

#content {
    /* margin: -15.8125em 0 -2em 0; */
}

#content > .main {
	padding: 2em;
	overflow-y: hidden;
}

#content > .main > p:first-child {
	padding: 0;
	margin: 0;
}

#content > .headerPadding {
    /* height: 15.8125em; */
    margin: 0;
}

#content > .footerPadding {
    /* height: 3em; */
}

#content > .action > a > img.mobile {
	height: 3em;
}

.smallTitle {
	display: block;
}

#nav .main {
	text-align: center;
}

#nav > ul > li.main {
padding: 0.35em 0px 0.3em 1%;
width: 32.6%;
font-size: 72%;
behavior: url("/css/PIE.htc");
}

img.big-icon {
    height: 65px;
    width: 65px;
}

img.icon { 
float: left;
height: 35px;
margin: 0px 5% 0px 0px;
width: 35px;
}

#subNav > ul.whytrillium {
    padding: 0;
}

#nav > ul > li.other {
	padding: .35em 0;
	width: 32%;
}

.main .smallTitle {
	display: block;
}

#subNav > ul > li {
    width: 25%;
	padding: 1.5em 0px;
	/*padding: 1em 2.5%;*/
}

#subNav > ul > li.active {
    /*height: 3em;
	margin: 0 0 -2em 0 */
}
	
#nav > ul > li.main {

}

#header > img { 
width: 25%;
margin: -.25em 0 0 0;

}

.header {
    padding: 1em 0.25em 0.5em .25em;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
    clear: both;
    margin: 0;
    position: relative;
    z-index: 0;
	behavior: url("/css/PIE.htc");
}

.header > .title > h1 {
font-size: 100%;
line-height: 1;
font-size: 80%;
}

#content > .action {
top: 1%;
right: 0;
position: absolute;
z-index: 1000;
}


#footer {
bottom: 0;
height: 6%;
padding: 0 1% 0 0;
position: fixed;
width: 100%;
behavior: url("/css/PIE.htc");
}

#footer > .links {
	margin: 3% 0 0 0;
	bottom: 0;
	right: 0;
	
}

#footer > img.large {
	right: 0;
	width: 100%;
}

#footer > .links > a {
    font-size: 60%;
	padding: 0 3% 0 3%;
}


.peer {
	margin: 0;
	width: 72%;
}


.peer > ul > li {
    color: #FFFFFF;
    font-size: 55%;
    line-height: 115%;
	padding: 0 1%;
}

.peer > ul > li:last-child {
	/*padding: 0 2%;*/
	
}

.related { 
max-width: 75%;
min-width: 75%;
padding: 0;
width: 75%;
}

.related > ul > li { 
font-size: 70%;
height: 2em;
margin: 0px 0 0px 0px;
padding: 0px 1em 0px 1em;
}


/*#footer > img.large {
	position: relative;
	bottom: auto;
}*/

	
}
@media screen and (min-width: 481px) and (max-width: 800px)
{
#header {
	/* height: 19em; */

}

#content {
	/* margin: -19em 0 -3em 0; */
}

#content > .headerPadding {
    /* height: 19em; */
    margin: 0;
}

#content > .action > a > img.mobile {
	height: 4em;
}

#content > .action {
top: 1%;
right: 20px;
position: absolute;
z-index: 1000;
}

.peer {
	margin: 0 5% 0 0;
	width: 65%;
}

/*.peer > ul > li {
    color: #fff;
	font-size: 85%;
    line-height: 115%;
	padding: 0 2%;
}*/

.peer > ul > li:last-child {
	padding: 0 2%;
	
}

.related {
padding: 0 1em 0.5em 0;
width: 70%;
max-width: 70%;
min-width: 70%;
}

.related > ul > li {
font-size: 70%;
}

.header > .title > h1 {
 /*font-size: 150%;*/
}



	
}

@media screen and (max-width: 800px) and (max-height: 480px) 
{
	
html {
	height: auto;
	overflow-y: auto;
	overflow-x: hidden;
}

#header {
	margin-right: 0;
}

#header > a > img.right{
	width:25%;
}

#header > #branding > .search {
    display: none;
}

  .small {
  display: block;
}

#subNav > ul > li {
    font-size: 75%;
    line-height: 110%;
}


.header {
   
}


#content > .main {
    text-align: left;
	font-size: 100%;
line-height: 275%;
overflow-y: hidden;
}

.small {
	display: none;
}

 #footer {
        margin-right: 0;
    }
    
     #footer > .links{
       right: 0;
    }
    
     #footer > img.large {
     	right: 0;
     }


}


@media screen and (max-width: 480px) and (min-height: 481px)
{
html {
	height: auto;
	overflow-y: auto;
	overflow-x: hidden;
}

#header {
	/* height: 16.25em; */
	margin-right: 0;
}


#header > a > img.right {
    width: 32%;
}

#header > #branding > .logo {
   margin: 0 0 0 1%;
width: 63%;
float: left;
}

.social {
float: none;
line-height: 1;
margin-left: 1em;
}

#header > #branding > .search{
padding: .5em 0 0 0;
width: 55%;
}


#search  input {
height: 1.5em;
width: 76%;
}

#search  label {
font-size: 75%;
width: 5%;

}

/*.main {
	padding: 1em 0 1.25em 1%;
	
}*/

/*.other {
	padding: 1.15em 0;
}*/


.small {
	display: inline;
}


#subNav > ul > li {
    font-size: 65%;
    line-height: 110%;

}

#subNav > ul > li:first-child {
    margin: 0 0 -2em -1%;
}


#content {
	/* margin: -16.25em 0 -3em 0; */
}

#content > .headerPadding {
    /* height: 16.25em; */
    margin: 0;
}


#content > .main {
    font-size: 95%;
line-height: 275%;
margin: 0 auto 0 0;
width: 90%;
padding: 8%;
border-radius: 0;
	
}

#footer {
        margin-right: 0;
    }
    
     #footer > .links{
       right: 0;
    }
    
     #footer > img.large {
     	right: 0;
     }



}

@media screen and (min-width: 481px) and (max-width: 569px)
{
	
.small {
	display: block;
}



#subNav > ul > li.active {
	/* height: 2.75em;
	margin: 0 0 -1.5em 0; */

}


#subNav > ul > li {
	/*font-size: 100%;*/
	line-height: 1;
	width: 20%;
	/* padding: .75em 2.5%; */
}

/*.header {
	padding: 1em .25em .5em 1em;
}*/


}

@media screen and (min-width: 570px) and (max-width: 999px)
{
#subNav > ul > li {
	/*font-size: 100%; */
	width: 18%;
	padding: 1em 2.5% 1.5em 2.5%;
}

#subNav > ul > li.active {
    /* height: 3.25em;
		margin: 0 0 -3em 0; */
}

/*.header {
	padding: 1em .25em 1em 1em;
} */

}



@media screen and (min-width: 801px) and (max-width: 999px)
{

.title {
width: 30%;
}

.peer {
font-size: 85%;
line-height: 115%;
padding: 0;
}

#subNav > ul > li.active {
    /* height: 2em;
	margin: 0 0 -2em 0; */
}

#subNav > ul > li.active {
    /* height: 2em;
	margin: 0 0 -2em 0; */
}

#subNav ul li.dontdisplaymobile {
		display:none;
	}

.related > ul > li {
font-size: 85%;
}


}

@media screen and (min-width: 481px) and (max-width: 999px)
{

#header > #branding > .logo {
margin: 0 0 0 1%;
width: 63%;
float: left;
}	


#header > #branding > .search {
padding: 1.25em 0 0 0;
}


#search input {
width: 76%;
}

#search label {
font-size: 85%;
width: 5%;

}
	
/*.main {
padding: 1em 0 1em 1%;
font-size: 125%;
}

.other {
padding: .65em 0;
font-size: 100%;
}*/

#header > a > img.right{
	margin: -2.75em 0 0 0;
	max-width: 25%;
	min-width: 150px;
}

#subNav > ul > li:first-child {
margin: 0 0 -1.75em -1%;
}



#nav > ul > li.main {
	width: 57%; /* 1% padding on the left - total of 58% */
	behavior: url("/css/PIE.htc");
	
}

#subNav > ul.whytrillium {
    padding: 0;
}

#nav > ul > li.other {
	width: 20%;
	 behavior: url("/css/PIE.htc");
}

.header > .title > h1 {
	font-size: 100%;
}

/*#content > .main {
padding: 2%;
font-size: 125%;
line-height: 250%;
margin: 0 0 2em 0;
}*/

#footer > .links > a {
	font-size: 90%;
}

.action > a.action-button {
	width: 15%;
}


}

@media screen and (max-width: 800px)
{

.table {
	font-size: 70%;
	padding: 1px;
}

.table td {
	padding: 1px;
}

.ui-accordion .ui-accordion-content {
padding: 1em .5em;
}

.logo > a > img {
    height: 2.5em;
}

.video {
float: none;
width: 300px;
margin: 0 2% 5% 5%;
height: 250px;
}

.copy {
	margin: 0 0 15% 0;
}
.left {
	display:none;
}

	#header > #branding > .search {
	display: none;
	}


	#header > img {
		margin: 0 0 0 2%;
		width: 20%;
		
	}

	#footer > img {
		display: none;
	}

#footer {
bottom: 0;
height: 6%;
padding: 0 1% 0 0;
position: fixed;
width: 100%;
}



	/*#footer > img.large {
	bottom: 3%;
	}*/

	#subNav {
		margin: .25em 0 0 0;	
	}

	/*#subNav > ul > li {
		height: 2.25em;
	}*/

	#subNav > ul > li.loginlinknav {
	display:none;
	}


	.header > .title {
	width: 28%;
	}




	#content > .action > a > img {
		display: none;
	}
	
	#footer > .links > a.mobile {
		display: block;
	}
	
	
	.action > a.action-button {
	font-size: 125%;
	text-shadow: 0 -1px 0 rgba(58, 8, 6, 1), 0 -2px 0 rgba(58, 8, 6, 1);
	line-height:1;
	padding: 5% 2% 5% 3%;
	max-width: 100%;
	width: 100%;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	position: relative;
	z-index:1000;
	}
	
	.action > a.action-button.job-dude {
display: none;
}


	.action > a:hover.action-button {
	font-size: 125%;
	line-height:1;
	padding: 5% 2% 5% 3%;
	max-width: 100%;
	width: 100%;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	position: relative;
	z-index:1000;
	}
	
	#content > .action > a > img.mobile {
		display: none;
		max-width: 100%;
		position: relative;
		z-index:1000;
	}
	
	#header > a > img.right {
		position: absolute;
		top: 0;
		margin: 0;
	}

	.peer > ul > li {
	line-height: 1.0;
	font-size: 67%;
	}

	ul.noBullet > li {
		width: 50%;
	}	
	

/*#footer {
	position: fixed;
	bottom: 0;
	height: 25px;
	padding: 0 1% 0 0;
}

#content > .bottom-padding {
height: 25px;
}

#content {
margin: -230px 0 -25px;
}*/


#footer > .links {
	width: 100%;
	border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	behavior: url("/css/PIE.htc");
}


}


@media screen and (min-width: 800px) and (max-width: 1460px) and (max-height : 800px) 
{

#content > .action > a > img {
	/*position: fixed;
	right: 2%;*/
	max-width: 12%;
	margin: 4em 0 0 0;
	z-index: 600;
	behavior: url("/css/PIE.htc");
}

.action > a.action-button {
behavior: url("/css/PIE.htc");
background-size: 100% 75%;
-webkit-background-size: 100% 75%;
-o-background-size: 100% 75%;
-moz-background-size: 100% 75%;
-ms-background-size: 100% 75%;
padding: 1% 0 2.5% 1%;
font-size: 170%;
text-shadow: 0 -1px 0 rgba(58, 8, 6, 1), 0 -2px 0 rgba(58, 8, 6, 1);
-o-text-shadow: 0 -1px 0 rgba(58, 8, 6, 1), 0 -2px 0 rgba(58, 8, 6, 1);
-moz-text-shadow: 0 -1px 0 rgba(58, 8, 6, 1), 0 -2px 0 rgba(58, 8, 6, 1);
-webkit-text-shadow: 0 -1px 0 rgba(58, 8, 6, 1), 0 -2px 0 rgba(58, 8, 6, 1);
-ms-text-shadow: 0 -1px 0 rgba(58, 8, 6, 1), 0 -2px 0 rgba(58, 8, 6, 1);
line-height: 1;
}

.action > a:hover.action-button {
behavior: url("/css/PIE.htc");
background-size: 100% 75%;
-webkit-background-size: 100% 75%;
-o-background-size: 100% 75%;
-moz-background-size: 100% 75%;
-ms-background-size: 100% 75%;
padding: 1% 0 2.5% 1%;
font-size: 170%;
text-shadow: 0 -2px 0 rgba(90, 73, 0, 1), 0 -3px 0 rgba(90, 73, 0, 1);
-o-text-shadow: 0 -2px 0 rgba(90, 73, 0, 1), 0 -3px 0 rgba(90, 73, 0, 1);
-moz-text-shadow: 0 -2px 0 rgba(90, 73, 0, 1), 0 -3px 0 rgba(90, 73, 0, 1);
-webkit-text-shadow: 0 -2px 0 rgba(90, 73, 0, 1), 0 -3px 0 rgba(90, 73, 0, 1);
-ms-text-shadow: 0 -2px 0 rgba(90, 73, 0, 1), 0 -3px 0 rgba(90, 73, 0, 1);
line-height: 1;
}


}

@media screen and (max-height : 800px) 
{
html {
	height: auto;
	overflow-y: auto;
	overflow-x: hidden;
}

/*#content > .main {
	overflow-y: hidden;
}*/


#footer > img {
	display: none;
}

#footer > img.large {
	display: none;
}

#footer > .links {
	bottom: 0;
	position: fixed;
	z-index: 800;
}

.copy {
    font-size: 100%;
}

.copy em.big {
	font-size: 100%;
}

}

@media screen and (max-width : 1570px) and (min-width: 1200px) and (min-height: 801px)
{
.action > a.action-button {
	font-size: 200%;
	text-shadow: 0 -1px 0 rgba(58, 8, 6, 1), 0 -2px 0 rgba(58, 8, 6, 1);
}

.action > a:hover.action-button {
	font-size: 200%;
}


}

@media screen and (max-width : 1199px) and (min-width: 800px) and (min-height: 801px)
{
.action > a.action-button {
	font-size: 195%;
	text-shadow: 0 -1px 0 rgba(58, 8, 6, 1), 0 -2px 0 rgba(58, 8, 6, 1);
	line-height:1;
}

.action > a:hover.action-button {
	font-size: 195%;
}

}

/*  -----------------  Search results page css -------------------- */

#searchresults {
	line-height:initial;
	position:relative;
	float:left;
	margin-top:10px;
}


#searchresults .result {
	position:relative;
	float:left;
	width:100%;
	margin-bottom:10px;
	padding:5px;
}




#searchresults .searchtitle a {
	position:relative;
	float:left;
	clear:both;
	margin:0;
	padding:0;
	margin-bottom:5px;
}
#searchresults .description {
	position:relative;
	width:100%;
	float:left;
	clear:both;
	font-size:80%;
	padding-top:5px;
}


/* ---------------------------- Contact Us form css --------------------*/
#contact_form {

}



#contact_form label {
	width:100%;
	position:relative;
	float:left;
	font-size:125%;
	
}

#contact_form label.error {
	position:relative;
	float:initial;
	font-size:60%;
	color:red;
}

#contact_form ul {
	margin:0;
}

#contact_form li {
	position:relative;
	float:left;
	width:100%;
	list-style:none;
}


#contact_form .input_field {
	width:100%;
	max-width:320px;
	padding:5px;
}

#contact_form textarea {
	width:70%;
	height:75px;
	}
	
#contact_phone a {
	border-bottom:none;
	color: #970B00;
}
	

#contact_phone > .big{
	behavior: url("/css/PIE.htc");
	padding: .5em;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	color: #970B00;
	font-family: "Cantata One";
	-webkit-box-shadow:  0px 0px 10px 2px rgba(56, 57, 59, .45);
     box-shadow:  0px 0px 10px 2px rgba(56, 57, 59, .45);
	-moz-box-shadow:  0px 0px 10px 2px rgba(56, 57, 59, .45);
	background: #ffe261; /* Old browsers */
	  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
	  
	  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTI2MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmQyMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	  
	  background: -moz-linear-gradient(top,  #ffe261 0%, #ffd208 100%); /* FF3.6+ */
	  
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe261), color-stop(100%,#ffd208)); /* Chrome,Safari4+ */
	  
	  background: -webkit-linear-gradient(top,  #ffe261 0%,#ffd208 100%); /* Chrome10+,Safari5.1+ */
	  
	  background: -o-linear-gradient(top,  #ffe261 0%,#ffd208 100%); /* Opera 11.10+ */
	  
	  background: -ms-linear-gradient(top,  #ffe261 0%,#ffd208 100%); /* IE10+ */
	  
	  background: linear-gradient(to bottom,  #ffe261 0%,#ffd208 100%); /* W3C */
	  
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe261', endColorstr='#ffd208',GradientType=0 ); /* IE6-8 */
	  -pie-background: linear-gradient( #ffe261, #ffd208); /* W3C */
}

#contact_phone_disclaimer {
	font-size: 70%;
	line-height: 1;
	font-style: italic;
	padding: 1em 0 0 0;
}


/* -----------------------  Jobs CSS --------------------------------*/


#mobile_login {
	position:absolute;
	margin-right:2%;
	color: black;
	background: rgb(250, 255, 189) ;
	padding:1%;
	top:1%;
	right:2%;;
}

#mobile_login a {

	color: black;
	text-decoration:none;
	border:0;

}

#job_wrap {
	position:relative;
	float:left;
	margin-top:35px;
	width:100%;
}

#jobnotavailable {
	background-color:#C8FFC8;
	border: solid 1px #dcdcdc;
	border-radius: 3px;
	padding:10px;
	background:#FBFBFB;
}

#jobnotavailable .similarjobs li{
	line-height:150%;
	font-size:100%;
}

#job_detail #jobnotavailable h1{
	font-size:150%;
}

#jobnotavailable p{
	margin:0;
	text-align:center;
}




#searchtab {
	width: 95%;
	position: relative;
	float: left;
	text-align: center;
	padding: 2%;
	font-size: 120%;
}

#getlocation a {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	display: block;
}
#job_search_form {
	background:#eee;
	display: block;
	overflow: hidden;
	border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    padding:10px;
	width: 60%;
	margin: 0% 22% 0% 19%;
	background: #006fb3;   
	display:none;
}

#job_search_form .input, #sidebar_job_search_form .input {
	/*position:relative;*/
	border: 1px solid #ccc;
	padding: 5px;
	/*padding-left: 5px;*/
	font-size: 100%;
	margin-right: 10px;
	color: #555;
	/*float:left;*/
	/*width:35%;*/
	width: 90%;
}

 #sidebar_job_search_form .input {
	position:relative;
	border: 1px solid #ccc;
	padding: 5px;
	padding-left: 5px;
	font-size: 1.2em;
	margin-right: 10px;
	color: #555;
	float:left;
	width: 100%;
	line-height:1.5em;
}



#job_search_form label,#sidebar_job_search_form label {
	font-size: 120%;
	text-decoration: none;
	/*padding-bottom: 3px;
	float:left;
	width:42%;*/
	color:white;
	font-family: "Open Sans", sans-serif;
	
}

#job_search_form .find ,#sidebar_job_search_form .find {
	margin-top:5px;
	margin-bottom:14px;
	width:110px;
}

#job_search_form .button_findjob,#sidebar_job_search_form .button_findjob {
	color:black;
	position:relative;
	float:left;
	
	/*width:10%; */
	width: 100%;
	/*min-width:80px; */
	text-align:center;
	background:#eee;
	/*padding-bottom:4px;
	padding-top:4px;*/
}

#sidebar_job_search_form .button_findjob {
	color:black;
	position:relative;
	float:left;
	width: 100%;
	text-align:center;
	background:rgb(250, 255, 189);;

}

#job_search_form a#advancedsearch {
	color:white;
	position:relative;
	float:left;
	width:10%;
	text-align:center;
	font-size:90%;
	font-family: "Open Sans", sans-serif; 
}



#job_search_form h2 {
	font-size: 2.0em;
	color: #00517c;
	padding-bottom: 0.5em;
}

#job_search_form ul,#sidebar_job_search_form ul {
	/*width:90%;*/
	width: 100%;
	background:none;
	list-style:none;
	margin:0;
	padding:0;
	margin-top:-10px;
	display:table;
}

#job_search_form li,#sidebar_job_search_form li {
	/*width:100%;*/
	background:none;
	float:left;
	/*list-style:none;
	position:relative;
	margin:0;*/
	vertical-align: bottom;

}
#sidebar_job_search_form li {
	width:100%;
	background:none;
	float:left;
	list-style:none;
	position:relative;
	margin-bottom:10px;
	vertical-align: bottom;

}


#job_search_form li.text {
		width: 43%;
		margin: 0 2% 0 0;
	}
	
#job_search_form li.submit {
		position:absolute;
		right:0;
		bottom:0;
		width: 10%;
		margin: 0;
	}



#jobassistant .input{
	position:relative;
	margin-bottom:10px;
	border:1px solid #ccc;
	font-style:normal;
	padding:5px;
	font-size:1.2em;
	float:left;
	margin-right:20px;
}

#searchforsomething {
	font-size: 125%;
	background:white;
	border:1px solid #006FB3;
	width: 75%;
	position: absolute;
	padding:12px;
	text-align:center;
	margin:0 auto;
	-webkit-box-shadow: -4px 6px 5px rgba(70, 70, 70, 0.56);
	-moz-box-shadow:    -4px 6px 5px rgba(70, 70, 70, 0.56);
	box-shadow:         -4px 6px 5px rgba(70, 70, 70, 0.56);
	behavior: url("/css/PIE.htc");
	
}


#job_home_page_bottom {
	width:100%;
	position:relative;
	float:left;
	margin-top:20px;
}

#job_home_page_bottom h2 {
	font-size:110%;
	color: #00517c;
	margin:0;
	font-weight:normal;
	color:#006FB3;
}

#job_home_page_bottom .rightmodule {
	width:45%;
	float:left;
	border:0;
	font-size:100%;
	clear:initial;
	padding:0;
	margin:0;
}

#job_home_page_bottom ul {
	list-style:none;
	margin:0;
	font-size:90%;
}
#job_home_page_bottom ul > li > i {
	font-size:80%;
}

#zipsearch {
	
	background:url(/images/loading.gif) no-repeat 50% 50%;
	
}

#zipsearchresults ul {
	background: white;

}
#zip_search_form {
	background: white;
	margin-top:8%;
}

#zipsearch label {
	width:100%;
	font-size: 100%;
	text-decoration: none;
	text-transform: uppercase;
	padding-bottom: 3px;
	float:left;
	
}

#zipsearch .input {
	border: 1px solid #ccc;
	padding: 10px;
	width: 90%;
	font-size: 100%;
	margin-right: 10px;
	color: #555;
	margin-bottom:20px;
	
	
}

#zipsearch .button_job {
	clear:both;
}




/* ------------------  Left hand items on the job's pages ----------------------- */


#left_column {
	width: 17%;
	padding: 2% 1%;
	position:relative;
	float:left;
	padding-top:15px;
}

.leftmodule1 {
	position: relative;
	float: left;
	width: 90%;
	clear: both;
	font-size: 100%;
	border-bottom: 1px dashed rgba(3, 3, 3, 0.24);
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 170%;
	background: #006FB3 url(/images/halftone_md_blue_final.png)left center;
	margin: 5% 0 0 0;
	border-radius: 15px;
	padding: 5%;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, .65), inset 4px 4px 4px rgba(255, 255, 255, .25), inset -4px -4px 4px rgba(0, 0, 0, .25);
	color: white;
	
	
}

.leftmodule {
	position:relative;
	float:left;
	width: 90%;
	clear:both;
	font-size:80%;
	padding-top:10px;
	padding-bottom:10px;
	line-height:170%;
	/*box-shadow: 0px 0px 2px rgba(0, 0, 0, .65), inset 2px 2px 2px rgba(255, 255, 255, .25), inset -1px -1px 1px rgba(0, 0, 0, .25);*/
	margin: 5% 0 0 0;
	padding: 2% 5% 5% 5%;
	border-radius: 3px;
	border:1px solid silver;
	background:#F8F8F8;
}

.left_side_widget {
	position: relative;
	float: left;
	width: 90%;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 170%;
	background-color:#338AC4;
/*	background: #006FB3 url(/images/halftone_md_blue_final.png)left center; */
	margin-bottom:3%;
	border-radius: 5px;
	padding: 5%;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, .45), inset 0px 1px 1px rgba(255, 255, 255, .25), inset -1px -1px 1px rgba(0, 0, 0, 0.15);
	color: white;
	text-align:center;
}


.leftmodule h2 {
	font-size:120%;
	margin:0;
	line-height:140%;
	font-weight:normal;
	color:#006FB3;
	margin-bottom:5px;
}
.left_side_widget h2 {
	font-size:200%;
	margin:0;
	line-height:140%;
	font-weight:normal;
	color:white;
	margin-bottom:5px;
	text-align:center;
}

.left_side_widget a {
	color:white;
}

.left_side_widget a:hover {
	border-bottom: 1px dashed white;
}


.leftmodule ul {
	font-size:95%;
	list-style:none;
	margin-left:0px;
	
}
/* ------------------  Right hand items on the job's pages ----------------------- */


#right_column {
	width: 17%;
	padding: 2% 1%;
	position:relative;
	float:right;
	padding-top:15px;
	
	
}

.rightmodule1 {
	position: relative;
	float: left;
	width: 90%;
	clear: both;
	font-size: 100%;
	border-bottom: 1px dashed rgba(3, 3, 3, 0.24);
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 170%;
	background: #006FB3 url(/images/halftone_md_blue_final.png)left center;
	margin: 5% 0 0 0;
	border-radius: 15px;
	padding: 5%;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, .65), inset 4px 4px 4px rgba(255, 255, 255, .25), inset -4px -4px 4px rgba(0, 0, 0, .25);
	color: white;
	
	
}

.rightmodule {
	position:relative;
	float:left;
	width: 90%;
	clear:both;
	font-size:80%;
	padding-top:10px;
	padding-bottom:10px;
	line-height:170%;
	/*box-shadow: 0px 0px 2px rgba(0, 0, 0, .65), inset 2px 2px 2px rgba(255, 255, 255, .25), inset -1px -1px 1px rgba(0, 0, 0, .25);*/
	margin: 5% 0 0 0;
	padding: 2% 5% 5% 5%;
	border-radius: 3px;
	border:1px solid silver;
}

.right_side_widget {
	position: relative;
	float: left;
	width: 90%;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 170%;
	background-color:#338AC4;
/*	background: #006FB3 url(/images/halftone_md_blue_final.png)left center; */
	margin: 5% 0 0 0;
	border-radius: 5px;
	padding: 5%;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, .45), inset 0px 1px 1px rgba(255, 255, 255, .25), inset -1px -1px 1px rgba(0, 0, 0, 0.15);
	color: white;
	text-align:center;
}


.rightmodule h2 {
	font-size:120%;
	margin:0;
	line-height:140%;
	font-weight:normal;
	color:#006FB3;
	margin-bottom:5px;
}
.right_side_widget h2 {
	font-size:130%;
	margin:0;
	line-height:140%;
	font-weight:normal;
	color:white;
	margin-bottom:5px;
	text-align:center;
}

.right_side_widget a {
	color:white;
}

.right_side_widget a:hover {
	border-bottom: 1px dashed white;
}


.rightmodule ul {
	font-size:95%;
	list-style:none;
	margin-left:0px;
	
}

#signupinfo_right{
	z-index:10000;
	border:1px solid black;
}
a.applyjob{
	text-decoration:none;
	border:0;
	background:rgb(250, 255, 189);
	font-size: 1.2em;
	text-align: center;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	text-shadow: 1px 1px 5px rgba(100, 100, 100, 1);
	color:black;
}


a.applyjob:hover{
	background:yellowgreen;
	color:black;
	text-shadow: 0 1px 0 #fff;
	
	
}
/* -------------------  Job Search Results Formating ------------------------*/


#search_results  {
	margin:0;
	margin-bottom:30px;
	clear:both;
}

#search_results h2 {
	font-size:1.5em;
	font-weight:normal;
	line-height:125%;
	margin:0;
	color:#006FB3;
	clear:none;
}

#search_results h3 {
	font-size:70%;
	font-weight:normal;
	font-style:italic;
	margin:0;
	padding:0;

}

#search_results li {
	margin:0;
	
	line-height:100%;
	list-style:none;
	padding:10px;
}

#search_results li:hover {
	background-color:#F8F8F8;
	border: 1px solid #ccc;
	padding:9px;
	border-radius:5px;
	-moz-border-radius:5px;	
	
}

.styled-select select {
   background: transparent;
   padding: 2px;
   font-size: 70%;
   border: 1px solid #ccc;
   width:auto;
   position:relative;
   float:left;
}

#search_results a:hover {
	color:initial;
	color:black;
}
#search_results p {
	margin:0px;
	line-height:130%;
	font-size:100%;
}

#search_results .description {
	margin-top:5px;
}

#savesearch {
	position:relative;
	float:left;
	top:-10px;
	clear:both;
	width:100%;
	font-size:.8em;
}
#job_search_form_sort {
	position:relative;
		
}

#searchresultcount {
	font-size:150%;
	font-weight:normal;
}

#searchtop {
	margin-top:10px;
	width:100%;
	font-size:80%;
}
#searchtop a.sortselected{
	font-size:110%;
	border-bottom: solid 1px;
	font-weight:bold;
}


#search_results #percentmatch {
display:none;
/*
	font-size:100%;
	float:left;
	margin-right:10px;
	background:url('/images/assistant.png') no-repeat top;
	border:0;
	width:60px;
	height:60px;	
	text-indent:-6000px;
*/
}

span.highlight {
	/*background: #e6ff9b !important; */
	font-weight:600;
}


ul.pagination {
	clear:both;
}

ul.pagination li {
	line-height:100%;
	margin:0;
	padding:0;
}

ul.pagination a{
		border: 1px solid #ccc;
		font-size:1em;
		float:left;
		list-style:none;
		cursor:pointer;
		margin:0 0 0 .5em;
		padding:5px;
		background:#FBFBFB;
		text-decoration:none;
}
ul.pagination a.active,ul.pagination a:hover{
	color:white;
	background:#333;
}


#breadcrumb {
	font-size:80%;
}




/* ------------------  Job Detail Page CSS ------------------*/

#job_detail {
	line-height:120%;
/*	margin-top:30px; */
	padding-bottom:30px;
}

#job_detail h1 {
	font-size:200%;
	font-weight:normal;
	color:#006FB3;
	margin-bottom:5px;
	line-height:100%;

}

#job_detail h3 {
	font-size:80%;
	font-style:italic;
	margin:0;
	padding:0;
	font-weight:normal;


}
#job_detail h2 {
	font-size:120%;
	margin:0;
	padding:0;
	font-weight:normal;
	color:#006FB3;
	margin-bottom:5px;
	margin-top:30px;

}
#job_detail p {
	margin:0px;
	margin-bottom:5px;
	line-height:140%;
}

#signup_callout {
    position: relative;
    float: right;
    width: 25%;
    padding: 20px;
    border-radius: 3px;     
    -webkit-border-radius: 3px;     
    -moz-border-radius: 3px;     
    padding:10px;      
    background:#EEE;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 0px;
    text-align:center;
    font-style:italic;
    font-size:80%;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .65), inset 2px 2px 2px rgba(255, 255, 255, .25), inset -1px -1px 1px rgba(0, 0, 0, .25);
    display:none;
}

#signup_callout_job {
    position: relative;
    float: left;
    width: 95%;   
}


#signup_callout_job label {
	position:relative;
	float:left;

}

#job_callout {
    position: relative;
    float: right;
    width: 25%;
    padding: 20px;
    border-radius: 3px;     
    -webkit-border-radius: 3px;     
    -moz-border-radius: 3px;     
    padding:10px;      
    background:#EEE;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 0px;
    text-align:center;
    font-style:italic;
    font-size:80%;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .65), inset 2px 2px 2px rgba(255, 255, 255, .25), inset -1px -1px 1px rgba(0, 0, 0, .25);


}


#job_detail .rightmodule {
	width:45%;
	float:left;
	border:0;
	font-size:100%;
	clear:initial;
	padding:0;
	margin:0;
}


#job_callout_state {
    position: relative;
    float: right;
    width: 25%;
    border: solid 1px #000;  
    border-radius: 3px;     
    -webkit-border-radius: 3px;     
    -moz-border-radius: 3px;     
    padding:5px;      
    background:#EEE;
    margin: 20px;
    text-align:center;
    font-size:70%;
    font-style:italic;
}

#signup_callout h2 {
	margin-top:5px;
	text-align:center;
	font-size:130%;
}


 .rightmodule h2 {
	font-weight:normal;
	color:#006FB3;
}

 .rightmodule ul {
	list-style:none;
	margin:0;
	margin-left:10px;
}


#mobileapply {
	display:none;
}

#toTop {
	width:100px;
	border:1px solid #ccc;
	background:#0061A0;
	text-align:center;
	padding:5px;
	position:fixed; /* this is the magic */
	bottom:90px; /* together with this to put the div at the bottom*/
	left:80%;
	cursor:pointer;
	display:none;
	color:white;
	font-family:verdana;
	font-size:50%;
	line-height:100%;
}




input#signupemail.input.email{
	position:relative;
	float:left;
	margin-bottom:10px;
	border:1px solid gray;
	font-style:normal;
	padding:5px;
	font-size:1.2em;
	width:300px;
}
input#signuppassword.input.password{
	position:relative;
	float:left;
	margin-bottom:10px;
	border:1px solid #ccc;
	font-style:normal;
	padding:5px;
	font-size:1.2em;
	width:300px;
}




ul#containererreurtotal, ul#emailerror{
	position:absolute;
	width:280px;
	display:none;
	right:30px;
	z-index:10000;
	top:42px;
	color:#000;
	line-height:100%;
	-moz-box-shadow:0 2px 0 rgba(0,0,0,0.2) 0 2px 5px rgba(0,0,0,0.2);
	box-shadow:1px 2px 3px rgba(0,0,0,0.5);
	font-size:16px;
	-webkit-transition:border-color .218s;
	-moz-transition:border .218s;
	-o-transition:border-color .218s;
	transition:border-color .218s;
	background:#F7DBDA;
	border:solid 1px #000;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	padding:10px;
}

#containererreurtotal li {
	list-style:none;
	margin-left:15px;
}

#containererreurtotal h2 {
	font-size:150%;
	margin:0;
	margin-bottom:10px;
	text-align:center;
	font-weight:normal;
	color:#000;
}

ul#emailerror{
	position: absolute;
	width: 47%;
	right: 10px;
	padding:5px;
	background:#90EE90;
}
ul#emailerror li{
	margin:0;
	padding:0;
}
ul#emailerror li h2{
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	margin:0;
	padding:0;
}

/* --------------  Login css schtuff -------------------------------------*/


#loginlink {
	position:relative;
	font-size:120%;
	padding:10px;
	background-color:#0C76B7;
	color:white;
}

#loginform {

	margin-top:20px;
	line-height:100%;
}

#loginform h1 {
margin: 0 auto;
text-align:center;
}

#loginform label {
    width: 100%;

    float: left;

}

#loginform .forgotpassword  {
	font-size:80%;
	clear:both;
	position:relative;
	float:left;
	
}

#loginform .input {
	margin-bottom:25px;
	width:93%;
	max-width:260px;
	padding:10px;
	font-size:100%;
	position:relative;
	float:left;
	
}
#loginform .button {
	margin-bottom:25px;
	width:93%;
	
	padding:10px;
	font-size:100%;
	position:relative;
	float:left;
	background:rgb(250, 255, 189);
	
}


#loginform{
	
	max-width:300px;
	margin: 0 auto;
	margin-top:30px;
	display: block;
	overflow: hidden;
	margin-bottom:10px;

   
}

#loginform .loginerror {
	position:relative;
	float: left;
	width:100%;
	color:red;
	font:1.2em;
	text-align:center;
	margin-top:10px;
}

#loginform label.error {
	position:relative;
	float:right;
	width:100%;
	font-size:.8em;
	font-style:italic;
	margin:-22px 0 0 2px;
	padding:0;
	color:red;
}


.customfile-input { 
	position: absolute; 
	
	cursor: pointer; 
	background: transparent; 
	border: 0; 
	opacity: 0; 
	-moz-opacity: 0; 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); 
	z-index: 999;  
}
.customfile {  
	float:left;
	line-height:125%;
	margin-bottom: 10px;
	cursor: pointer; 
	overflow: hidden; 
	padding: 2px; 
	border: 1px solid #CCC;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px;  
	position: relative; 
	width:40%;
}
.customfile-disabled { opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); cursor: default;  }
.customfile-feedback { display: block; margin: 1px 1px 1px 5px; font-size: .8em; font-style: italic;  }
.customfile-feedback-populated {font-style: normal; }

.customfile-button {
	float:right;
   color: #6e6e6e;
   font-family: "Comic Sans MS",Verdana, Arial, Geneva, sans-serif;
    font-size: 16px;
    text-decoration: none;
    padding: 4px 12px;
    position: relative;
    /* display: inline-block; */
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

}
.customfile-hover .customfile-button, .customfile-focus .customfile-button{ 
    color: #000;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15);
    background-color:#fff;
    cursor:pointer;
    text-decoration:none;
}



.placeholder {
  color: #aaa;
  }

/* ---------------------  mobile specific css for jobs ------------------------*/

@media screen and (max-width: 1000px) {

#job_search_form li.text.first {
	margin: 0 5% 0 0;
    width: 47%;
}

#job_search_form li.text.second {
	margin-right: 0;
    width: 47%;
}

#job_search_form .input {
    border: 1px solid #CCCCCC;
    color: #555555;
    font-size: 100%;
    margin-right: 10px;
    padding-left: 5px;
    width: 90%;
}	
	#job_search_form li.submit {
	position:relative;
    float: none;
    margin: 0;
    width: 100%;
}

#subNav ul li.dontdisplaymobile {
		display:none;
	}
	
	#job_search_form .button_findjob {
    float: left;
    font-size: 100%;
    margin: 1% 0 0;
    padding: 4px 12px;
    position: relative;
    width: 100%;
}

	
}

@media screen and (max-width: 800px) {


#jobassistant .input {
	width:96%;
	font-size:150%;
	padding:10px;
	background-color: rgb(250, 255, 189);
}
#jobassistant .button {
	width:100%;
	font-size:150%;
}

#jobassistant ul {
	width:100%;
	margin:0;
}

#job_search_form {
	position:relative;
	width:95%;
	margin:0;
	margin-right:5px;
}

#job_search_form .input {
	
	width:100%;
}

#job_search_form .button_findjob {
	font-size:100%;
	width:100%;
	position:relative;
	float:left;
	padding:0;
	padding: 4px 12px;
}

#job_home_page_bottom .rightmodule {
	width:100%;
}


#zipsearch {
	width:100%;
}

#signup_callout {
	display:none;
}


#search_results {
	margin:0;
}

#content > .main {
	padding: 0 0 5% 5%;
	width: 90%;
	line-height:170%;
}

.copy {
	border:0;
	padding:0;
}

.big {
	font-size:120%;
}

#job_wrap {
	margin-top:50px;
}



#job_detail h1 {
	font-size:150%;
	font-weight:normal;
	color:#006FB3;
	margin-bottom:5px;
	margin-top:5px;
	line-height:100%;

}

#left_column {
	display:none;
}
#right_column {
	display:none;
}



#mobileapply {
	
	width:120%;
	position: fixed;
	display:block;
	bottom:0;
	margin-left: -20%;
	text-align: center;
	font-size: 125%;
	font-weight: bold;
	text-decoration: none;
	z-index:10000;
	padding:5px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .65);
	-o-box-shadow: 0px 0px 10px rgba(0, 0, 0, .65);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .65);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .65);
	-ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, .65);
	background: -moz-linear-gradient(top,  rgba(0,111,179,0.95) 0%, rgba(0,111,179,0.95) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,111,179,0.95)), color-stop(100%,rgba(0,111,179,0.95))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,111,179,0.95) 0%,rgba(0,111,179,0.95) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,111,179,0.95) 0%,rgba(0,111,179,0.95) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,111,179,0.95) 0%,rgba(0,111,179,0.95) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(0,111,179,0.95) 0%,rgba(0,111,179,0.95) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2006fb3', endColorstr='#f2006fb3',GradientType=0 ); /* IE6-9 */

}

#mobileapply a {
	text-decoration: none;
	color:white;
	display:none;
}
#mobileapply a:hover {
	display:block;
}

#signupform {
	display:none;
}

#search_results li:nth-child(odd){ 
	background-color:#eee; 
}


}