/* CSS Document for MAZDA GREENHILLS
   Copyright(c) 2008. All rights reserved.
*/

html, body {
 margin      : 1px;
 font-family : arial, verdana;
 font-size   : 12px;
}

/* CSS BODY BACKGROUNDS */
#bgshadowside{
	background-image   : url('../img/bgshadowside.jpg');
	background-repeat  : repeat-y;
}

#topLink_bg{
	background-image   : #fefefe url('../img/toplink_bg.jpg');
	background-repeat  : repeat-x;
}
#bg01{
	background-image   : url('../img/bg01.jpg');
	background-repeat  : no-repeat
}


.body_contents{
	font-size   : 12px;
	color       : #000;
	padding-left: 5px;
}

/* TOP MENU  */
.topMenuContainer {
	height          : 28px;
	padding-left    : 15px;
	
	border-bottom   : thin dotted #C7C5C5;
	border-top      : thin dotted #C7C5C5;	
	margin-left     : auto;
	margin-right    : auto;	
	background-image: url(../img/th_green.jpg);
	background-repeat:repeat-x;
}



/*Nav bar styles*/
#navcontainer ul
{
padding-left: 0;
margin-left: 0;

/*background-color: #036; */
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0 1em;
/*background-color: #036; */
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color:#0F6613;
color: #fff;
}



/*Menu styles*/

ul.nav,
.nav ul,
.nav ul li a{
color: #ffffff;
}

ul.nav li:hover,
.nav ul li a:hover{
	background-image   : url('../img/links_02_hover.jpg');
	background-repeat  : repeat-x;
	color              : #fff;
}

ul.nav li:active,
.nav ul li a:active{
	background-color: #036;
	color: #fff;
}

ul.nav,
.nav ul{
	border: 0px solid #369;
	color : #14505A;	
}

.nav a{
	text-decoration: none;
	color          : #14505A;	
}
/* end of top menu  */

.body_contents a {
	color:#666666;
	text-decoration:none;
}

.body_contents a:hover {
	color:#0066CC;
	text-decoration:underline;
}

td.body_contents_jobs { 
	background-color:#EAF4E8;
	/* background-image   : url('../img/botlingbg.jpg');*/
	background-position: bottom;
	background-repeat  : repeat-x;
	height             : 250px;
}
td.body_contents_jobs a {
	color:#666666;
	text-decoration:none;

}

.tabletext_jobs a {
	color:#666666;
	text-decoration:none;

}

.main_footer_div {
	font-size: 11px;
	color    : #FFFFFF;
	position : absolute;
	top      : 650px;
	left     : 135px;
}

