@import"buttons.css";
@import"font_styles.css";
@import"accordion.css";
@import"tabs.css";
@import"slideshow.css";
@import"style_index.css";

/*body{
margin:0px;
background-color:#000000;
font: 76% arial;
background-image:url(/hoteljobs/img/page_bg.png);
background-repeat:repeat-y;
background-position:center;

}*/

/*
div#header{
background:url(../img/header_bg.jpg) repeat-x;
}
/**/

div#navbar{
text-align:left;
padding:3px;
background:url(/hoteljobs/img/navbarBg.jpg) repeat-x;

}

/* style for the 3 columns on the main navigation bar*/

.NavbarCell{
background:#eff2f7;
color:#333333;
font-family :Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}


.navbar:hover{
color:#FF6600;
}

/* Wrapper for the entire page */
div#container {
background-color:#FFFFFF;
position:relative;
width: 990px;

margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
padding:0px;
background:url(/hoteljobs/img/container_bg_inner.gif) repeat-y;

}

div#error_message{
margin:0 0 0 190px;
color:#f00;
font-weight:bold;

}


/* style for the left column of the page */
div#leftColumn{
width:150px;
float:left;
margin-top:10px; /* added by RD */
height:100%;
}

/* Styles for the Featured Emploery Page */
div#leftColumn1{
width:350px;
float:left;
height:100%;
padding:5px 5px 5px 5px;
}
div#rightColumn1{
width:350px;
margin:0px 0 0 375px;
padding:5px 5px 5px 5px;
}

div#exposure{
background:url(../img/opt_exp.jpg) no-repeat;
height:200px;
margin:5px;
padding:15px 15px 15px 25px;

}

div#hos_proff{
background:url(../img/hos_proff.jpg) no-repeat;
margin:5px;
padding:15px;
height:200px;
}

div#fea_package{
width:350px;
background:url(../img/fea_package.jpg) no-repeat;
margin:5px;
padding:15px;
height:200px;
float:right;
}

div#sync_corp{
background:url(../img/sync_corp.jpg) no-repeat;
margin:5px;
padding:15px;
height:200px;
}

div#multi_packages{
background:url(../img/multi_packages.jpg) no-repeat;
margin:5px;
padding:15px;
height:200px;
}

/* Styles for the Featured Emploery Page  ENDS*/

/* style for the right column of the page */
div#rightColumn{
margin:0px 0 0 170px;
padding:5px 5px 25px 25px;
}

div#rightColumn h2{
}

div#rightColumn hr{ border:0; color:0; background:none; height:0;
}

div#pic{
float:right;
padding: 10px 10px 20px 10px;
border:#666666 thin solid;
background:#FFFFFF;


}

div#content {
margin:0 0 0 170px;
}
div#content { 
/*min-height:300px;
height:expression(this.scrollHeight > 400 ? "auto":"300px");
*/
}

div#showleft {
background:#FFFFFF;
padding:3px;
text-align:left;
margin-left:auto;


}
/*
p, pre{
margin:0px;
}*/

hr{
color:#eaeaea;
background:#eaeaea;

}
/* -----------footer--------------------------- */
/*#footer {

clear: both;
margin-top:10px;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
background-color:#eaeaea;
}
*/


.divClear{
clear:both;
}


/* float left and float right are used to wrap text and push the divs to the respective side */
.floatLeft {
float:left;
padding:4px;
}
.floatRight {
/*float:right;*/
padding:2px 2px 2px 2px;
margin-top:5px;
}

.floatRight h3 {
font-size:22px;
}

.floatRight  a {
float:right;

}

/* Color Boxes */

.grayBar{
	background-color:#eaeaea;
	margin-bottom:0.4em;
	margin-top:0.4em;
	padding:15px;
}

.bgGradient{
	background:url(../img/grayBg.jpg) repeat-x;
border:thin solid #efefef;
background-position:bottom;

	
	margin-top:0.4em;
	padding:0.3em;
}


.blueBox{
	width:400px;
	float:left;
	}


/* hideDiv and showDiv are used to display or hide a div block  mainly used in the various search options */
.hideDiv {
display:none;
}

.invDiv {
visibility:hidden;
}

.showDiv {
	display:inline;
}
.vDiv {
visibility:visible;
}

.invDiv {
visibility:hidden;
}
	

/* CSS markup for the search form */
fieldset {
	margin-top: 5px;
	padding: 0;
	
	font-family:"Lucida Grande", "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 14px;
	
} 
legend {  
margin-left: 11px;  
color: #000000;  
font-weight: bold; 
} 

fieldset.submit {  
border-style: none; 
}

label {  
float: left;  
width: 200px;  
margin: 15px 0px 0px 25px;
font-size:12px;

}

/* Classes given below are added to show the employer's login box in right side of header */
div#employerLogin{
background:url(../img/employer_bg.gif) no-repeat center;
padding:0px;
height:79px;
float:right;
width:195px;
margin-right:10px;
}

div#jobseekerLogin{
background:url(../img/jobseeker_bg.gif) no-repeat center;
padding:0px;
height:79px;
float:right;
width:195px;
margin-right:15px;
}
div#topNav{
float:right;
}
div#header{
background:url(../img/new_header_bg.jpg) repeat-x;
padding-bottom:5px;
}


/*------ end of CSS markup for the form fields ------------*/