/*main2.css starts here*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color:#000000;
}
	h1,h2,h3,h4,h5,h6,p { font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif;}	

	h1 {font-size: 1.7em; color:#6C3175; margin: 0 0 0 0; padding: 10px 0px 10px 0; font-weight:bold;}
	h2 {font-size: 1.1em; color:#333333; margin: 0 0 0 0; padding: 18px 0 10px 10px; text-align: left; font-weight:lighter;}	
	h3 {font-size: 1.0em; color:#000000; margin: 0 0 0 0; padding: 0px 0 0px 0px; font-weight:lighter;}	
	h4 {font-size: 0.9em; color:#000000; margin: 0 0 0 0; padding: 0px 0 0px 0px; font-weight:lighter; }	
	h5 {font-size: 0.9em; color:#000000; margin: 0 0 0 0; padding: 45px 0 0px 5px; font-weight:lighter; }		
	h6 {font-size: 0.9em; color:#594F4D; margin: 0 0 0 0; padding: 0px 0 0px 0; font-weight:bold; }	
	p {font-size: 1.1em; color:#000000; margin: 0 0 0 0; padding: 0px 0 0px 0; font-weight:lighter; 
}	
#wrapper { 
 margin: 0 auto;
 width: 979px;
 background: url(/images/bgfade.jpg);
}
#faux {
/* background: url(../images/faux-2-3-col.gif);*/
 background-image:url(../images/faux-2-3-col.gif);
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 951px; 
 margin: 0px 1px 0px 13px;
 height:auto;
}
#header1 {
 color: #333;
 width: 501px;
 padding: 0px;
 height: 103px;
 margin: 0px 0px 0px 0px;
}
#header2 {
 color: #333;
 width: 400px;
 padding: 0px;
 height: 78px;
 float: right;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px; 
}
#sub {
 color: #333;
 width: 400px;
 text-align: right; 
 margin: 0px 0px 0px 0px;
 margin: 7px 10px 0px 0px; 
}
#sub2 {
 color: #6e3177;
 width: 400px;
 height: 20px;
 text-align: right;
 margin: 6px 10px 0px 0px;
}

#sub2 a{
 color: #6e3177;
 width: 400px;
 height: 20px;
 text-align: right;
}

#sub2 a:hover {
 color: #6e3177;
 width: 400px;
 height: 20px;
 text-align: right;
}
#navigation {
 color: #333;
 height: 35px; 
 padding: 0px;
 margin: 0px 14px 0px 14px;
 background: #eeeeee;
}
#navbg {
 color: #333;
 height: 5px; 
 padding: 0px;
 margin: 0px 14px 0px 14px;
 background: #BDC2BE;
}
#navbg2 {
 color: #333;
 width: 951px;
 height: 1px; 
 padding: 0px;
 margin: 0px 14px 0px 14px;
 background: #8594A7;
}
#navbg3 {
 color: #333;
 width: 950px;
 height: 10px; 
 padding: 0px;
 margin: 0px 0px 0px 15px;
 background: #ffffff;
}
/*.navbg4 {
 color: #333;
 height: 7px; 
 margin: 5px 16px 0px 10px;
 background: #eeeeee;
}*/

#leftcolumn { 
 display: inline;
 color: #333;
 padding: 0px;
 margin: 0px 8px 0px 0px; 
 width: 166px;
 float: left;
 height:auto;
 overflow:hidden;
}
/* #contentmain { 
 float: left;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 427px;
 height: 228px;
 display: inline;
 position: relative;
 background-image: url('/photos/mainbg1.jpg');
 background-image: url(../images/mainbg1.jpg);
 background-repeat:no-repeat;
  
} */

/*#content { 
 float: left;
 color: #333;
 margin: 0px 0px;
 padding: 0px;
 width: 347px;
 display: inline;
}*/
#login { 
 display: inline;
 position: relative;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 5px;
 height: 228px;
 float: left; 
