/* DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding: 0;} */

/*PAGE LAYOUT STYLES*/
body {
    padding: 0px;
    text-align: center; /* IE centering hack */
    background: #6B6B6B;
    color: Black;
	background-image: url(img/stripe.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: 0 0;
    }

#center {
    margin: 0 auto; /* For non-absolute centering */
    width: 1000px;
    height: 100%;
    color: #000000;
    text-align: left; /* Reset IE centering hack */
	background: white;
    }
    
#innerwrap {
    width: 1000px;
    background: url(img/innerwrap.gif);
    background-repeat: repeat-y;
    float: left;
    }
	
#topbar {
	margin: 0px;
	padding-top: 5px;
	line-height: 20px;
	width: 1000px;
	background: white;
	float: left;
	text-align: right;
	font-family: Arial;
	font-size: 12px;
	vertical-align: middle;
	}

#topbarleft {
    margin: 0px;
    padding: 0px;
    line-height: 15px;
    width: 335px;
    background: white;
    color: white;
    float: left;
    text-align: left;
	font-family: Arial;
    font-size: 10px;
    }

#topbarright {
    margin: 0px;
    padding: 0px;
	line-height: 15px;
    width: 665px;
    background: white;
    color: Black;
    float: right;
    text-align: right;
	font-family: Arial;
    font-size: 10px;
    }
	
#hkaheader {
    margin: 0px;
    padding: 0px;
    height: 149px;
    width: 1000px;
    background: url(img/HKA_Header.jpg);
    background-repeat: no-repeat;
    float: left;
    }
    
#hkaheaderleft {
    margin: 0px;
    padding: 0px;
    height: 149px;
    width: 335px;
    background: url(img/HKA_Header_Left.jpg);
    background-repeat: no-repeat;
    float: left;
    }

#hkaheaderright {
    margin: 0px;
    padding: 0px;
    height: 149px;
    width: 665px;
    float: right;
	text-align: right;
	color: white;
	vertical-align: bottom;
    }
    
#whitestripe {
    margin: 0px;
    width: 1000px;
    height: 10px;
    background: White;
    color: Black;
    clear: both;
    font-size:1px;
    line-height:0;
    }

#midbarleft {
    margin: 0px;
    padding: 0px;
    width: 665px;
    line-height: 28px;
    background: #474757;
    display: inline;
    background-repeat: repeat-x;
    color: White;
	font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    float: left;
    }

#midbarright {
    margin: 0px;
    padding: 0px;
    width: 335px;
	height: 28px;
    line-height: 28px;
    background: #474757;
    display: inline;
    background-repeat: repeat-x;
    color: White;
	font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    text-align: right;
    float: right;
    text-indent: 5px;
    }

#leftcontent {
    float: left; 
    width: 179px;
    min-height: 100%;
	position: relative;
	z-index: 1;
	visibility: visible;
    }

#leftpane {
    }

#centercontent {
    height: 100%;
    min-height: 100%;
	float: left;
    width: 602px;
	padding-top: 0px;
	position: relative;
	visibility: visible;
    }
    
#centerpane {
    }
	
#centerpanefoot {
}
	
#centerpaneleft {
/*	float: left; */
	height: 100%;
	width: 301px;
    }
	
#centerpaneright {
/*	float: right; */
	height: 100%;
	width: 301px;
    }

#rightcontent { 
    float: right;
    height: 100%;
    width: 219px;
	position: relative;
	visibility: visible;
	clear: none !important;
	clear: left;
    }
    
#rightpane {
    }
	
#footbar { 
    clear:both;
    line-height: 28px;
    background: #474757;
    background-repeat: repeat-x;
    color: White;
	font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    } 

/*HTML MODULE*/
.HTMLbody {
    padding: 0px;
    background: #EEEDED;
    color: Black;
    }	
	
.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	
    padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	background-color: #aaaaaa; 
}

.main_dnnmenu_itemhover td {  
	background-color: #aaaaaa; 
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #cccccc;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cccccc 1px solid; 
	border-bottom: #cccccc 1px solid; 
	border-top: #cccccc 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
   background: #aaaaaa none; 
   color: #ffffff;
   font-family: Verdana, sans-serif; 
   font-size: 11px;
   font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dddddd;
	border-right: #8f9092 1px solid; 
	border-top: #8f9092 1px solid; 
	border-left: #8f9092 1px solid; 
	border-bottom: #8f9092 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtGray.jpg);
}
	
p,h1,pre {
	margin: 0px 10px 10px 10px;
	}
		
