/* CSS Document */
*{ margin:0; padding:0;}
html {height:100%; overflow-y:scroll;}
body {background-color:#fff; margin:0; padding:0; height:100%; font-family: Arial; font-size: 12px;min-height:100%; }
a:active, a:focus, a:visited {outline:none;}
a:hover{text-decoration: underline;}
a{text-decoration:none;color:#000;}
p { white-space: normal }
#wrapper { width:1000px; height:auto; margin:0px auto; padding:0;}
body > #wrapper { height: auto;}
.underline{ text-decoration:underline}
#body-wrapper{min-height:100%; }
*+html #body-wrapper{width:1000px;}
div.left_extend{width:240px;bottom:0;background:url(/images/left_bg.gif) 10px 0 no-repeat #000; float:left;margin:0 240px 0 0;}
div.placeholder{background:none;margin-left:240px; width:780px;}

*html div.left_extend{float:left;background:none; margin:0; width:auto;z-index:-1;}
*html div.placeholder{margin-left:21%;width:750px; float:none;z-index:-1;}

*+html div.left_extend{float:left;}
*+html div.placeholder{margin-left:241px;width:750px;}

/*---------------------------------------------
Left side: Logo & Job Search contatiner
---------------------------------------------*/
#left-container{float:left; position:relative;padding-bottom: 15px;width: 240px;min-height:100%; height: 100%; }
#left-container div{width: 220px;padding: 15px 7px 0 8px; }
#left-container div div{padding: 0px 1px 15px 0px; background-color:#333;}
#left-container div table{border:none; width:90%; padding-left:0; border-spacing:0;}
#left-container div table tbody tr td{vertical-align:top; padding: 0 2px 5px 2px; color:#fff;}
#left-container div table tbody tr td.indent a{margin-left: 35px;}
#left-container div table tbody tr td div {color:#F8981D;width: 130px; position:relative; margin: -16px 0 0 20px;;}
#left-container div table tbody tr td.input-title{width: 80px; font-size:11px; text-align:right}
#left-container div table tbody tr td input, #left-container div table tbody tr td select{border:none; padding: 2px 0 2px 5px;}
#left-container div table tbody tr td input.button{background:url(/images/btn_bg.gif) no-repeat; width: 80px;}
#left-container a{font-size:12px;text-decoration:none;  color:#fff;}
#left-container a:hover{text-decoration:underline;}

#sitelink{text-align:center;color:#ccc;font-size:10px; line-height:15px;}
#sitelink a{color:#ccc;font-size:10px;}

*html #left-container{background:url(/images/left_bg.gif) 10px 0 no-repeat #000;}

/*dropdown */
#left-container div.selectbox-wrapper {position:absolute; z-index:1;background-color:white; border:1px solid #ccc; margin:0px; margin-top:0; padding:0px; font-size:0.8em;	text-align:left;max-height:200px; overflow:auto;}
*html #left-container div.selectbox-wrapper{margin: 20px 0 0 -105px;height:200px; overflow-y:scroll; overflow-x:hidden;}
*+html #left-container div.selectbox-wrapper{margin: 20px 0 0 -105px; }
div.selectbox-wrapper ul {list-style-type:none;margin:0px;padding:0px; z-index:200; width:auto;}
div.selectbox-wrapper ul li.selected {background-color: #EAF2FB;}
div.selectbox-wrapper ul li {list-style-type:none;display:block;margin:0;padding:2px;cursor:pointer;}
#left-container select.selectlng { margin: 0px 5px 10px 0px;padding-left:2px; font-family:Arial; font-size:0.8em;width : 10em;display : block;text-align:left; background: #fff; cursor: pointer; border:1px solid #ccc;color:#333;}
#jobfield_sel_input, #location_sel_input{width:100px;padding: 0 10px 0 2px; background: url(/images/dropdown_bg.gif) no-repeat;}

select.selectlng {background: #fff;}

/*---------------------------------------------
Right side: Job Industry/Download Links contatiner
---------------------------------------------*/
#qjobsearch-container{width: 180px; height:auto; position:relative; display:block; float:left; clear:right; margin-top:20px;}
#qjobsearch-container div.listing{width:180px;background-color:#E6E6E6; padding-bottom: 5px;}
#qjobsearch-container div.header{width:173px; padding: 5px 0 5px 7px;  background-color:#CCC; color:#333;font-size:11px;}
#qjobsearch-container div.items{color:#4D4D4D; font-size:11px; width:175px; padding: 5px 0 5px 7px; }
#qjobsearch-container div.items a {color:#4D4D4D;font-size:11px;}
#qjobsearch-container div.items a:hover{text-decoration:underline;}
#qjobsearch-container div.items_sub{width:175px; padding: 5px 10px 10px 0;text-align:right;}
#qjobsearch-container div.items_sub a {color:#4D4D4D;font-size:10px; font-weight:bold;text-decoration:underline;}

/*---------------------------------------------
Polling
---------------------------------------------*/
table.poll {width:99%;font-family: Verdana, Arial, Helvetica, sans-serif;  background-color:#fff; padding: 2px 0 5px 0; border:none;}
table.poll tbody tr td.selector{vertical-align:top; text-align:left;width:15px;padding-top:1px;}
table.poll tbody tr td.option{vertical-align:top; text-align:left;font-size: 11px;padding-bottom:5px;}
select {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}
div.question{color:#666; padding:10px 0 15px 2px; font-weight:bold; font-size:12px;}
table.poll tbody tr td input.button{background:url(/images/btn_bg.gif) no-repeat; width: 105px; height:23px; padding: 5px 10px 5px 10px; border: none;}

/*---------------------------------------------
Navigation bar 
---------------------------------------------*/
#navigation-bar{width: 755px; height:auto;position:relative; left:99%; margin-left:3px;z-index:10;}
#search-select-bar{width: 750px;;height: 40px;background:url(/images/topbar_bg.gif) repeat-x; }
#menu-bar {width: 100%;float: left; height:50px;padding-top:15px; }
div.cty-select{position:relative; display:block;width:220px;}
div.search-text{width:230px; float:right;padding: 5px 5px 10px 0; vertical-align:middle; }
div.search-text-label{padding: 2px 5px 0 0;color:#000;float:right;position:relative; display:block;}
div.search-text-border{width:180px; background:#fff;float:right; border:thin #000;}
div.search-text div.search-text-border input.search-input{padding: -10px 0 0 0 2px;border:#fff solid 1px; width: 150px; color:#666; font-family:Verdana, Geneva, sans-serif;}
div.search-text div.search-text-border div.search-text input.magbtn{margin:2px 2px 0 0; }

*html #navigation-bar{margin-left:4px;left:0;}
*+html #navigation-bar{margin-left:4px;left:0;}

/*---------------------------------------------
Flash Container 
---------------------------------------------*/
#flash-container{top:1%;z-index:1; float:left;position:relative;display:block;}
*+html #flash-container{float:left;}

/*---------------------------------------------
Page Body 
---------------------------------------------*/
#body-container{width: 570px; height:auto; position:relative;float:left;display:block; top:5px; min-height:100%;}
*html #body-container{left:1px;width: 550px; }
*+html #body-container{left: 1px;width: 550px; float:left;}

#body-container div{padding:1px 20px 1px 20px; width: 530px;}
*html #body-container div {padding:1px 0 5px 10px; }

#body-container div.article div.img-container {width:15%; float:left; padding:5px 0 0 0; border:0;}
#body-container div div.img-container img.logo{padding: 5px 10px 0 0; border:0;}
#body-container div.article div.text-container{width:75%; float:left;}
#body-container div div p.title{color:#f8971d; padding:1px 0 5px 0; font-weight:bold;}
#body-container div div.text-container p{padding: 5px 0 5px 0; }
#body-container div div.text-container p a{font-weight:bold; text-decoration:underline;}
#body-container div div.separator{width:99%; float:left;}
#body-container div div.separator hr{border: 1px solid #ccc;background:#ccc; width:99%; margin-left:-15px;}
#body-container div.section{float:left; border:0; padding-top:1px;}

*html #body-container div div.text-container p{padding: 0; }
*html #body-container div.article{padding-bottom:0; }
*html #body-container div.section{padding-bottom:0; }
*html #body-container div div p.title{padding:5px 0 10px 0; }
*html #body-container div div.separator{padding:0;}

*+html #body-container div div.text-container p{padding: 0; }
*+html #body-container div.article{padding-bottom:0; }
*+html #body-container div.section{padding-bottom:0; }
*+html #body-container div div p.title{padding:5px 0 10px 0; }
*+html #body-container div div.separator{padding:0;}

#body-container div div.separator3{width:97%; float:left;}
#body-container div div.separator3 hr{border: 1px solid #ccc;background:#ccc; width:98%; margin-left:-15px;}

*+html #body-container div div.separator3{width:99%;}
*html #body-container div div.separator3 {padding-top:10px; margin-left:-3px; width:99%;}
*+html #body-container div div.separator3{padding-top:10px; margin-left:-21px; }
div.long{padding:10px 10px 10px 20px; width: 680px !important; }
#body-container div.separator2{width:100%; float:left; background:url(/images/bg_ccc.gif) repeat; height:2px; padding:0; margin:-10px 0 10px 0;}
/*---------------------------------------------
Footer
---------------------------------------------*/
#footer{width: 900px; height:50px; position:relative; display:block; float:left; padding-top: 20px; top:10px;}
#footer img{width: 1000px;}
/*---------------------------------------------
Form Elements
---------------------------------------------*/
input.inputtext{width: 100px; font-family: Arial; font-size: 11px;}
select.inputselect{ font-family: Arial; font-size: 11px;}

/*---------------------------------------------
clearfix
---------------------------------------------*/
.clearfix {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }
.ui-widget-header {background:#000; border:1px solid #333; color:#fff; font-weight:bold; }
.ui-widget-header .ui-icon {background-image:url(/images/ui-icons_ffffff_256x240.png);}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
background:#000000;border:1px #000 solid;}

/**************** menu coding *****************/
#search-select-bar{z-index: 500;}
#cty-select {width: 200px; float: left;}
#cty-select ul {list-style: none; margin: 0; padding: 0; width: 12em;float: left;position:absolute; margin-left:-250px;}
#cty-select a{font-size: 10px; color:#666;display: block; margin: 0; padding: 5px 5px; text-decoration: none;}
#cty-select li {position: relative;}
#cty-select ul li ul {position: absolute;z-index: 500;margin-left: -5px;display: none;}  

#cty-select ul li.headlink a{width: 150px;margin-left: 25px; }
#cty-select ul li.headlink div{width: 150px; color:#333; font-size:11px; font-weight:bold; margin-left: 18px; top:-5px; padding-bottom:3px;}
#cty-select ul li:hover ul, #cty-select ul li a:hover{display: block;}
#cty-select ul li a.main{color:#333;}
#cty-select ul li ul li a{padding: 6px 0 8px 35px; background:url(/images/ctryselector_bg.gif) no-repeat;}
#cty-select ul li ul li a:hover{ background-position: 0 -27px ;}


*+html #cty-select ul{z-index:900;}
*+html #cty-select ul li.headlink {width: 150px; position:relative;z-index: 500;left: 10px;}
*+html #cty-select ul li ul{position:relative;}
*html #cty-select{margin-left:120px;}
*+html #cty-select{margin-left:220px;}
*html #cty-select ul li {float: left;z-index: 500;}
*html #cty-select ul li ul li{float: none;}
*html #cty-select ul li a.main{padding: -5px 0 10px 20px;}


#menu-bar{float:none; }
#menu-bar ul {list-style: none; margin-left: 15px; padding: 0; float: left;z-index: 100;position:absolute;z-index: 400;}
#menu-bar li {position: relative;}
#menu-bar ul ul{margin:0;display: none;}
#menu-bar ul li.headlink{float:left; text-align:center;}
#menu-bar ul li.headlink a{width:127px;}
#menu-bar ul li.extend a{width:130px;}
#menu-bar ul li.start{float:left;width: 9px; }
#menu-bar ul li.split{float:left;width: 3px;height: 32px; background:url(/images/menubar_bg.gif) repeat-x; v}
#menu-bar ul li.split div{color:#fff; font-size:11px;width:3px; margin-top: 10px; font-weight:bold;}
#menu-bar ul li:hover ul{display: block;}
#menu-bar ul li a.main{color:#fff; padding: 10px 0 0 8px; height: 32px;background:url(/images/menubar_bg.gif) repeat-x;}
#menu-bar ul li ul {position: relative;z-index: 400; margin-top: -10px; text-align:left;} 
#menu-bar ul li ul li a{ font-size: 11px; color:#4D4D4D;padding: 6px 0 7px 20px; position:relative; background:url(/images/itemselector_bg.gif) no-repeat;}

#menu-bar ul li ul li a:hover{background-position: 0 -27px ;}
#menu-bar ul li ul li a.double{background:url(/images/itemselector_db_bg.gif) no-repeat; padding: 6px 0 3px 20px; }
#menu-bar ul li ul li a.double:hover{background-position: 0 -37px ;}
#menu-bar a{display: block; margin: 0; color: #000; text-decoration: none; }

*html #menu-bar{z-index: -1; position:relative;}
*html #menu-bar, *+html #menu-bar{margin-top:-10px;float:none;}

*html #menu-bar ul li.headlink {float: left; }
*html #menu-bar ul li.headlink ul li a{width:113px;padding: 6px 0 7px 19px;}
*html #menu-bar ul li ul{left:5px;}
*html #menu-bar ul li ul.extend{padding-left:19px;}
*html #menu-bar ul li ul.extend a{padding-right: 5px; }
*html #menu-bar ul li ul li a.double{padding: 6px 0 3px 19px; }


*+html #menu-bar ul{z-index: 99;}

/* Banner button */
#banner-rotator{margin-left:15px;}
#banner-rotator img{border:none;}
#nav{position: absolute; margin:-30px 15px 15px; z-index:9999;}

#nav a { border:none; color:#fff; font-weight:bold;text-decoration:none; padding: 8px 10px 5px 9px;background:url(/images/btn_banner.png) 0 0 no-repeat;}
*html #nav a {padding: 8px 10px 2px 9px;position:relative;}
*+html #nav a {padding: 8px 10px 2px 9px;position:relative;}
#nav a.activeSlide {color:#666;background-position: 0 -26px;}
#nav a:focus { outline: none; }