/* background-image: url('/photos/loginbg2.jp');*/
 background-image:url(../images/loginbg2.jpg);

}
#rightcolumn { 
 display: inline;
 position: relative;
 color: #333;
 margin: 0px 0px 0px 10px;
 padding: 0px;
 width: 78px;
 float: left; 
}
#jobsearchmain { 
 margin: 0px 8px 0px 0px;
 padding: 0px;
 width: 337px;
 height: 228px;
 float: right; 
/* background-image: url('/photos/searchbg.jpg');*/ 
background-image:url(../images/searchbg.jpg);
 background-repeat:	repeat-x; 
 background-color: #eeeeee;
}
#jobsearch { 
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 322px;
 float: right; 
}
/*#underfull { 
 width: 769px; 
 color: #333;
 margin: 20px 0px 0px 182px;
 padding: 0px;
}*/
#underfull2 { 
 display: inline; 
 position: relative;
 width: 349px; 
 color: #333;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 10px;
 float: left;
/* background-image: url('/images/bgforgot2.jpg');*/
 background-image:url(../images/bgforgot2.jpg);
 background-repeat:	repeat-x; 
}
#underfull3 { 
 display: inline; 
 position: relative;
 width: 359px; 
 height: 300px;
 color: #333;
 margin: 0px 10px 40px 0px;
 padding: 0px;
 float: right; 
 background-image: url('/images/bglog.jp');
 background-repeat:	repeat-x; 
}

#bgforgot { 
 display: inline; 
 position: relative;
 width: 359px; 
 height: 300px;
 color: #333;
 padding: 0px 0px 0px 0px;
 margin: 20px 0px 0px 0px;
 float: left;
/* background-image: url('/images/bgforgot.jpg');*/
 background-image:url(../images/bgforgot.jpg);
 background-repeat:	repeat-x; 
}
#footer { 
 width: 100%;
 clear: both;
 color: #333;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 0px;
/* background-image: url('/images/footer.jpg');*/
 background-image:url(../images/footer.jpg);
}
#footer2 { 
 width: 100%;
 clear: both;
 color: #333;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 text-align: center;
}
#footer3 { 
 width: 100%;
 clear: both;
 color: #333;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 text-align: center;
}
#dotline {
 width: 95%; 
 height: 1px;
 padding: 0px 0px 0px 0px;
 background-image: url('/images/dots.gif'); 
 background-repeat:	repeat-x; 
 }
 .dotlineinnerVacancy {
 height: 1px;
 margin: 5px 35px 0px 30px;
 background-image: url('/images/dots.gif');
 background-repeat:	repeat-x;
 width: 680px;  
 }
 .dotlineinnerVacancy2 {
 height: 1px;
 margin: 5px 35px 20px 20px;
 background-image: url('/images/dots.gif');
 background-repeat:	repeat-x;
 width: 680px;  
 }
 .dotlineinner {
 height: 1px;
 margin: 0px 35px 0px 10px;
 background-image: url('/images/dots.gif');
 background-repeat:	repeat-x;  
 }*
 .wflogo {
 width: 209px;
 height: 51px;
 margin: 28px 0px 0px 35px;
 border: 0px;
 }
 .exper {
 width: 353px;
 height: 30px;
 margin: 20px 0px 0px 45px;
 text-align: right;
 }
 .button {
 margin: 15px 15px 0px 10px;
 }
 .btnvac {
 width: 110px;
 height: 25px;
 margin: 100px 0px 0px 10px;
 }
 .mainphoto {
 width: 405px;
 height: 213px;
 margin: 5px 0px 0px 11px;
 }
 .form {
 width: 135px;
 height: 20px;
 margin: 0px 0px 0px 0px;
 } 
 .formjob {
 width: 125px;
 height: 20px;
 margin: 0px 0px 0px 0px;
 }  
 .formjob2 {
 width: 70px;
 height: 20px;
 margin: 0px 0px 0px 16px;
 } 
 .loginbtn {
 width: 50px;
 margin: 0px 12px 0px 95px;
 } 
 .frmdropdown
{
    BORDER-RIGHT: #7F9DB9 1px solid;
    BORDER-TOP: #7F9DB9 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: #7F9DB9 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #7F9DB9 1px solid;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    TEXT-DECORATION: none;	
}