h1 {
	font-size: 14px;
	padding-top: 10px;
	}
		
.rightcontent p {
	font-size: 10px;
	}
	
#NormalTextBox {
	color: #FDF4A7;
	}

/*JOB SEARCH FORMS STYLES*/
.jobsearchmastertable {
	background: #FDF4A7;
	width: 179px;
	border: black 1px solid;
}

.jobsearchtable {
	background: #FDF4A7;
	width: 179px;
	color: black;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
}

.jobsearchtablelabel {
	background: #474757;
	width: 179px;
	color: white;
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.jobsearchbar {
	width: 159px;
}

.jobsearchdrop {
	width: 159px;
}

.jobsearchdropsmall {
	width: 159px;
	font-size: 10px;
}

/*JOB ENTRY FORM STYLES */
.jobentryformmastertable {
	background: #FDF4A7;
	width: 560px;
	border: black 1px solid;
}

.jobentryformtable {
	width: 560px;
	color: black;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5;
}

.jobentryformtable h3 {
	color: black;
	font-family: arial;
	font-weight: bolder;
	font-size: 20px;
	line-height: 1.5;
}

.jobentryformheader {
	background: #474757;
	height: 10px;
	vertical-align: middle;
	padding-top: 10px;
	}
	
.jobentryformheader p {
	text-align: center;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	color: white;
	}
	
.jobentryformlabel {
	width: 115px;
	padding-top: 10px;
}

.jobentryformlabel  p {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: black;
}

.jobentryformlabellong {
	width: 300px;
	padding-top: 5px;
}

.jobentryformlabellong  p {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: black;
}

.jobentryformlabel2 {
	padding-top: 5px;
}

.jobentryformbox {
	background: white;
	border: black 1 solid;
	width: 435px;
}

.jobentryformmultibox {
	background: white;
	border: black 1 solid;
	width: 550px;
	height: 200px;
}

.jobentrytextboxother {
	background: white;
	border: black 1 solid;
}

/*JOB DETAILS TEMPLATE STYLES */
.jobdetailsheadertable {
	width: 560px;
}

.jobdetailsmastertable {
	background: #FDF7BE;
	width: 560px;
	border: #474757 1px solid;
}

.jobdetailstable {
	width: 560px;
	font-family: arial;
	font-size: 13px;
	line-height: 1.5;
	padding-top: 5px;
}

.jobdetailstable2 {
	width: 530px;
	border: #474757 1px solid;
	background: #FDF4A7;
	font-family: arial;
	font-size: 13px;
	line-height: 1.5;
	padding: 10px;
}

.jobdetailstable3 {
	width: 530px;
	font-family: arial;
	font-size: 13px;
	line-height: 1.5;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

.jobdetailsrow {
	width: 560px;
}

.jobtypetable {
	width: 100%;
	border: #474757 1px solid;
	background: #FDF4A7;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.jobpaytable {
	padding-right: 10px;
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.jobdetailssubheader {
	background: #474757;
	height: 15px;
	max-height: 15px;
	font-family: arial;
	font-weight: bold;
	font-size: 15px;
	line-height: 1;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
}

.jobdetailsheader {
	background: #474757;
	height: 30px;
	max-height: 30px;
	font-family: arial;
	font-size: 16px;
	line-height: 1;
	padding: 5px;
	padding-left: 10px;
	color: white;
}

.jobdetailsheader2 {
	background: #fff;
	height: 30px;
	max-height: 30px;
	font-family: arial;
	font-size: 14px;
	font-style: oblique;
	line-height: 1;
	padding: 5px;
	color: black;
	text-align: right;
}

/*APPLICATION FORM STYLES*/
.appformmastertable {
	background: #FDF4A7;
	width: 560px;
	border: black 1px solid;
}

.appformtable {
	width: 560px;
	color: black;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5;
}

.appformtable95 {
	width: 95%;
	color: black;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5;
}

.appformtablebox {
	width: 95%;
	background: #FDF466;
	border: black 1px solid;
	color: black;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	margin: 5px;
	text-align: left;
}

.appformtable h3 {
	color: black;
	font-family: arial;
	font-weight: bolder;
	font-size: 20px;
	line-height: 1.5;
}

.appformheader {
	background: #474757;
	height: 10px;
	vertical-align: middle;
	padding-top: 10px;
	}
	
.appformheader p {
	text-align: center;
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
	color: white;
	}
	
.appformlabel {
	width: 115px;
	padding-top: 15px;
}

.appformlabel  p {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: black;
}

.appformlabel100 {
	padding-top: 10px;
}

.appformlabel100  p {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: black;
}

.appformlabellong {
	width: 250px;
	padding-top: 5px;
}

.appformlabellong  p {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: black;
	padding-top: 5px;
}

.appformlabel2 {
	padding-top: 5px;
}

.appformbox {
	background: white;
	border: black 1 solid;
	width: 435px;
}

.invisiformbox {
	background: transparent;
	border: 0;
	color: black;
}

.appformmultibox {
	background: white;
	border: black 1 solid;
	width: 550px;
	height: 200px;
}

.apptextboxother {
	background: white;
	border: black 1 solid;
	width: 100%;
}

/*FRONTPAGE TEXT STYLES*/	
#frontpagetext p {
	font-size: 12px;
	line-height: 1.5;
	font-family: arial;
	}

#frontpagetext h3 {
	font-size: 18px;
	font-family: arial;
	font-weight: bold;
	color: #474757;
	margin: 0px 10px 10px 10px;
	}
	
#frontpagetext h2 {
	font-size: 15px;
	font-family: arial;
	font-weight: bold;
	color: #474757;
	margin: 5px 5px 5px 0px;
	text-align: left;
	}
	
