@import url(reset-min.css);
@import url(base-min.css);

html, body { 
	font: normal 13px Arial, Verdana, Helvetica, sans-serif;
	color: #666;
}

#page, #footer_content {
	margin: 0 auto 0 auto;
	position: relative;
	width: 980px;
}

#logo { 
	float: left;
	margin: 20px 0 20px 0;
	width: 280px;
}

#search { 
	text-align: right;
	margin-bottom: 15px;
}

#search p { margin: 0; padding-right: 68px; }
#search a { font-size: 0.8em; }
#search input { vertical-align: middle; }

#menu_aux {
	position: absolute;
	right: 0; top: 20px;
}

#menu_aux ol { margin: 0; } 

#menu_aux ol li {
	list-style: none;
	float: left;
}

#menu_aux ol li a {
	border-right: 1px solid #ccc;
	padding: 0 1em 0 1em;
	text-decoration: none;
}

#menu_aux ol li.last a { border-right: none; padding-right: 0; }

#menu_aux ol li.current a, #menu_aux ol li a:hover { color: #666; }

#contact_info {
	color: #333;
	font-size: 28px;
	position: absolute;
	right: 0; top: 50px;
}


#menu { 
	background: #ae1f23;
	border-bottom-left-radius: 5px; border-top-left-radius: 5px;
	border-bottom-right-radius: 5px; border-top-right-radius: 5px;
	clear: left;
	overflow: hidden;
	width: 980px;
}

#menu ol { margin: 0; }

#menu ol li {
	float: left;
	list-style: none;
}

#menu a { 
	border-right: 1px solid #fff;
	color: #fff;
	display: block; 
	font-size: 14px;
	padding: 0.6em 1em 0.6em 1em;
	text-decoration: none;
}

#menu a:hover { background: #5c0d00; }

#menu li.last_in_list a { 
	border-right: none; 
}

#menu ol li.current a, #menu ol li a:hover { color: #F4E91E; }

#breadcrumb { 
	background: transparent url(/blog/wp-content/themes/hm/images/hm_breadcrumb_bg.gif) no-repeat;
	color: #4f4f4f;
	height: 36px; line-height: 36px;
	margin: 15px 0 0 0;
	padding: 0 15px 0 15px;
}

#breadcrumb ol { margin: 0 !important; }
#breadcrumb ol li { 
display: inline
}

#breadcrumb ol li a { 
	text-decoration: none;
}

#main { 
	border: 1px solid #ccc;
	border-radius: 10px;
	margin: 20px 0 20px 0; 
	padding: 20px;
	overflow: hidden; 
	width: 940px
}

/* Zones
------------------------------------------------------------------------------*/

#content { 
    float: left;   
    position: relative;
    width: 640px;
}

#page.Home #pictures { margin-bottom: 20px; }

#page.Sector #content {
    float: left;      
    margin-right: 15px;
    width: 420px;    
}

#middle {      
    float: left;
    margin-top: 0; padding-top: 0;
    width: 220px;
}

#middle .hako_type_image { text-align: center; }

#rail {       
	float: right; width: 280px;
}

#rail div.icon_block {
	background: #990000 url(/media/images/rail-block-bg.jpg) no-repeat;
	color: #fff;
	height: 76px;
	margin: 10px 0 12px 0;
}

#rail div.icon_block div.icon { 
	float: left; width: 60px; 
	margin-top: 15px; margin-left: 10px; 
}

#rail div.icon_block div.content { 
	float: left; width: 200px; margin-top: 15px;
}

#rail div.icon_block h3 { 
	font-size: 18px; font-weight: normal;
	margin: 0; padding: 0;
}
#rail div.icon_block p { font-size: 11px; margin: 0; }
#rail div.icon_block a.bright { color: #F4E91E; font-weight: bold; }
#rail div.icon_block h3 a, #rail div.icon_block p a { color: #fff; }
#rail div.icon_block a:hover { color: #fff; }

#rail div.block {
	background: #eee url(/media/images/rail-block-t.gif) no-repeat;
	margin: 0 0 1em 0;
}

#rail div.block div.inner { padding: 1em; }

#rail div.block div.bottom {
	background: #fff url(/media/images/rail-block-b.gif) no-repeat left top;
	height: 7px; font-size: 5px;
}

#rail div.block h2 { padding: 0; }
#rail div.block h2 a { text-decoration: none; }

#rail .bordered, .bordered { 
	background-color: #fff; border: 1px solid #eee; 
	background-image: none;
	margin: 1em 0 1em 0;
	padding: 1em;                     
}

#rail .bordered { margin-top: 0; }

#rail .bordered ol, .bordered ol { margin: 0; padding: 0; }

/* Footer
------------------------------------------------------------------------------*/

#footer { 
	background: #eee url(/media/images/footer-bg.gif) repeat-x;
	color: #666;
	height: 86px;
	clear: both;
}

#footer ol { padding-top: 10px; margin: 0; }
#footer ol li { float: left; font-size: 0.9em; list-style: none; }
#footer ol li span { padding: 0 0.5em 0 0.5em; }

#footer_top { height: 65px; }

#affiliates { float: right; margin-top: 10px; }

#copyright { 
	clear: both; color: #666; 
	float: left;
	font-size: 0.85em;
}

/* Type
------------------------------------------------------------------------------*/

h1, h2, h3 { font-weight: normal; }