.formlog { 
 border: 1px solid #666699; 
 padding: 0px 0px 0px 0px; 
 margin: 0px 0px 0px 0px; 
}

.formlogsubmit { 
 border: 1px solid #666699; 
 padding: 0px 0px 0px 0px; 
 margin: 0px 0px 0px 15px; 
}

.formreg { 
 border: 1px solid #666699; 
 padding: 0px 0px 0px 0px; 
 margin: 0px 0px 0px 0px; 
 width: 250px;
 height: 20px;
}

.formtxt {
font-size: 1.0em; 
color:#000000; 
margin: 0 0 0 0; 
padding: 0px 0 12px 10px; 
font-weight:bold; 
}	
.he18 {
 height: 18px; 
}

.clear { clear: both; background: none; }

/*main2.css ends here*/

/*main.css starts here*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color:#000000;
}
	h1,h2,h3,h4,h5,h6,p, { font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif;}	

	h1 {font-size: 2.0em; color:#6C3175; margin: 0 0 0 0; padding: 24px 0 10px 20px; font-weight:lighter;}
	h2 {font-size: 1.1em; color:#333333; margin: 0 0 0 0; padding: 12px 30px 10px 20px; text-align: left; font-weight:lighter; font-weight: 18.5px;}	
	h3 {font-size: 1.3em; color:#333333; margin: 0 0 0 0; padding: 0px 0 0px 20px; font-weight:lighter;}	
	/* Login New User */ h4 {font-size: 2.0em; color:#000000; margin: 0 0 0 0; padding: 15px 0 0px 20; font-weight:lighter;}
	/* Form text */ h5 {font-size: 1.1em; color:#333333; margin: 0 0 0 0; padding: 0px 0 0px 30px; font-weight:bold; }		
	/* Search Form text */ h6 {font-size: 0.9em; color:#594F4D; margin: 0 0 0 0; padding: 0px 0 0px 0; font-weight:bold; }	
	p {font-size: 1.1em; color:#000000; margin: 0 0 0 0; padding: 0px 0 0px 0; font-weight:lighter; 
}	

.popuptitle {
font-size: 2.0em; 
color:#6C3175; 
margin: 0 0 0 0; 
padding: 5px 0 0px 20; 
font-weight:lighter;
}
	
.textvacancy {
font-size: 1.1em; 
color:#333333; 
margin: 0 0 0 0; 
padding: 0px 0px 0px 20px; 
text-align: left; 
font-weight:bold; 
}	
		
.popuptext {
font-size: 1.1em; 
color:#333333; margin: 0 0 0 0; 
padding: 12px 30px 10px 0px; 
text-align: left; 
font-weight:lighter; 
font-weight: 18.5px;
}	
	
#wrapper { 
 margin: 0 auto;
 width: 979px;
 background-image:url(../images/bgfade.jpg);
 background-repeat:repeat-y;
}
/*#faux {
 background: url(/images/faux-2-3-col.gif);
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 951px;
 margin: 0px 1px 0px 13px; 
}
*/#header {
 color: #333;
 width: 551px;
 padding: 0px;
 height: 78px;
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px; 
}
#headerright {
 color: #333;
 width: 400px;
 padding: 0px;
 height: 103px;
 margin: 0px 0px 0px 0px;
}
#sub {
 color: #333;
 width: 400px;
 text-align: right; 
 margin: 0px 0px 0px 0px;
 margin: 7px 10px 0px 0px; 
}
#sub2 {
 color: #333;
 width: 400px;
 height: 20px;
 text-align: right;
 margin: 6px 10px 0px 0px;
}
#navigation {
 color: #333;
 height: 35px; 
 padding: 0px;
 margin: 0px 14px 0px 14px;
 background: #eeeeee;
}
#navbg {
 color: #333;
 height: 5px; 
 padding: 0px;
 margin: 0px 14px 0px 14px;
 background: #BDC2BE;
}
#navbg2 {
 color: #333;
 width: 951px;
 height: 1px; 
 padding: 0px;
 margin: 0px 14px 0px 14px;
 background: #8594A7;
}
#navbg3 {
 color: #333;
 width: 950px;
 height: 10px; 
 padding: 0px;
 margin: 0px 0px 0px 15px;
 background: #ffffff;
}
#navbg4 {
 color: #333;
 height: 7px; 
 margin: 5px 16px 0px 10px;
 background: #eeeeee;
}
/*
#leftcolumn { 
 display: inline;
 color: #333;
 padding: 0px;
 margin: 0px 8px 0px 0px; 
 width: 166px;
 float: left;
}*/
#contentmain { 
 float: left;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 410px;
 height: 228px;
