/* --- Reset to consistant behavior --------------------- */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal; }
ol,ul {	list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;	font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0;}

/* --- Major Formatting ------------------------------ */

html{ background:url(../bg_tile.png) bottom left repeat; background-attachment:fixed; height:100%;}
body{ text-align:center; background:url(../bg_body.png) top left repeat-x;  height:100%; font:13px "Georgia",'serif'; overflow:auto; }
#container{ text-align:left; margin:0px auto; width:955px; color:#333; background:white; }
#footer{ width:915px; text-align:center; margin:0px auto; color:white; background:#224464 url(../bg_footer.png) top left repeat-x; 
		 padding:20px; border-bottom:2px solid #0a2744; clear:both;}

#container.black{ background:#000 url(../bg_container.png) top left repeat-y; color:white; }

/* --- Heading ------------------------------ */

#logo{ position:absolute; top:10px; left:20px; display:block; width:250px; height:100px; text-indent:-1000em;}
#heading{ height:275px; position:relative; background:url(../headings/interior.jpg) top left no-repeat; }
#heading.home{ height:315px; background:url(../headings/home.jpg) top left no-repeat; }


/* --- Nav ------------------------------ */

#nav{ width:975px; text-align:center; position:relative; left:-9px; background:url(../bg_nav.png) top left no-repeat; height:55px; z-index:500; }
#nav ul{  list-style-type:none; margin:0px auto; width:auto;}
#nav li{ display:inline-block; text-align:center; border-right:1px solid #da4541; position:relative; margin-left:-3px !important; }
#nav li.first{ border-left:1px solid #da4541; }
#nav a, #nav a:visited{ color:white; text-decoration:none; display:block; height:15px; padding:15px 10px 10px 10px; font-size:13px; cursor:pointer; cursor:hand; }
#nav a:hover, #nav li:hover, #nav li ul{ background:#a00606; }
#nav li ul{ position:absolute; top:100%; left:0px; width:200px; display:none; }
#nav li:hover{ cursor:pointer; cursor:hand;}
#nav li:hover ul{ display:block; }
#nav li ul li{ width:100%; text-align:left; border-right:none; margin-left:0px !important; }
#nav li ul li a{ height:auto !important; width:100%; padding:7px 0px 7px 0px !important; text-indent:5px; font-size:12px !important;}
#nav li ul li a:hover{ background:#e50b0b;}


/* --- Content ------------------------------ */

#content{ background:url(../bg_content.jpg) top left no-repeat; margin-top:-15px; padding:20px; overflow:auto; }
#content.black{ background:url(../bg_content_black.png) top left no-repeat; overflow:visible; }