h1 { color: #333; font-size: 32px; margin: 0 0 20px 0; }
h2 { font-size: 20px; }
h3 { border-bottom: 1px solid #ccc; font-size: 13px; font-weight: bold; padding-bottom: 0.6em; }

a { color: #AC0909; text-decoration: none; }
a:hover { color: #666; }
em, strong { font-weight: bold; font-style: normal; }
small { font-size: 0.8em; }

#content div.divider {
	border: none;
	background: #fff url(/media/images/divider-bg.gif) no-repeat;
	clear: both;
	height: 50px;
}

/* Lists
------------------------------------------------------------------------------*/

ol { margin-left: 0; }
li { list-style: none !important; }

#rail ol { padding: 1em 0 1em 0; }

#rail li, .submenu li { 
	background: transparent url(/media/images/bullet.gif) no-repeat left center; 
	padding-left: 1.5em;
	line-height: 1.5em;
	list-style: none;
}

.submenu li.current a { color: #666; }

ol.bulleted li, #content div.text li, #filters .filter li, #vacancy li { 
	background: transparent url(/media/images/bullet.gif) no-repeat left 0.2em; 
	list-style: none;
	padding-left: 1.5em;
}

ol.bulleted li, #content div.text li, #vacancy li { 
	padding-bottom: 0.7em;
}

dl.press dt { 
	border-bottom: 1px solid #eee;
	font-size: 1.3em; font-weight: normal; padding: 0.5em 0 0 0; 
}

dl.press dd { 
	padding: 0.5em 0 0.5em 2em; 
}

dd.pdf { 
	background: transparent url(/media/images/icon-pdf.gif) no-repeat left center;
}

/* Tables
------------------------------------------------------------------------------*/

#content table { width: 100%; }
#content td { border: 0; padding: 1em; vertical-align: middle; }

/* Forms
------------------------------------------------------------------------------*/

div.button { 
	background: transparent url(/media/images/btn-s-bg.jpg) no-repeat;
	border: 0; color: #fff;
	float: left;
	text-align: center;
	line-height: 24px;
	width: 66px; height: 29px;
}

input.button { 
	background: transparent url(/media/images/btn-s-bg.jpg) no-repeat left 0.5em; 
	border: 0; color: #fff;
	color: #fff; font-size: 0.8em;
	width: 66px; height: 35px;
}

.button a { color: #fff; font-size: 0.8em; text-decoration: none; }

fieldset {
	background-color: #fafafa;
	border: 1px solid #eee;
	padding: 1em; margin: 1.5em 0 1em 0;
	position: relative;
}

fieldset.actions { 
	border: none;
	text-align: right;
}

fieldset td { padding: 0.5em; }

fieldset li { color: #666; font-size: 0.8em; }

legend { 
	font-weight: bold; 

}

label { color: #AC0909; font-weight: bold; }
.error { color: #AC0909; }

.status_ok { 
	border: 1px solid #009900;
	color: #009900;
	padding: 1em; margin: 1em 0 1em 0;
}

.errorsN { 
	border: 1px solid #AC0909;
	color: #AC0909;
	padding: 1em; margin: 1em 0 1em 0;
}

/* Home Indices */

.browser_idx { }

.browser_idx h3 { 
	background-color: #eee;
	border: 1px solid #ddd; 
	font-size: 1.2em;
	padding: 0.4em 0.4em 0.4em 2em; margin: 0.5em 0 0.2em 0;
	width: 200px
}

.browser_idx div { border: 1px solid #eee; margin-bottom: 1em; padding-bottom: 1em; }
#content .browser_idx table { width: 90%; text-align: left; }
#content .browser_idx td { 
	background: transparent url(/media/images/bullet.gif) no-repeat left center; 
	border-bottom: 1px solid #eee; 
	padding: 0.5em 0.5em 0.5em 1.5em; margin: 0; width: 50%; 
}
#content .browser_idx td.no_bullet { background-image: none; }


/**************************** TABLES *********************************/

table { width: 100%; }
table th { color : #666;  padding : 5px 10px;  border-left : 1px solid #CCC; }
table td { padding: 0.2em; vertical-align: top; }
table.list, table.data { margin: 1em 0 1em 0; width: 100%; }
table.list, table.data, table.list td, table.data td, table.list th, table.data th {
	border : 1px solid #CCC;
	border-collapse : collapse;
}
table.list tbody tr:hover td { background-color : #FFFFCC; }
table.list tr.active td { background-color : #FFFFCC; }
tbody tr.on { background-color: #efefef; }

/**************************** CUSTOM *********************************/

a.button {
    background: #800000;
    border-right: 1px solid #5B0000;
    border-bottom: 1px solid #5B0000;
    color: #fff;
    padding: 0.3em;
}

#page.Sector h1 { font-size: 1.6em; }

#page.Sector #middle { 
    margin-top: 15px; padding: 0;
}

#page.Sector #middle h2 { 
    color: #800000;
    padding: 0.6em; margin: 0;
    text-align: center;
}

ol.sectors { margin: 1em 0 1em 0;  }
#content ol.sectors li { float: left; width: 200px; }

ol.sector_jobs li { 
    clear: both;
    margin-bottom: 15px;
    font-size: 0.85em; 
}

ol.sector_jobs img { 
    float: left; margin: 0 0 10px 10px; 
    width: 100px;
    vertical-align: middle;
}

ol.sector_jobs a.sector_name {
    background: #800000; color: #fff;
    font-size: 1.1em; padding: 5px 5px 0 5px;
    float: left;
    width: 90px; height: 63px;
}

ol.sector_jobs a.sector_name:hover { text-decoration: underline; }

* html ol.sector_jobs a.sector_name { margin: -5px 0 0 0; }

#rail .hako_type_image { margin-bottom: 1em; }