/* background-image: url('/photos/mainbg.jpg');*/
 background-image:url(../images/mainbg1_new.jpg);
 background-repeat:no-repeat;
}
#content { 
 float: left;
 color: #333;
 margin-top:5px;
 padding-left:10px;
 width: 347px;
}
/*#login { 
 display: inline;
 position: relative;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 173px;
 height: 228px;
 float: left; 
 background-image: url('/photos/loginbg2.jpg');
}*/
#rightcolumn { 
 display: inline;
 position: relative;
 color: #333;
 margin: 0px 0px 0px 10px;
 padding: 0px;
 width: 178px;
 float: left; 
}
/*#jobsearchmain { 
 display: inline;
 position: relative;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 227px;
 height: 228px;
 float: left; 
 background-image: url(../images/loginbgjob.jpg);
 background-repeat:	repeat-x; 
}*/
/*#jobsearch { 
 display: inline;
 position: relative;
 margin: 0px 0px 0px 15px;
 padding: 0px;
 width: 222px;
 float: right; 
}*/
#underfull { 
 display: inline; 
 position: relative;
 width: 769px; 
 color: #333;
 margin: 0px 0px 0px 182px;
 padding: 0px;
 float: left;
}
/*#footer { 
 width: 100%;
 clear: both;
 color: #333;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 background-image: url('/images/footer.jpg');  
}*/
#footer2 { 
 width: 100%;
 clear: both;
 color: #333;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 10px 0px 30px 0px;
 text-align: center;
}
#dotline {
 width: 98%; 
 height: 1px;
 padding: 0px 0px 0px 0px;
 background-image:url(../images/dots.gif); 
 background-repeat:	repeat-x; 
 }
 #dotlineinner {
 height: 1px;
 margin: 0px 15px 0px 10px;
 background-image:url(../images/dots.gif); 
 background-repeat:	repeat-x;  
 }
 .wflogo {
 width: 209px;
 height: 51px;
 margin: 28px 0px 0px 35px;
 }
 .exper {
 width: 353px;
 height: 30px;
 margin: 20px 0px 0px 45px;
 text-align: right;
 }
 .button {
 margin: 15px 15px 0px 10px;
 border:none;

 }
 .btnvac {
 width: 110px;
 height: 25px;
 margin: 100px 0px 0px 10px;
 }
 .mainphoto {
 width: 347px;
 height: 213px;
 margin: 5px 0px 0px 11px;
 }
 .form {
 width: 135px;
 height: 20px;
 margin: 0px 0px 0px 5px;
 } 
 .formjob {
 width: 125px;
 height: 20px;
 margin: 0px 0px 0px 0px;
 }  
 .formjob2 {
 width: 70px;
 height: 20px;
 margin: 0px 0px 0px 16px;
 } 
 .loginbtn {
 width: 50px;
 margin: 0px 12px 0px 95px;
 } 
 .frmdropdown
{
    BORDER-RIGHT: #7F9DB9 1px solid;
    BORDER-TOP: #7F9DB9 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #7F9DB9 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #7F9DB9 1px solid;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    TEXT-DECORATION: none;	
}
 
 
.clear { clear: both; background: none; }