.topLink_main {
	font-size   : 12px;
	color		: #005825;
}
a {border:none;}
a.topLink_main:link    {color: #fff; text-decoration: none;}
a.topLink_main:visited {color: #fff; text-decoration: none; }
a.topLink_main:hover   {text-decoration : none; color: #ffff00;}

a.topLink_main:active  {color: #005825; text-decoration: none; }

.leftAnchor_link {
	font-size   : 12px;
	color		: #fff;
	position    : relative;
}
a.leftAnchor_link:link    {color: #fff; text-decoration: none;}
a.leftAnchor_link:visited {color: #fff; text-decoration: none; }
a.leftAnchor_link:hover   {text-decoration : none; color: #ffff00;}

a.leftAnchor_link:active  {color: #fff; text-decoration: none; }

 .anchor_footer {
 color        : #000000; 
 font-size    : 11px; 
 }
a.anchor_footer:link {color: #000; text-decoration: none;}
a.anchor_footer:visited {color: #000; text-decoration: none; }
a.anchor_footer:hover {color: #ff0000; text-decoration: none;}
a.anchor_footer:active {color: #000; text-decoration: none;}
/*//FOOTER CSS SECTION*/

#footer_main {
  font-size		    : 10px;
  color			    : #000000;
  padding-left      : 10px;
  background-image  : url('../img/fbg_repeat.jpg');
  background-repeat : repeat-x;
}

/* BODY CONTENTS */
.title_main {
	font-size   : 15px;
	color		: #98b736;
    font-weight : bold;
}

.contents_main {
	font-size   : 12px;
	color		: #000;
}

.contents_body {
	font-size   : 12px;
	color		: #000;
	padding-left: 15px;
	padding-top : 15px;	
}


.contents_otherbody {
	font-size   : 12px;
	color		: #000;
	padding-left: 15px;	
	padding-right: 15px;
	background-color:#EAF4E8;
}

.contents_otherbody h3 { font-size: 18px; color: #333333; font-weight: bold; padding-top: 8px; }
.contents_otherbody p { color: #000000;  }

.contents_otherbody ol { padding: 10px; }

.inner {
background-color:#EAF4E8;
}

.title_head {
	font-size   : 15px;
	font-weight: bold;
	color		: #fff;
	padding-left: 15px;
	padding-top : 5px;	
	padding-bottom : 5px;		
	background-color: #2F968B;
}

.title_head  a {
color:#FFCC00;
text-decoration:blink;
}

.title_head  a:hover {
text-decoration:none;
color:#FFFFFF;
}

/* HOME */
.miniContents {
	font-size    : 11px;
	color        : #000;
	padding-left : 10px;
	padding-right: 5px;	
}

/* BODY LEFT NAV  */

.left_nav {
    background-image   : url('../img/bg_nav_left.jpg');
	background-repeat  : repeat-x;	
	background-color: #3E484A;
	color: #CCCCCC;
	font-size:12px;
	padding-left: 15px;
	padding-top : 25px;
}
a.left_nav_anchor:link {color: #ffffff; text-decoration: none;}
a.left_nav_anchor:visited {color: #ffffff; text-decoration: none; }
a.left_nav_anchor:hover {color: #ff0000; text-decoration: none;}
a.left_nav_anchor:active {color: #ffffff; text-decoration: none;}

#leftNav_bg_qsearch{
    background-image  : url('../img/qsearchbg.gif');
	background-repeat : no-repeat;
	width			  : 184px;
	height			  : 142px;
	
}
#rightNav_bg_jobsearchlogin{
  
	background-image  : url('../img/jobloginbg.gif'); 
	background-repeat : no-repeat;
	width			  : 184px;
	height            : 250px;
	padding-top    :  10px;

}
#leftNavbg_mlist {
    background-image  : url('../img/mlistbg.gif');
	width			  : 192px;
	height            : 142px;
	background-repeat : no-repeat;
}	


/* FORMS */
.mlist_form {
	font-size    : 12px;
	text-align   : left;
	padding-left : 6px;
	padding-right: 10px;	
	padding-top  : 35px;
	color        : #000;
}
.mlist_form_input {
	font-size    : 10px;
	text-align   : left;
	padding-left : 6px;
	color        : #000;
	border-bottom: 1px solid #C3C3C3;
	border-left  : 1px solid #C3C3C3;	
	border-right : 1px solid #C3C3C3;	
	border-top   : 2px solid #7C7C7C;	
}

.qsearch_form{
	font-size    : 12px;
	text-align   : left;
	padding-left : 12px;
	padding-right: 10px;	
	padding-top  : 40px;
	color        : #FFF;
}

.login_form{
	font-size    : 12px;
	text-align   : left;
	padding-left : 14px;
	padding-right: 10px;	
	padding-top  : 40px;
	color        : #000;
}
.right_form_input {
	font-size    : 9px;
	text-align   : left;
	padding-left : 6px;
	color        : #000;
	border-bottom: 1px solid #C3C3C3;
	border-left  : 1px solid #C3C3C3;	
	border-right : 1px solid #C3C3C3;	
	border-top   : 2px solid #7C7C7C;	
}

.titlebar{
	font-size        : 15px;
	font-weight		 : bold;
	text-align       : left;
	padding-top      : 10px;
	padding-left     : 15px;
	height           : 25px;	
	color            : #fff;
	background-color : #036;
	background-repeat: repeat-x;
	width            : 100%;
}

.titlebar_jobs{
	font-size        : 13px;
	text-align       : left;
	padding-top      : 5px;
	padding-left     : 15px;
	height           : 25px;	
	color            : #fff;
	background-color : #6EBB1F;
	background-repeat: repeat-x;
	width            : 100%;
}

.titlebar_employer{
	font-size        : 13px;
	text-align       : left;
	padding-top      : 5px;
	padding-left     : 15px;
	height           : 25px;	
	color            : #fff;
	background-color : #F0B300;
	background-repeat: repeat-x;
	width            : 100%;
}
.titlebar_news{
	font-size        : 13px;
	text-align       : left;
	padding-top      : 5px;
	padding-left     : 15px;
	height           : 25px;	
	color            : #fff;
	background-color : #DB0029;
	background-repeat: repeat-x;
	width            : 100%;
}


/* NAVIGATION BUTTONS */
.cssnav	{
	position:relative;
	background-image:  url('../img/links_02_hover.jpg');
	width: 192px;
	height: 28px;
	text-align:left;
}
.cssnav a {
	color:#14505A;
	font-size: 15px;
	text-decoration: none;
	text-align:left;	
	font-weight: bold;
	overflow:hidden;
}
.cssnav a:hover {
    color: #ffffff;
}


.cssnav img {width: 192px; height: 28px; border: 0; }
* html a:hover {visibility:visible;}
.cssnav a:hover img{visibility:hidden}

.cssnav span {
	position: absolute;
	left: 18px;
	top: 9px;
	cursor: pointer;
}
/* END OF NAVIGATION */

/* Browse By Employer */
.br_employer{
	font-size    : 11px;
	text-align   : left;
	padding-left : 5px;
	padding-right: 5px;	
	padding-top  : 5px;
	border-right : 1px dashed #8C0000;
}
.br_employer span {
	color: #F00;
	font-weight: bold;
}
.br_employer p {
	color    : #000;
	font-size: 9px;	
}
.br_employer hr {
	border: 1px dashed #FA2223;
}

/* Browse Jobs By Specs */
.br_specs{
	font-size    : 11px;
	text-align   : left;
	padding-left : 5px;
	padding-right: 5px;	
	padding-top  : 5px;
	border-right: 1px dashed #109ECA;
}
.br_specs span {
	color: #109ECA;
	font-weight: bold;
}
.br_specs p {
	color    : #000;
	font-size: 9px;	
}
.br_specs hr {
	border: 1px dashed #25B3E4;
}