/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
body { background:url(../images/home_bg.jpg) #FFF repeat-x; margin:0px; padding:0px; font-size:13px;}
.fl { float:left;}
.fr { float:right;}
.clear{ clear:both;}
#wrapepr { width:100%;}
input.search{ width:478px; height:43px; border:#CCC solid 1px; box-shadow: inset 3px 3px 5px #eeeeee; padding:0px 0 0 10px; margin:0px; color:#747474; font-size:14px;}
#wrapper {position:relative;}
* { 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.margin-top5{ margin-top:5px;}
.margin-top10{ margin-top:10px;}

.margin-left20{ margin-left:23px;}

p{margin:0px !important; padding:0px !important;}

h1,h2,h3,h4,h5,h6{ margin:0px !important; padding:0px !important;}

h1{ font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#000000; letter-spacing:-1.3px; text-shadow:0px 1px 1px #bfbfbf;}
h2 a{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#2597e7 !important; text-decoration:none; line-height:30px; }
h2 a:hover{ color:#000000 !important; text-decoration:underline;  }
h3{ font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#FFF !important; text-decoration:none; letter-spacing:-1.3px;}


/* #Page Styles
================================================== */
.topblack-bar{ width:100%; height:36px; background: #1c1c1c; /* Old browsers */
background: -moz-linear-gradient(top,  #1c1c1c 0%, #2a292a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1c1c), color-stop(100%,#2a292a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1c1c1c 0%,#2a292a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1c1c1c 0%,#2a292a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1c1c1c 0%,#2a292a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1c1c1c 0%,#2a292a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#2a292a',GradientType=0 ); /* IE6-9 */
}
.topblack-bar .content-container{ width:960px; margin:auto;}
.topblack-bar .content-container p{ float:right; color:#ffffff; line-height:36px;}
.topblack-bar .content-container p a{ color:#FFF; text-decoration:none; font-weight:bold; padding:0 5px 0 5px;}
.topblack-bar .content-container p a:hover{ color:#51bbfc; text-decoration:none; font-weight:bold; padding:0 5px 0 5px;}

header{ margin:auto; width:960px;}
header .logo{ float:left; width:221px; height:87px; margin:15px 0 0 0; background:url(../images/ogs_logo.png) no-repeat;}
header .banner-ad{ float:right; width:728px; height:90px; margin:10px 0 0 0;}

.nav-bg{ width:100%; height:54px; border-top:#20a9fd solid 1px; margin-top:20px; border-bottom:#02589a solid 1px; box-shadow: 0px 3px 3px #9e9e9e; 
background: #55befe; /* Old browsers */
background: -moz-linear-gradient(top,  #55befe 0%, #0179d5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55befe), color-stop(100%,#0179d5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #55befe 0%,#0179d5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #55befe 0%,#0179d5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #55befe 0%,#0179d5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #55befe 0%,#0179d5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55befe', endColorstr='#0179d5',GradientType=0 ); /* IE6-9 */}
.nav-bg .inner-container{ width:960px; margin:auto;}
.nav-bg .inner-container ul{ float:left; width:960px; margin:0px; padding:0px;}
.nav-bg .inner-container ul li{ float:left; margin-bottom:0px !important;}
.nav-bg .inner-container ul li a{ float:left; padding:0 17px 0 17px; height:54px; text-decoration:none; font-size:15px; color:#FFF; font-weight:bold; text-shadow: 0px 1px 1px #1a73b3; line-height:54px; margin:0 1px 0 0;}

.nav-bg .inner-container ul li a:hover{ color:#FFF; text-shadow: 0px 1px 1px #191919; /*height:54px;*/  top:0; border-top:none;
background: #4364b7; /* Old browsers */
background: -moz-linear-gradient(top,  #4364b7 0%, #163379 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4364b7), color-stop(100%,#163379)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4364b7 0%,#163379 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4364b7 0%,#163379 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4364b7 0%,#163379 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4364b7 0%,#163379 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4364b7', endColorstr='#163379',GradientType=0 ); /* IE6-9 */}

.nav-bg .inner-container ul li .active{ color:#FFF; font-weight:bold; text-shadow: 0px 1px 1px #191919; height:54px;  top:0; border-top:none;
background: #4364b7; /* Old browsers */
background: -moz-linear-gradient(top,  #4364b7 0%, #163379 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4364b7), color-stop(100%,#163379)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4364b7 0%,#163379 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4364b7 0%,#163379 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4364b7 0%,#163379 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4364b7 0%,#163379 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4364b7', endColorstr='#163379',GradientType=0 ); /* IE6-9 */}

.content-container{ width:960px; margin:auto; /*padding-top:30px;*/}

.left-column{ width:730px; float:left; margin-top:30px;}

.search-panel{}
.tab-container{ height:45px; border-bottom:#CCC solid 1px;}
a.tabs{ float:left; border:#cccccc solid 1px; height:44px; padding:0px 13px 0 13px; line-height:44px; color:#333333; text-decoration:none; font-weight:bold; font-size:15px; border-bottom:none; margin-right:10px; position:relative; z-index:1; background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefefe 0%,#e8e8e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefefe 0%,#e8e8e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}
a.tabs:hover{ float:left; cursor:pointer; height:44px; padding:0px 13px 0 13px; line-height:44px; color:#2395e6; text-decoration:none; font-weight:bold; font-size:15px; background:#FFF;position:relative; z-index:1;
}
a.tabs.active{ float:left; cursor:pointer; height:45px; padding:0px 13px 0 13px; line-height:44px; color:#2395e6; text-decoration:none; font-weight:bold; font-size:15px; background:#FFF;position:relative; z-index:1; border-bottom:#FFF;}

.search-box{ border:#CCC solid 1px; box-shadow:0px 2px 2px #e0e0e0; border-top:none; background:#FFF;}
.search-container{ padding:20px; border-bottom:#CCC solid 1px;}
.field-cont{ padding:10px 0 10px 0;overflow:auto;}

.button-container{ padding:10px 0 10px 0;}

.content-boxtype1{ margin:10px 0 0 0; padding:0px;}
.topbar{ border-bottom:#4cb7fa solid 3px;overflow:auto;}
.content-boxtype1 .view-all{ float:right; color:#d61219; font-size:13px; font-weight:bold; text-decoration:underline; margin:20px 0 0 0;}
.content-boxtype1 .view-all:hover{ color:#000;}

.content-box{ background:#FFF; border:#CCC solid 1px; box-shadow:0px 2px 2px #e0e0e0; padding:0px 13px 20px 13px; margin:20px 0 0 0;}
.content-box .employer-logo{ width:90px; height:40px; border:#CCC solid 1px; float:left; margin-left:9px; margin-top:20px;}

.content-box2{ background:#FFF; border:#CCC solid 1px; box-shadow:0px 2px 2px #e0e0e0; margin:20px 0 0 0;}
.content-box2 .row1{ border-bottom:#CCC solid 1px; padding:20px; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */}
.content-box2 .row1:hover{ border-bottom:#CCC solid 1px; padding:20px; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */}

.row1 .col1{ float:left; width:56px; height:56px; border:#CCC solid 1px; box-shadow: 0px 2px 2px #d2d2d2;}
.row1 .col2{ float:left; width:480px; margin-left:20px;}

.hedaer-bg{ background:#daeffc; height:34px; border-bottom:#CCC solid 1px;}
.hedaer-bg .col1{ border-right:#afddfa solid 1px; font-size:13px; font-weight:bold; color:#333333; float:left; width:230px; line-height:34px; padding-left:10px;}
.hedaer-bg .col2{ border-right:#afddfa solid 1px; font-size:13px; font-weight:bold; color:#333333; float:left; width:240px; line-height:34px; padding-left:10px;}
.hedaer-bg .col3{ border-right:#afddfa solid 1px; font-size:13px; font-weight:bold; color:#333333; float:left; width:150px; line-height:34px; padding-left:10px;}
.hedaer-bg .col4{ text-align:center; font-size:13px; font-weight:bold; color:#333333; float:left; width:106px; line-height:34px; padding-left:10px;}

.content-row1{ background:#FFF; height:34px; border-bottom:#CCC solid 1px;}
.column1 a{ border-right:#CCC solid 1px; font-size:13px; color:#333333; float:left; width:230px; line-height:34px; padding-left:10px; text-decoration:none;}
.column1 a:hover{ color:#000000; text-decoration:underline;}
.column2 a{ border-right:#CCC solid 1px; font-size:13px; color:#333333; float:left; width:240px; line-height:34px; padding-left:10px; text-decoration:none;}
.column2 a:hover{ color:#000000; text-decoration:underline;}
.column3{ border-right:#CCC solid 1px; font-size:13px; color:#333333; float:left; width:150px; line-height:34px; padding-left:10px;}
.column4{ float:left; width:108px; margin:4px 0 0 0; text-align:center;}

.content-row2{ background:#f3f3f3; height:34px; border-bottom:#CCC solid 1px;}


.slider-container{ padding:30px 20px 35px 20px; }
.slider-container .col1{ float:left; width:41px; height:47px; background:url(../images/slider-left.png) no-repeat; margin:22px 0 0 0px;}
.slider-container .col1:hover{ cursor:pointer; opacity:0.7;}
.slider-container .col2{ float:left; width:605px; margin:0px 0 0 0px;}
.slider-container .col2 a{ float:left; width:130px; height:57px; margin:13px 0 0 17px;}
.slider-container .col3{ float:left; width:41px; height:47px; background:url(../images/slider-right.png) no-repeat; margin:19px 0 0 0px;}
.slider-container .col3:hover{ cursor:pointer; opacity:0.7;}

.right-column{ width:194px; float:right; margin-top:30px;}
.ad-banner{ width:188px; height:auto; border:#CCC solid 1px; box-shadow:0px 2px 2px #e0e0e0; margin-bottom:20px;}

footer{ margin-top:30px;}
footer .blue-line{ background:#0279d6; height:3px; width:100%; border-bottom:#e7e7e7 solid 1px;}
footer .grey-bg{ background:#2c2c2c; width:100%; border-bottom:#3b3b3b solid 1px;}
.footer-content{ width:960px; margin:auto;}
.footer-nav{ width:960px; padding:15px 10px; border-bottom:#1a1a1a solid 1px; box-shadow: 0px 1px 0px #363636;}
.footer-nav li{ float:left; font-size:14px; color:#959595; padding:0 10px 0 10px; text-decoration:none;}
.footer-nav li a{ float:left; font-size:14px; color:#959595; padding:0 10px 0 10px; text-decoration:none;}
.footer-nav li a:hover{ float:left; font-size:14px; color:#FFF; padding:0 10px 0 10px; text-decoration:none;}

.footer-detail{ margin:10px 0 0 0; padding-bottom:20px;}
.footer-detail .col1{ width:222px; float:left;}
.footer-detail .col1 li a{ width:202px; float:left; line-height:36px; font-size:13px; color:#959595; border-bottom:#444444 dotted 1px; background:url(../images/footer-blue.png) 5px 16px no-repeat; padding:0 0 0 20px; text-decoration:none;}
.footer-detail .col1 li a:hover{ color:#FFF;}

.copyright{ background:#1a1a1a; width:100%; height:54px;}
.copyright .content{ width:960px; margin:auto;}
.copy-text{ color:#959595; line-height:55px;}
.copy-text a{ color:#FFF; text-decoration:none;}

/* 	Applicants Page Style			-------------------------------*/
.app-left-column{ width:199px; float:left; margin-top:30px;}



.app-right-column{ width:750px; float:right; margin-top:5px;}

.rating_bar{width: 60px; background: url(../images/grey-star.png) 0 0 repeat-x; position: relative; float: left; margin: 8px 0 0 10px;}
.rating_bar div{height: 12px;background: url(../images/golden-star.png) 0 0 repeat-x; position: relative;float: left;}

.applicant-hedaer-bg{ background:#daeffc; height:34px; border-bottom:#CCC solid 1px;}
.applicant-hedaer-bg .col1{ border-right:#afddfa solid 1px; float:left; width:29px; text-align:center; line-height:34px; padding-top:8px; height:34px;}
.applicant-hedaer-bg .col2{ border-right:#afddfa solid 1px; font-size:13px; font-weight:bold; color:#333333; float:left; width:136px; line-height:34px; padding-left:10px;}
.applicant-hedaer-bg .col3{ border-right:#afddfa solid 1px; font-size:13px; font-weight:bold; color:#333333; float:left; width:91px; line-height:34px; padding-left:10px;}
.applicant-hedaer-bg .col4{ border-right:#afddfa solid 1px; font-size:13px; font-weight:bold; color:#333333; float:left; width:61px; line-height:34px; padding-left:10px;}
.applicant-hedaer-bg .col5{ border-right:#afddfa solid 1px; font-size:13px; font-weight:bold; color:#333333; float:left; width:77px; line-height:34px; padding-left:10px;}

/* #Button Styles
================================================== */
.search-btn{ width:188px !important; height:43px !important; float:right; border:#102352 solid 1px !important; text-align:center; line-height:43px; font-size:18px !important; font-weight:bold; color:#FFF !important; text-decoration:none; background: #4364b7 !important; /* Old browsers */
background: -moz-linear-gradient(top,  #4364b7 0%, #163379 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4364b7), color-stop(100%,#163379)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4364b7 0%,#163379 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4364b7 0%,#163379 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4364b7 0%,#163379 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4364b7 0%,#163379 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4364b7', endColorstr='#163379',GradientType=0 ); /* IE6-9 */
text-shadow:none;}

.search-btn:hover{ width:188px; height:43px; float:right; border:#102352 solid 1px; text-align:center; line-height:43px; font-size:18px; font-weight:bold; color:#FFF; text-decoration:none; background: #4364b7; /* Old browsers */
background: -moz-linear-gradient(top,  #4364b7 0%, #163379 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4364b7), color-stop(100%,#163379)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4364b7 0%,#163379 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4364b7 0%,#163379 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4364b7 0%,#163379 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4364b7 0%,#163379 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4364b7', endColorstr='#163379',GradientType=0 ); /* IE6-9 */}

.search-btn:active{ position:relative; top:1px;}


.button{ margin:20px 0px 0px 30px !important; float:left; width:194px !important; height:42px !important; font-size:16px !important;}
.button:active{ position:relative; top:1px;}

.frd-apply-btn{ margin:10px 0px 0px 0px !important; float:right; width:102px !important; height:32px !important; font-size:13px !important;}
.frd-apply-btn:active{ position:relative; top:1px;}

.table-apply-btn{ margin:0px !important; padding:0 !important; width:64px !important; height:25px !important; font-size:11px !important; line-height:22px !important; text-align:center !important;}
.table-apply-btn:active{ position:relative; top:1px;}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/