/*main.css ends here*/

/*menu.css starts here*/

<style type="text/css">
.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}

.submenu{
margin-bottom: 0.5em;
}
</style>

<script type="text/javascript">

/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only

if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

function SwitchMenu(obj){
	if(document.getElementById){
	var el = document.getElementById(obj);
	var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
		if(el.style.display != "block"){ //DynamicDrive.com change
			for (var i=0; i<ar.length; i++){
				if (ar[i].className=="submenu") //DynamicDrive.com change
				ar[i].style.display = "none";
			}
			el.style.display = "block";
		}else{
			el.style.display = "none";
		}
	}
}

function get_cookie(Name) { 
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { 
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display="block"
}
}

function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}

if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction

if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate

</script>

/*menu.css ends here*/

/*sidebar.css starts here*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
width: 166px; /*width of menu*/
height: auto;
}

.urbangreymenu .headerbar{
font: bold 12px Verdana;
color: white;
background: #666161 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: none;
padding: 7px 0 7px 10px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: #C6BAC8;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
/* background-image: url('/images/sidemenubg.gif');*/
 background-image:url(../images/sidemenubg.gif);
}

.urbangreymenu ul li a:visited{
color: #C6BAC8;
}

/* Branch Locations */

.urbangreymenu2{
width: 166px; /*width of menu*/
height: auto;
}

.urbangreymenu2 .headerbar{
font: bold 12px Verdana;
color: white;
background: #666161 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: none;
padding: 7px 0 7px 10px; /*31px is left indentation of header text*/
}

.urbangreymenu2 ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu2 ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu2 ul li a{
font: normal 12px Arial;
color: #000000;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
/* background-image: url('/images/sidemenubgover2.gif');*/
 background-image:url(../images/sidemenubgover2.gif);
}

.urbangreymenu2 ul li a:visited{
color: white;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
/*background-image: url('/images/sidemenubgover.gif');*/
background-image:url(../images/sidemenubgover.gif);
}

/* END Branch Locations */

/*sidebar.css ends here*/

/*submenu.css starts here*/

.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(/leftmenu/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: black;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(/leftmenu/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: b;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorr: black;
}

/*submenu.css ends here*/

/*default.css starts here*/

/*
	Yes this layout was inspired by lightbox v2.0's page, the reason being, the layout works really well for a doc 
*/

* {
	margin: 0;
	padding: 0;
}

body {
	padding: 0;
	margin: 0;
	background-color: #ffffff;
	font-size: 12px;
	font-family: "Lucida Grande", Tahoma, sans-serif;
}


.page-body {
	margin: 0 auto 0 auto;	
	width: 600px;
	padding: 30px 0 20px 0;
	text-align: left;
}

	.page-footer {
		margin: 0 10% 0 315px;	
		width: 600px;
		padding: 0 0 50px 0;
		text-align: left;
	}

	.page-body ul, .page-body ol { 
		color: #ffffff;
		margin: 10px 0 30px 25px; 
	}

	.page-body ul li, 
	.page-body ol li { 
		padding: 0; 
		margin: 0 0 5px 0; 
		color: #cccccc;
		line-height: 140%;
		font-size: 100%;		
	}

	.page-footer p {
		margin: 0;
	}
	
	.page-footer {
		padding: 20px;
	}

/*	
	.page-title h1 span {
		text-align: left;
		font-weight: normal;
		font-size: 100%;
		color: #ffffff;
		margin: 5px 0 15px 0;
	}
	
h1 {
	text-align: left;
	font-weight: normal;
	font-size: 180%;
	color: #6c3175;
	margin: 5px 0 15px 0;
}

	h1 span {
		clear: both;
		font-size: 60%;
		color: #FF9;
	}


h2 {
	text-align: left;
	font-weight: normal;
	font-size: 150%;
	color: #333333;
	margin: 5px 0 15px 0;
}

	h2 span {
		clear: both;
		font-size: 70%;
		color: #FF9;
	}
	
h3 {
	clear: both;
	font-size: 120%;
	color: #FF9;
	font-weight: normal;
	margin: 0 0 10px 0;
}
*/
.notice {
	border: 3px solid #ffffbe;
	padding: 10px;
	color: #ffffff;
	background-color: #09f;
	margin: 0 0 20px 0;
}
	
	.notice p, 
	.notice p a, 
	li a {
		color: #ffffff;
		text-decoration: none;
	}

a.page-options {
	color: #000000; 
	text-decoration: none; 
	display: block; 
	text-align: left; 
	padding: 5px; 
	background: #a9d06a;
	margin: 3px 0 0 0;
	border-bottom: 1px solid #333333;
	border-bottom: 1px solid #555555;
}

a.page-options:hover, 
a.page-options:focus {
	color: #fff; 
	background: #09F;
}		

p {
	margin: 10px 30px 20px 30px;
	color: #5B5B5B;
	font-size: 1.1em;
}

	p small, 
	li small {
		color: #09F;
		font-size: 100%;
	}
	
	p em, 
	em {
		color: #000000;
	}

.hidden {
	display : none;
}


/*default.css endts here*/

/*lightwindow.css starts here*/

#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(../images/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(../images/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(../images/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(../images/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}

/*lightwindow.css ends here*/

/*pro_dropdown_3.css starts here*/

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_dropdown_3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(three_0a.gif);}
.preload2 {background: url(three_1a.gif);}