#frontpagetext ul {
	list-style: none;
	margin-left: 2em;
	padding-left: 1em;
	text-indent: 1em;
	font-size: 12px;
	font-family: arial;
	color: #000;
	line-height: 1.5;
	}
	
#jobscroll a {
	color: black;
	}
	
	Breadcrumbs {} 
/* hyperlink style for the Breadcrumbs*/ 
A.Breadcrumbs:link { 
    color: white;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    vertical-align: bottom;
} 
A.Breadcrumbs:visited { 
    color: white;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    vertical-align: bottom;
} 
A.Breadcrumbs:active { 
    color: white;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    vertical-align: bottom;
} 
A.Breadcrumbs:hover { 
    color: white;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    vertical-align: bottom;
} 

Search {} 
/* hyperlink style for the Breadcrumbs*/ 
A.Search:link { 
    color: white;
    font-family: Arial;
    font-weight: bold;
    vertical-align: bottom;
} 
A.Search:visited { 
    color: white;
    font-family: Arial;
    font-weight: bold;
    vertical-align: bottom;
} 
A.Search:active { 
    color: white;
    font-family: Arial;
    font-weight: bold;
    vertical-align: bottom;
} 
A.Search:hover { 
    color: white;
    font-family: Arial;
    font-weight: bold;
    vertical-align: bottom;
} 

/* SideMenu  */
.MenuHdr
{ 
  font-family: arial;
  font-size: 10pt; padding-left: 10px; font-weight: bold; padding-bottom: 2px; 
  background-color: transparent; padding-top: 2px; cursor: default;
}
.MenuItem HR
{
  background-color: transparent; 
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid black;   
  margin-right: 10px;
  margin-left: 10px;
}

.MenuItemMouseOver
{
  background-position: right top;
  background-image: url(images/menuarrow-bg.gif);
  background-repeat: no-repeat;  border: #00008B 1px solid;
  background-color: #cccccc !important;  
}

.MenuItem, .MenuItemMouseOver
{
  font-family: arial; font-size: 10pt; font-weight: normal; padding-bottom: 3px;
  background-color: transparent; padding-top: 1px;
  border: #f1f1f1 0px solid; 
}
.MenuHdr A, .MenuHdr A:Active, .MenuHdr A:Hover, .MenuHdr A:Visited, .MenuHdr A:Link
{
  text-decoration: none; color: black; padding-top: 1px;
  padding-bottom: 1px; cursor: pointer; display: block; 
}
.MenuItem A, .MenuItem A:Active, .MenuItem A:Hover, .MenuItem A:Visited, .MenuItem A:Link, 
.MenuItemMouseOver A, .MenuItemMouseOver A:Active, .MenuItemMouseOver A:Hover, .MenuItemMouseOver A:Visited, .MenuItemMouseOver A:Link
{
  display: block;
  padding-left: 20px;
  padding-bottom: 1px;
  cursor: pointer;
  color: black;
  padding-top: 1px;
  text-decoration: none;   
  width: 100% 
}

.MenuCurrentPage
{
  color: #696969;
}

.CurrentDate
{
  color: white;
}

.CopyRight
{
color: white;
}

.Login
{
color: white;
}

a.Login
{
color: white;
}

img
{  border-style: none;
}


/* ROLLOVER STYLES */
#menuroll {}

