/* - - - - - - - - - - - - - - - - - - - - -

Title : Company Name
URL : Company URL

Author :Siliconpetals
Author URL : http://www.siliconpetals.com

- - - - - - - - - - - - - - - - - - - - - */


/*
----------------------------------------------------------------------------- 
Global Styles
-----------------------------------------------------------------------------*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote { margin:0; padding:0; list-style:none; }

body { background:#000000 url(../images/bg_main.png) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;  text-align:center;/* for IE */ margin-top:0px; margin-bottom:0px; color:#000000;}

form{margin:0; padding:0;  }


select, input, textarea {
	font:  Verdana, Helvetica, sans-serif;
}
input{ height:18px; border:1px solid #000000;}

img { border: 0;}

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

p, td { margin:0px; padding:0px;   text-align:left; color:#000000; font-size:11px; font-family:Verdana ;}
ul,li {margin:0; padding:0; list-style:none;}

a{margin:0; padding:0; font-size:11px; font-weight:bold; color:#333; text-decoration:none;}

h5{text-align:center; font-size:12px; font-family:Verdana; color:#ffffff; font-weight:bold;}


.display{ display:block; }


.clear { clear: both;}


/*
----------------------------------------------------------------------------- 
Template Styles
-----------------------------------------------------------------------------*/
#wrapper{ width:873px; display:block; margin:auto;}
.wrap1{ background:url(../images/top_bg.png) top no-repeat; width:823px; height:81px; padding-left:30px; padding-right:20px;}
.wrap2{ background:url(../images/rep_cen.png) repeat-y; width:873px;  }
.wrap3{ background:url(../images/bottom_bg.jpg)  12px bottom no-repeat; }
.wrap_home{ background: url(../images/home1_bg.jpg) 12px bottom no-repeat; width:873px; min-height:500px; height:auto !important; height:500px;}
.wrap_inner{ padding-bottom:80px; padding-top:20px; padding-left:20px; padding-bottom:30px; padding-right:30px; text-align:justify;}
.wrap_inner p{color:#555454; text-align:justify; font-weight:normal;}

#rep{ background:url(../images/bottes_bg.jpg) no-repeat; width:873px; height:26px;}
.pad{}
/*
----------------------------------------------------------------------------- 
logo goes here
-----------------------------------------------------------------------------*/
#logo{ background:url(../images/logo.jpg) no-repeat; height:55px; width:286px; float:left;}
#navi{ float:right; width:450px; text-align:left; padding-top:10px;}
#navi li{  font-size:6px; float:left; color:#039adc;  display:block; padding-right:10px; padding-left:10px; background:url(../images/divider.gif) right no-repeat;}
#navi a{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; display:inline; color:#039adc;}


/*
----------------------------------------------------------------------------- 
Header goes here
-----------------------------------------------------------------------------*/
#header{ background: url(../images/header_main.png)  22px  no-repeat; width:873px; height:256px;}
.tagline{ background:url(../images/tagline.png) no-repeat; width:588px; height:60px; margin:auto; margin-top:62px; }

/*
----------------------------------------------------------------------------- 
Homepage styles goes here
-----------------------------------------------------------------------------*/
.white_box{ display:block;  height:217px; padding-top:0px;}
.white_box p{ font-family:Verdana; font-size:11px; color:#a7a5a5; font-weight:normal; padding-left:10px; padding-top:3px; padding-right:10px;}
.emp{ width:281px; float:left;}
.emp_top{ background:url(../images/wh1_top.png) no-repeat; width:281px; height:162px; padding-top:8px}
.emp_bot{ background:url(../images/wh1_bot.png) no-repeat; width:281px; height:31px;}
.employers{ background:url(../images/employers.png) no-repeat; width:176px; height:122px; text-align:left; padding-top:40px; padding-left:105px;}
.emp a{ font-family: Arial; font-size:11px; color:#df9520; padding-right:5px; padding-left:5px; border-right:2px solid #df9520;}
.job{ width:287px; float:left;}
.job_top{ background:url(../images/wh2_top.png) no-repeat; width:287px; height:162px; padding-top:8px;}
.job_bot{ background:url(../images/wh2_bot.png) no-repeat; width:287px; height:31px;}
.job_seakers{ background:url(../images/job_seakers.png) no-repeat;width:187px; height:124px; text-align:left; padding-top:38px; padding-left:100px;}
.job a{ font-family: Arial; font-size:11px; color:#003e59; padding-right:5px; padding-left:5px; border-right:2px solid #003e59;}
.feat{ width:281px; float:left;}
.feat_top{ width:281px; background:url(../images/wh3_top.png) no-repeat; height:162px; padding-top:8px;}
.feat_bot{ background:url(../images/wh3_bot.png) no-repeat; width:281px; height:31px;}
.featured_job{ background:url(../images/featured_job.png) no-repeat; width:176px; height:124px; text-align:left; padding-top:38px; padding-left:105px}
.feat a{ font-family: Arial; font-size:11px; color:#7eae40; padding-right:5px; padding-left:5px; float:right; padding-right:20px;}



/*
----------------------------------------------------------------------------- 
Inner pages goes here
-----------------------------------------------------------------------------*/
.lf_inner{float:left; width:320px;}
.rf_inner{float:right; width:502px;}



/*
----------------------------------------------------------------------------- 
Search pages goes here
-----------------------------------------------------------------------------*/
.search_box{ width:299px; display:block; text-align:left; padding-top:5px;}
.search_top{ background:url(../images/top_search.jpg) no-repeat; width:299px; height:15px;}
.search_cen{ background:url(../images/search_cen.jpg) top no-repeat; width:299px; min-height:390px; height:auto !important; height:390px;}
.search_rep{ background:url(../images/searc_cen_rep.jpg) repeat-y; width:299px;}
.search_bot{ background:url(../images/searc_bot.jpg) no-repeat; width:299px; height:15px;}
.search_cen p{ font-weight:bold; line-height:18px;  padding-bottom:4px; font-size:10px; color:#727677;}
.box1{ height:30px; width:148px; border:1px solid #000000; }
.box2{ height:18px; width:148px; border:1px solid #000000; }
.button3{ background:url(../images/button2.png) no-repeat; width:74px; height:31px; cursor:hand; border:none; text-align:center; line-height:29px; font-family:Verdana; font-size:11px; font-weight:bold; color:#059adc; display:block; }
a.button4{ background:url(../images/button2.png) no-repeat; width:74px; height:31px; cursor:hand; border:none; text-align:center; line-height:29px; font-family:Verdana; font-size:11px; font-weight:bold; color:#059adc; display:block;}
/*
----------------------------------------------------------------------------- 
login pages goes here
-----------------------------------------------------------------------------*/
.log_box{ margin-top:10px;  display:block; text-align:left;}
.log_tp{ background:url(../images/log_top.png) no-repeat; width:299px; height:18px;}
.log_cen{ background:url(../images/log_cen.png) no-repeat; width:269px; height:130px; padding-left:30px; padding-top:5px;}
.lr_sm{ float:left; width:60px; display:block; margin-right:5px; line-height:18px;}
.lr_sm p{ font-weight:bold; font-size:10px; color:#727677;}
.rl_sm{ float:right; width:150px; display:block;}
.log_bot{ background:url(../images/log_bot.png) no-repeat; width:299px; height:22px;}







a.ovalbutton{
background: transparent url('../images/button_lf.png') no-repeat top left;
display: block;
float: left;
text-align:center;
font: normal 14px  Verdana; /* Change 13px as desired */
line-height: 40px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 39px; /* Height of button background height */
padding-left: 19px; /* Width of left menu image */
text-decoration: none;

}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color:#059adc; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../images/button_rf.png') no-repeat top right;
display: block;
line-height:40px;
padding: 0 24px 11px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */

}

a.ovalbutton:hover span{ /* Hover state CSS */

}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}





/*
----------------------------------------------------------------------------- 
Footer styles goes here
-----------------------------------------------------------------------------*/
#footer{background: url(../images/footer_cen.jpg) repeat-x; width:873px; height:57px;}
#footer_lf{background:url(../images/footer_lf.jpg) left no-repeat; width:873px; height:57px;}
#footer_rf{background:url(../images/footer_rf.jpg) right no-repeat; width:873px; height:57px;}
#foot_links{float:left; display:block; padding-left:30px; padding-top:10px;}
#foot_links a{color:#414140; font-family:Verdana; font-size:11px; font-weight:bold; border-right:2px solid #414140; padding-left:5px; padding-right:5px;}
#foot_descp{ float:right; padding-right:30px; padding-top:10px; text-align:right;}
#foot_descp p{ font-family:Verdana; font-size:11px; font-weight:normal; color:#414140; text-align:right; line-height:18px; }
#foot_descp a{ color:#414140;}


















 h1{font-size:16px;}
 h2{font-size:14px;}
 h3{font-size:12px;}
 h4{font-size:11px;}





#container {
	position: relative;
	border: 1px solid #369;
	border-bottom: 10px solid #369;
	
	margin: 30px auto;
	width: 770px;
	text-align: left;
}

.logoRow h2 {display: inline; margin-left: 210px; margin-top: 30px;}
td.leftCol { border-right: 1px solid #369; } 
td.leftCol p {padding: 5px 10px; }
#leftForm {border-bottom: 1px solid #369;}
#leftForm td {padding: 5px 0 5px 10px; }
#leftForm td p {width: 160px; }

#leftForm input[type="text"] {border: 1px solid #369; }
#leftForm select {border: 1px solid #369; }

ul#col_head {padding-left: 20px; background-color: #d5e6f6; border-top:1px solid #369; }
ul#col_head li {padding: 5px 0 10px 0; list-style: disc; font-size: 13px; font-weight: bold; }
td#mainContent { padding-left: 10px;}

table#resultsTable { border-top:1px solid #369; border-bottom:1px solid #369; }
table#resultsTable th { background-color: #d5e6f6; text-align: center; border:1px solid #d5e6f6;}
table#resultsTable td { text-align: center; }
table#resultsTable tr.unshaded { background-color: #ffffff; }
table#resultsTable tr.shaded { background-color: #EAEAEA; }
table#resultsTable tr.shadehover { background-color: #A2C8EB; }
table#resultsTable tr { cursor: hand;  }

table#postingTable td{
	padding: 6px;
}




#heading { position: relative; padding: 3px 0; text-align: center; \
}
#heading h3 { margin: 0 auto; color:#000000; }

#heading2 { padding: 3px 10px 0; margin-top: 20px;}

#topMainForm { overflow: visible; }
#topMainForm td{padding: 5px;}
#topMainForm th{text-align: center; margin-top: 10px;}
#topMainForm textarea{ overflow:auto; }
td.first { border-top: 1px solid #369; }
p.first {padding-top: 10px;}
th.first {padding-top: 10px;}

select, input, textarea {
	font: 10px  Verdana, Helvetica, sans-serif;
}

.fieldLabel {
	text-align: right;
	font-weight: bold;
	vertical-align: top;
	padding-top: 6px;
}
input, textarea {
	font: normal 12px verdana;
	border: solid 1px #cccccc;
}
select {
	font: normal 11px verdana;
}
.submit {
	background: #e0e0e0;
	color: #000000;
	font-weight: bold;
}