#nav {padding:0; margin:0; list-style:none; height:35px; background:#fff; background-image:url(../images/three_0.gif); background-repeat:repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ffffff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(../images/three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background:url(../images/three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(../images/three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(../images/three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(../images/three_1a.gif) no-repeat right top; padding-bottom:3px;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:34px; background: #CCCCCC; padding:3px; border:1px solid #333333; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #50b5d0;}
#nav li ul.sub li a.fly
{background:#50b5d0 url(arrow.gif) 80px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#3f96a9; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#3f96a9 url(arrow_over.gif) 80px 6px no-repeat; color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#3f96a9 url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#50b5d0 url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#50b5d0;} 


/*pro_dropdown_3.css ends here*/


/*added on 12-01-2009*/

.top_header_container{
	width:950px;
	height:103px;
	padding:0;
	margin:0;
	clear:both;
}
.index_joblist_container{
	width:717px;
	height:209px;
	padding:0;
	margin-top:10px;
	clear:both;
	background-image:url(../images/bglogbox_02.gif);
	background-repeat:no-repeat;
}

.joblist_inner_container{
	width:700px;
	height:auto;
	padding-top:15px;
	margin:0 auto 0 auto;
	clear:both;
}

.job_des_txt{
	font-family:Arial, Helvetica, sans-serif;
 	font-size: 13px;
 	color:#000000;
	text-decoration:none;
 	font-weight:normal;
}

.info_txt{
	font-family:Arial, Helvetica, sans-serif;
 	font-size: 13px;
 	color:#6b3374;
	text-decoration:none;
 	font-weight:normal;
}

.info_txt a{
	font-family:Arial, Helvetica, sans-serif;
 	font-size: 13px;
 	color:#6b3374;
	text-decoration:none;
 	font-weight:normal;
}

.info_txt a:hover{
	font-family:Arial, Helvetica, sans-serif;
 	font-size: 13px;
 	color:#6b3374;
	text-decoration:underline;
 	font-weight:normal;
}
/*==============Menu========================*/
/*.menu_bg{background-color:#E8E8E8;
}*/
.menu_bg{background-color:#FEFEFE;
	border:#F3DEFD 1px solid;margin:0;
}

.menu_bg_01{background-color:#F4F4F4;
border:1px solid #808080;
}

.menu_bg_02{background-color:#F5F5F5;
}

.heading_bg{/*border:#000000 1px solid;*/
background-color:#D6E8FF;
margin:2px;
height:20px;
}

.cor_left{background-image:url(../image/left_cor.gif);
background-repeat:no-repeat;
width:4px;
height:25px;
}

.cor_right{background-image:url(../image/right_cor.gif);
background-repeat:no-repeat;
width:4px;
height:25px;
}

.mid_cor{background-image:url(../image/mid_cor.gif);
background-repeat:repeat-x;
height:25px;
}

/*.heading_bg{border:1px solid #7B7B7B;
background-color:#D2D2D2;
height:20px;
}*/
.heading_bg{/*border:#000000 1px solid;*/
background-color:#E7B9FD;
margin:2px;
height:20px;
}

.link_8{font-family:tahoma;
font-size:10px;
font-style:normal;
font-weight:bold;
text-decoration:none;
color:#8C29B8;
}

/*======Add on 04.02.2009=========*/
.red{ color:#FF0000;
font-family:Tahoma;
font-size:11px;
font-weight:normal;
text-decoration:none;
font-weight:bold;
}

/* ==== Add on 06.02.2009 =====*/
   .watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#eeeeee;/*#EEEEEE;*/
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding: 10px 0 0 20px ;
	width:auto;
}