#menuroll a {
    display:block; 
    height:50px; 
    width:165px; 
    overflow:hidden; 
}

#menuroll a:hover {
    display:block; 
    text-indent:-165px; 
}

#jobs {}

#jobs a {
	background:url(image/btn_job_seeker.gif);
}

#jobs a:hover {
	background-position: -165px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/example_flyout.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
.menu1{
font-family: arial; width:165px; height:350px; position:relative; font-size:12px; font-weight: bold; margin:15px 5px 15px 5px; background:#CCCCCC; padding: 0 0; border:1px solid #000;
}
.menu1 ul {
padding:0; margin:0; list-style-type: none;
}
.menu1 ul li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:-1px; left:165px;
}
.menu1 ul li {
float:left; position:relative; z-index:90;
}
.menu1 ul li a, .menu1 ul li a:visited {
display:block; float:left; text-decoration:none; color:#000; width:110px; height:50px; line-height:50px; font-size:12px; background:transparent; padding-left:55px;
}
* html .menu1 ul li a, .menu1 ul li a:visited {width:100px; w\idth:110px;}

.menu1 ul li.home {background:url(img/btn_home.gif); list-style-type: none;}
.menu1 ul li.jobseekers {background:url(img/btn_jobsearch.gif); list-style-type: none;}
.menu1 ul li.staffing {background:url(img/btn_staffing.gif); list-style-type: none;}
.menu1 ul li.about {background:url(img/btn_abouthka.gif); list-style-type: none;}
.menu1 ul li.contact {background:url(img/btn_contactus.gif); list-style-type: none;}
.menu1 ul li.login {background:url(img/btn_login.gif); list-style-type: none;}
.menu1 ul li.news {background:url(news.gif); list-style-type: none;}
.menu1 ul li.candidates{background:url(img/btn_candidates.gif); list-style-type: none;}

.menu1 ul li ul li.subprod {list-style-type: none;}
.menu1 ul li ul li.subprod2 {background:url(subprod2.gif) no-repeat;}
.menu1 ul li ul li.subprod3 {background:url(subprod3.gif) no-repeat;}
.menu1 ul li ul li.subnews1 {background:url(subnews1.gif) no-repeat;}
.menu1 ul li ul li.subnews2 {background:url(subnews2.gif) no-repeat;}
.menu1 ul li ul li.subnews3 {background:url(subnews3.gif) no-repeat;}
.menu1 ul li ul li.subserv1 {background:url(subserv1.gif) no-repeat;}
.menu1 ul li ul li.subserv2 {background:url(subserv2.gif) no-repeat;}
.menu1 ul li ul li.subserv3 {background:url(subserv3.gif) no-repeat;}
.menu1 ul li ul li.subserv4 {background:url(subserv4.gif) no-repeat;}
.menu1 ul li ul li.subserv5 {background:url(subserv5.gif) no-repeat;}

.menu1 table {
border-collapse:collapse; border:0; padding:0; font-size:1em; position:absolute; left:0; top:0;
}

.menu1 ul li:hover a,
.menu1 ul li a:hover{
text-decoration:underline; border:0;
}

.menu1 ul li a:hover {position:relative; z-index:100;}

.menu1 ul li:hover ul,
.menu1 ul li a:hover ul {
visibility:visible; width:190px; height:auto; border:1px solid #000; z-index:10; background:#cccccc; overflow:visible;
}
.menu1 ul li:hover ul li a,
.menu1 ul li a:hover ul li a{
display:block; background:transparent; color:#000; width:175px; line-height:15px; padding:5px 0 5px 15px; height:auto; text-decoration:none;
}
* html .menu1 ul li a:hover ul li a {width:170px; w\idth:180px;}

.menu1 ul li:hover ul li a:hover,
.menu1 ul li a:hover ul li a:hover {
background:#8F8F8F; text-decoration:none; border:0;
}
.menu1 ul li:hover ul li ul,
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:151px;
}
.menu1 ul li:hover ul li:hover ul,
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; width:150px; height:auto; color:#000; padding:0; border:1px solid #888; list-style-type:none; background:#eee;
}
.menu1 ul li:hover ul li:hover ul li a,
.menu1 ul li a:hover ul li a:hover ul li a {
display:block; width:115px; background:transparent; color:#000;
}
* html .menu1 ul li a:hover ul li a:hover ul li a {width:150px; w\idth:160px;}

.menu1 ul li:hover ul li:hover ul li a:hover,
.menu1 ul li a:hover ul li a:hover ul li a:hover {
background:#ddd; text-decoration:underline;
}