h1{ font-size:20px; }
h2{ font-size:18px; }
h3{ font-size:14px; }
h1,h2,h3,h4{ margin-bottom:10px; font-weight:normal !important;}
h1.underline,h2.underline,h3.underline,h4.underline{ border-bottom:1px dashed #ccc; padding-bottom:5px; margin-bottom:15px;}
#content.black .underline{ border-bottom-color:#222; border-bottom-style:solid;}
h1.title{ font-size:25px;}
h1 span{ font-size:12px; margin-left:25px; position:relative; top:-2px; }
h1 span a{ color:inherit !important;}
p{ line-height:20px; margin-bottom:15px;}
p.small{ font-weight:normal; font:10px 'Verdana','Arial','Helvetica', sans-serif;}
strong{ font-weight:bold; }
small{ font-size:smaller; font-weight:normal !important;}
a, a:visited{color:red; text-decoration:none; }
a:hover{ text-decoration:underline; }
*.blue{ color:#6699cc !important; }
*.darkblue{ color:#205284 !important; }
*.red{ color:#bb0000 !important;}
*.white{ color:white !important;}
*.larger{ font-size:larger; }

ul, ol{ list-style-type:disc; margin-bottom:18px; margin-left:25px; }
ul li, ol li{ line-height:18px; }

ol{ list-style-type:decimal;}
ol li ol{ list-style-type:lower-alpha;}

#content.black a, #content.black a:visited{ color:#205284; }


div.label, label{ display:block; margin-bottom:5px; font:11px 'Verdana',sans-serif;}
label span, div.label span{ display:inline-block; width:65px; }
input, textarea, select{ vertical-align:middle; }
select,input,textarea{ padding:2px; border:1px solid #888; font-size:12px;}
option, select{ padding:0; font-size:11px;}
input.button{ border:none !important; padding:0;}
textarea{ margin-bottom:10px; vertical-align:top;}


form{ margin-bottom:0px;}
img.button{ cursor:pointer; cursor:hand; }
img.thumb{ float:left; border:5px solid #a3a3a3; margin-right:10px; margin-bottom:10px;}
img.icon{ text-align:middle !important; }
img.icon:hover{ text-decoration:none;}
table{ margin-bottom:15px;}
th,td{ padding:5px; border-right:1px solid white; border-bottom:1px solid white; }
th{ background:#ccc;}
table.striped tr.stripe.td, tr.stripe td{ background:#efefef;}

/* --- Various Divs -- */

div.callout-main, div.callout-main2{ background:#1a1a1a; padding:35px; color:white; font-weight:normal; overflow:auto; margin-bottom:15px; }
div.callout-main2{ padding:25px;}
div.callout-main p, div.callout-main2 p{ color:#999; line-height:22px; margin-bottom:0px !important; }
div.callout-main img.thumb, div.callout-main2 img.thumb{ margin-bottom:0px !important;}

div.left{ width:47%; float:left; }
div.right{ width:47%; float:right; }
div.left-lg{ width:66%; float:left; }
div.right-lg{ width:66%; float:right; }
div.left-sm{ width:29%; float:left; }
div.right-sm{ width:29%; float:right; }
div.left, div.right, div.left-sm, div.right-sm, div.left-lg, div.right-lg, div.full{ padding:10px; margin-bottom:15px; }
div.col{ width:22.75%; float:left; padding:10px;}
div.threecol{ width:32%; float:left; padding:10px;}
div.nopad{ padding:0px !important;}
div.full{ overflow:auto;}
div.pad{ padding:20px;}
div.drop{ padding-top:50px;}

div.grey{ background:#1a1a1a; color:#aaa; }
div.left-line{ padding-left:15px; border-left:1px solid #ccc; padding-right:0px; }
div.right-line{ padding-right:15px; border-right:1px solid #ccc; }
div.whitebg{ background:white; }

div.underline{ border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:15px; overflow:auto; }
div.paging{ clear:both; float:right; padding:10px; font:11px Verdana, Helvetica, Arial, sans-serif;}

fieldset{ padding:10px; border:1px solid #aaa; overflow:auto; margin-bottom:15px;}
legend{ padding:7px 10px 7px 10px; background:#215283; color:white; font-size:11px;}

#video{ height:350px; width:460px; padding:0px; background:black; }
#vlist{ overflow:auto; height:475px; overflow-x:hidden;}
#video_detail{ height:125px;}
#video_detail li a{ color:#aaa !important;}

#employer_list h3{ margin-bottom:5px;}
#follow{ width:auto; float:left; padding-left:20px;}
#follow img{ margin:0px 5px 5px 0px; }
#linkedin{ float:left; }

/* --- Various Lists -- */

li.underline{ border-bottom-width:1px;}

#videoList a, #videoList a:visited{ color:white !important; }
ul.linklist{ margin-bottom:15px;}
ul.linklist li{ display:block; padding:5px; padding-left:10px; border-top:1px solid #ccc; }
ul.linklist li.title{ font-weight:bold; text-transform:uppercase; color:#205284; font:11px 'Verdana',sans-serif; border-top:none; }
ul.linklist a{ color:inherit; }
ul.linklist a:hover{ color:red; }
div.grey ul.linklist li{ border-top-color:#333;}

ul.dropdown{ position:relative; margin-bottom:10px; z-index:100; margin-left:0px; list-style-type:none; }
ul.dropdown li{ cursor:pointer; cursor:hand; }
ul.dropdown a{ display:block; padding:5px; }
ul.dropdown li.select{ display:block; border:1px solid #ccc; padding:5px 20px 5px 5px; 
					   cursor:pointer; cursor:hand; font:11px 'Verdana',sans-serif; background:white url(../buttons/selectbox.gif) 98% 50% no-repeat;  }
ul.dropdown ul{ display:none; position:absolute; top:99.9%; left:0px; background:white; width:99.5%; border:1px solid #ccc; border-top-style:dashed; list-style-type:none; margin-left:0px;}
ul.dropdown a{ color:#333; }
ul.dropdown a:hover{ background:#efefef; text-decoration:none;}
ul.dropdown-open, ul.dropdown-open ul{ z-index:500 !important;}
ul.dropdown-open li.select{ border-bottom:none; }

ul.form, ul.form-short{ margin-bottom:20px; }
ul.form li, ul.form-short li{ display:inline-block; width:30%; margin-right:10px; margin-bottom:10px; }
ul.form-short li{ width:22%; }

ul.sharelinks{ float:right; margin:0px 0px 15px 15px; list-style-type:none; }
ul.sharelinks li{ padding:3px 0px 3px 0px;}
ul.sharelinks a{ font:10px Verdana, Helvetica, Arial, sans-serif; text-transform:uppercase;}

#vlist ul{ margin-left:0px !important;}

div.subnav{ padding:10px;}
div.subnav li, div.subnav ul{ display:inline; }
div.subnav li{ padding:0px 10px 0px 10px; border-left:1px solid #999;}

/* --- User Home Page ------------------------------ */

#votm{ position:relative; left:-60px; padding:0px; margin:0px; padding-top:20px; margin-bottom:35px; z-index:2000;}
#votm div{ background:url(../ipod.png) center no-repeat; height:235px; }
#votm a{ position:absolute; bottom:0px; right:35px; display:block; width:120px; height:30px; text-indent:-9999em;}

#featured_employer{ background:url(../featured_employer.png) top left no-repeat; height:203px; position:relative; margin-bottom:20px;}
#featured_employer h2{ text-indent:-999em; margin-bottom:20px; }
#featured_employer div{ padding:30px 20px 40px 50px;}
#featured_employer h3{ font-size:15px; color:#990000; }
#featured_employer img{ float:left; margin-right:10px; }
#featured_employer span{ float:left; display:block; width:100px;}
#linkedin, #linkedin iframe{ background:white;}

/* --- Blog Posts ------------------------------ */

h1.post-title{ margin-bottom:5px;}
p.post-info{ font-size:11px; font-style:italic; line-height:16px;}
p.post-info a{ color:#333; text-decoration:underline;}
p.post-info a.comment-link{ color:red; text-decoration:none; }
div.post-comments{ border-bottom:1px solid #efefef; padding-bottom:5px;}
div.post{ padding-bottom:20px; border-bottom:1px dashed #ccc; margin-bottom:20px; padding:10px; }
div.post-sm{ margin-bottom:25px;}
div.post-comments div{ font:11px Verdana; padding:15px 10px 15px 10px; border-bottom:1px solid #efefef;}
div.post-comments div.comment-poster{ background:#e1edfa;}
div.post-comments img.thumb{ border-width:3px;}
div.post-comments p{ margin-bottom:0px;}
div.post-comments p.postedby a{ color:#333; text-decoration:underline; }
h3.comments-title{ padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #efefef;}
span.comment-info{ display:block; font-size:10px; font-style:italic;}

#addComment{ padding:20px 10px; }

#live_event{ width:100%; clear:left;}
#live_event iframe{ width:100% !important; }

/* --- jQuery UI ------------------------------ */

div.tabbed ul.ui-tabs-nav{ background:#333; height:25px; margin-bottom:10px; }
div.tabbed ul.ui-tabs-nav li{ display:block; float:left; height:15px; padding:7px 10px 3px 10px; border-right:1px solid #333; background:#333; font:9px 'Verdana',sans-serif; text-transform:uppercase; }
div.tabbed ul.ui-tabs-nav li.ui-tabs-selected{ background:#1a1a1a; }
#videoList div.tabbed ul.ui-tabs-nav li.ui-tabs-selected{ border-bottom:1px solid #1a1a1a; }
div.tabbed ul.ui-tabs-nav li a{ color:white; outline: none;}
div.tabbed ul.ui-tabs-nav li a:hover;{ text-decoration:none !important; }

.ui-datepicker { width:15em; padding: .2em .2em 0; background:white; border:1px solid #ccc; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; color:white; background:#333; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%; border:1px solid #333; font-size:10px; vertical-align:middle;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align:center; text-decoration: none; background:#efefef;  }
.ui-datepicker td a.ui-state-highlight{ background:#dbeafa; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker-calendar th{ background:none !important;}
.ui-datepicker-calendar td{ text-align:center; }

.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }

.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues */
.ui-state-disabled { cursor: default !important; }
/* Icons */
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ui-icon { width: 16px; height: 16px; background-image: url(../icons/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../icons/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../icons/ui-icons_2e83ff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../icons/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../icons/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../icons/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../icons/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../icons/ui-icons_cd0a0a_256x240.png); }

/* --- Flash Messages ------------------------------ */

div.error, div.warn, div.notice{ line-height:16px !important; border-width:1px; border-style:solid; padding:10px; padding-left:35px; margin-bottom:10px; overflow:hidden; font:11px 'Lucida Grande','Lucida Sans Unicode',sans-serif; }
div.error em, div.warn em, div.notice em{ float:right; vertical-align:middle; display:block; height:10px; width:10px; cursor:pointer; cursor:hand;}
div.error{ background:#f6c1c1 url(../icons/error.png) 10px 10px no-repeat; border-color:#9b2a2a; color:#9b2a2a; }
div.warn{ background:#f5eeb6 url(../icons/warn.png) 10px 10px no-repeat; border-color:#d4cf3d; color:#a78a04; }
div.notice{ background:#d1fdd8 url(../icons/notice.png) 10px 10px no-repeat; border-color:#3fa367; color:#074912; }

/* --- Top Login/Search/Welcome ------------------------------ */

#login, #search{ float:right; margin:20px 20px 0px 0px; color:#336699; font-size:12px; position:relative !important; }
#login form{ position:relative; width:250px; }
#login a{ color:#336699; }
#login input, #search input.text{ border:1px solid #6699cc; padding:2px; position:relative; top:-15px; }
#login input.button { position:absolute; left:100px; top:45px;}
#login div.label{ margin-bottom:0px !important; }
#login a{ position:absolute; left:20px; top:75px;}
#login a.button{ left:180px; top:45px;}
#welcome{ position:absolute; top:25px; left:375px; font:10px Verdana; color:#333; }
#welcome p{ float:left; line-height:16px; padding-right:10px;}
#welcome a{ color:#6699cc; text-decoration:underline; }
#welcome img{ float:right; vertical-align:middle; }

#search{ text-align:right;}
#search span{ font-size:20px; color:#336699;}
#search div.label{ margin-bottom:0px;}

/* --- Footer ------------------------------ */

#footer ul{ margin-bottom:5px;}
#footer li{ display:inline; padding:0px 10px 0px 10px; }
#footer a{ color:white; text-decoration:none; }
#footer p{ line-height:20px; margin-bottom:0px; }