/* Employer Marketing CSS */
/* based on style guide at http://design.duodesign.com/careerbuilder/cb_styleguide-employer/ */
/* 1.0 - 10/13/11 - 1:00pm */

/* compressed reset styles */
.wrapper div,.wrapper span,.wrapper object,.wrapper iframe,.wrapper h1,.wrapper h2,.wrapper h3,.wrapper h4,.wrapper h5,.wrapper h6,.wrapper p,.wrapper blockquote,.wrapper pre,.wrapper abbr,.wrapper address,.wrapper cite,.wrapper code,.wrapper del,.wrapper dfn,.wrapper em,.wrapper img,.wrapper ins,.wrapper kbd,.wrapper q,.wrapper samp,.wrapper small,.wrapper strong,.wrapper sub,.wrapper sup,.wrapper var,.wrapper b,.wrapper i,.wrapper dl,.wrapper dt,.wrapper dd,.wrapper ol,.wrapper ul,.wrapper li,.wrapper fieldset,.wrapper form,.wrapper label,.wrapper legend,.wrapper table,.wrapper caption,.wrapper tbody,.wrapper tfoot,.wrapper thead,.wrapper tr,.wrapper th,.wrapper td,.wrapper article,.wrapper aside,.wrapper dialog,.wrapper figure,.wrapper footer,.wrapper header,.wrapper hgroup,.wrapper menu,.wrapper nav,.wrapper section,.wrapper time,.wrapper mark,.wrapper audio,.wrapper video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
.wrapper article,.wrapper aside,.wrapper dialog,.wrapper figure,.wrapper footer,.wrapper header,.wrapper hgroup,.wrapper nav,.wrapper section{display:block}.wrapper blockquote,.wrapper q{quotes:none}.wrapper blockquote:before,.wrapper blockquote:after,.wrapper q:before,.wrapper q:after{content:none}.wrapper a{border:0;font-size:100%;vertical-align:baseline;background:transparent;outline:0;margin:0;padding:0}.wrapper :focus{outline:0}.wrapper ins{background-color:#ff9;color:#000;text-decoration:none}.wrapper mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}.wrapper del{text-decoration:line-through}.wrapper abbr[title],.wrapper dfn[title]{border-bottom:1px dotted #000;cursor:help}.wrapper table{border-collapse:collapse;border-spacing:0}.wrapper hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}.wrapper input,.wrapper select{vertical-align:middle}.wrapper ol,.wrapper ul,.wrapper nav ul{list-style:none}
#pageBucketWrapper,#pageBucketBlueWrapper,#pageBucketContentWrapper{text-align:center;padding:0;width:750px;}
.wrapper strong {font-weight:bold;}
.wrapper em {font-style:italic;}
.wrapper a {font-weight:inherit;}
/* background to match seeker side */
#pnlOuterWrapper {background:url("../../../images/js/h_grad.jpg") repeat-y center top #D7DEF0;width:100%;}
/* end reset */


/* Layout
______________________________________________________________________________ */

/* main */
.wrapper {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 750px;
	background: #fff;
	color: #333;
	font: normal 12px/1.4em Arial, sans-serif;
}
/* end main */

/* grid */
/* assign class, specify positioning with other classes or ids */
.wrapper .one{width:30px;}
.wrapper .two{width:60px;}
.wrapper .three{width:90px;}
.wrapper .four{width:120px;}
.wrapper .five{width:150px;}
.wrapper .six{width:180px;}
.wrapper .seven{width:210px;}
.wrapper .eight{width:240px;}
.wrapper .nine{width:270px;}
.wrapper .ten{width:300px;}
.wrapper .eleven{width:330px;}
.wrapper .twelve{width:360px;}
.wrapper .thirteen{width:390px;}
.wrapper .fourteen{width:420px;}
.wrapper .fifteen{width:450px;}
.wrapper .sixteen{width:480px;}
.wrapper .seventeen{width:510px;}
.wrapper .eighteen{width:540px;}
.wrapper .nineteen{width:570px;}
.wrapper .twenty{width:600px;}
.wrapper .twenty-one{width:630px;}
.wrapper .twenty-two{width:660px;}
.wrapper .twenty-three{width:690px;}
.wrapper .twenty-four{width:720px;}
.wrapper .twenty-five{width:750px;}
/* wrap the elements with class="group", then give each item class="unit" and pick width */
.wrapper .unit{float:left;}
.wrapper .size1of1{float:none;}
.wrapper .size1of2{width:50%;}
.wrapper .size1of3{width:33.33333%;}
.wrapper .size2of3{width:66.66666%;}
.wrapper .size1of4{width:25%;}
.wrapper .size3of4{width:75%;}
.wrapper .size1of5{width:20%;}
.wrapper .size2of5{width:40%;}
.wrapper .size3of5{width:60%;}
.wrapper .size4of5{width:80%;}
/* end grid */


/* Common Styles
______________________________________________________________________________ */

/* text */
.wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4, .wrapper dl, .wrapper p, .wrapper blockquote {padding-bottom:10px;}
.wrapper h1, .wrapper h2, .wrapper h1 a, .wrapper h2 a {
	font: bold 20px Arial, sans-serif;
	color: #132F6E;
}
.wrapper h3, .wrapper h3 a {
	font: bold 16px Arial, sans-serif;
	color: #202245;
}
.wrapper h4, .wrapper h4 a {
	font: normal 12px Arial, sans-serif;
	text-transform: uppercase;
	color: #333;
}
.wrapper ul, .wrapper ol, .wrapper dl {padding: 5px 0 10px 25px;}
.wrapper ul {
	list-style: outside url(../OrangeBullet.gif);
	/*font-size: 13px;*/
}
.wrapper ol {
	list-style-type: decimal;
}
.wrapper ol.letter {
	list-style: lower-alpha;
}
.wrapper ul ul, .wrapper ol ol, .wrapper ol ul, .wrapper ul ol {
	padding: 10px 0 0 20px;
}
.wrapper dl {
	padding-left: 0;
}
/*.wrapper ul li {list-style-image:none;}*/
.wrapper li, .wrapper dt, .wrapper dd {padding: 0 0 8px 3px;}
.wrapper dt {
	padding: 0 0 4px 0;
}
.wrapper a, .wrapper a:link, .wrapper a:visited {
	font-weight: bold;
	color: #363FB5;
	text-decoration: underline;
}
.wrapper a:hover, .wrapper a:focus, .wrapper a:active {
	text-decoration: none;
}
/* end text */

/* images - use the grid above to dimension these, whenever possible */
.wrapper .image {
	border: 1px solid #ddd;
	padding: 4px;
	margin-bottom: 10px;
}
.wrapper .image .caption {
	padding: 0 0 4px 0;
	font-size: 11px;
	color: #666;
}
.wrapper .left {
	float: left;
	margin-right: 8px;
}
.wrapper .right {
	float: right;
	margin-left: 8px;	
}
/* end images */

/* forms */

/* end forms */

/* tables */
table caption {
	text-align: left;
}
/* end tables */
.wrapper iframe {margin-bottom:10px;}

/* Specific Styles
______________________________________________________________________________ */

/* learn more */
.wrapper .learn_more {
	border: 1px solid #ccc;
	background: url(../img/gradient-bkg.jpg) repeat-x bottom;
	padding: 5px;
	margin-bottom: 10px;
}
.wrapper .learn_more h3 {
	padding: 10px 0 10px 36px;
	background: url(../GreenCheckMark.gif) no-repeat 5px 5px;
}
.wrapper .learn_more .pdfs {
	list-style: none;
	list-style-image: none;
	line-height: 22px;
	padding-left: 8px;
	font-size: 12px;
}
.wrapper .learn_more .pdfs li {
	background: url(../icons/pdf_icon_small.jpg) no-repeat left 2px;
	padding-left: 22px;
	zoom: 1;
}
/* end learn more */

/* help */
.wrapper .help {
	background: url(../img/orange_help.gif) no-repeat center left;
	float: right;
	padding: 4px 0 4px 18px;
	font-size: 11px;
	line-height: inherit;
}
/* end help */

/* small icons / links */
.wrapper .social_links {
	list-style: none;
}
.wrapper .social_links li {
	margin: 0 4px 0 0;
	border: 0;
	padding: 0;
	list-style: none;
	height: 25px;
	float: left;
	background: url(../../shared/img/common_icons.jpg) no-repeat;
	text-indent: -9999em;
}
.wrapper .social_links li#blog {
	width: 25px;
	background-position: 0 0;
}
.wrapper .social_links li#youtube {
	width: 26px;
	background-position: -30px 0;
}
.wrapper .social_links li#twitter {
	width: 26px;
	background-position: -89px 0;
}
.wrapper .social_links li#facebook {
	width: 25px;
	background-position: -118px 0;
}
.wrapper .social_links li#linkedin {
	width: 24px;
	background-position: -60px 0;
}
.wrapper .social_links li#flickr {
	width: 25px;
	background-position: -313px 0;
}
.wrapper .social_links li#delicious {
	width: 26px;
	background-position: -342px 0;
}
.wrapper .social_links li#slideshare {
	width: 25px;
	background-position: -372px 0;
}
.wrapper .social_links li a {
	display: block;
	outline: 0;
	cursor: pointer;
	height: 100%;
	width: 100%;
}
.wrapper a.pdf {
	background: url(../icons/pdf_icon.jpg) no-repeat top left;
	min-height: 21px;
	display: inline-block;
	padding: 5px 0 0 28px
}
/* end small icons / links */

/* Fixes & Hacks
______________________________________________________________________________ */

/* hide */
.wrapper .hidden {display: none;}
/* end hide */

/* clearfix */
.wrapper .group:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.wrapper .group {display: inline-block;}
html[xmlns] .-wrapper .group {display: block;}
* html .wrapper .group {height: 1%;}