.modalSignUp {
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	font-family:Verdana;
	font-size:medium;
	padding:3px;
	width:250px;
}
.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

/* Add on 13 feb 2009 */
/*added on 13/02/2009*/

.rightcolumn_mdf{ 
 color: #333;
 padding-left: 5px;
 margin: 0px; 
 width: 755px;
 float: left;
 height:auto;
}

.rightcolumn_mdf_topcont{ 
 display: inline;
 color: #333;
 padding: 0px;
 width: 760px;
 float: right;
 height:auto;
 clear:both;
}


.rightcolumn_mdf_bottomcont{ 
 display: inline;
 color: #333;
 padding: 0px;
 margin-top:10px;
 width: 760px;
 float: right;
 height:auto;
}

#underfull_mdf { 
 display: inline; 
 position: relative;
 width: 760px; 
 color: #333;
 margin: 0px 0px 0px 0;
 padding: 0px;
 float: right;
}
#underfull_mdf_contact { 
 display: inline; 
 position: relative;
 width: 280px; 
 color: #333;
 margin: 0px 0px 0px 0;
 padding: 0px;
 float: left;
}
#underfull_mdf_contact2 { 
 display: inline; 
 position: relative;
 width: 480px; 
 color: #333;
 margin: 20px 0px 0px 0px;
 padding: 0px;
 float: right;
}
/* === Add on 05 march 2009 ==== */
.namefiels_txt{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	color:#000000;
	padding-left:8px;
	
}

.namefiels_txt a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	color:#000000;
	padding-left:8px;
	
}

.namefiels_txt a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	color:#000000;
	padding-left:8px;
	
}

.pword_cont{
	width:310px;
	height:130px;
	padding:0;
	margin:0;
	clear:both;
	background-color:#d5bde1;
}

.pword_cont_1{
	width:300px;
	height:40px;
	padding-left:8px;
	margin:0;
	clear:both;
}

.btn{
	width:60px;
	height:20px;
	background-color:#76447f;
	font-size:12px;
	color:#ffffff;
	border:solid 1px #000000;
	display:block;
	margin-left:8px;
	padding:0;
}

.error_txt{
	font-size:16px;
	color:#F00;
}

.pword_cont_2{
	width:300px;
	height:40px;
	padding-left:8px;
	margin-top:10px;
	clear:both;
}

li
{
list-style-image: url('images/circle.gif');
}

.link
a:link,.link a:visited,.link a:active {
color:#626362;
text-decoration:none;

}

.link
a:hover {

color:#a91e21;
text-decoration:none;
border-bottom:dotted 1px #a91e21;

}