@import 'reset-min.css';
@import 'fonts-min.css';
@import 'hacks.css';

@import 'components.css';

/*
 * BLUE 252775
 * RED be161d
 */
 
.hidden { display: none; }

/**
 * Structure
 ******************************************************************************/
 
html, body { 
	background: #ffffff url(/media/img/foot-tile.png) repeat;
	color: #666;
	font-family: tahoma; 
	font-size: 12px;
}

.constrained { margin: 0 auto 0 auto; width: 920px; }
#header { background: transparent url(/media/img/header.png) repeat-x top; height: 199px; }
#logo {	float: left; padding-top: 110px; width: 310px; }
#strap { float: right; padding-top: 162px; width: 361px; }

#main {
	background: #fff url(/media/img/body-tile.png) repeat-x bottom;
	padding: 30px 0 30px 0;
}

#bod { float: left; width: 690px; }
#rail { float: right; width: 200px; }
#bottom { margin: 15px 0 15px 0; }

#foot_menu { background: #becde4; height: 30px; line-height: 30px; }
#foot_menu li { float: left; }
#foot_menu li a { 
	border-left: 1px solid #fff;
	color: #fff;
	line-height: 30px; padding: 0 10px 0 10px;
	text-decoration: none; 
}
#foot_menu li a:hover { 
	color: #252775;
}
#foot_menu li.first a { border-left: none; padding-left: 0; }

#foot_meta { background: #91abd1; height: 30px; line-height: 30px; }

#copyright { float: left; }
#roxxor { float: right; }

.divider { border-bottom: 1px solid #c7d4e7; height: 1px; margin: 15px 0 15px 0; }
hr { background: #c7d4e7; border: none; height: 1px; margin: 15px 0 15px 0; }

/**
 * Menu
 ******************************************************************************/
 
#menu {
	background: transparent url(/media/img/menu-tile.png) repeat-x;
	height: 30px; 
}

#menu li { float: left; }
#menu li a { 
	border-right: 1px solid #b3c5e0;
	border-left: 1px solid #7998c8;
	color: #fff; font-size: 13px; 
	line-height: 30px; 
	padding: 7px 15px 6px 15px; 
	text-decoration: none; 
}

#menu li a:hover { 
	background: transparent url(/media/img/menu-tile-current.png) repeat-x;
	color: #fff;
}
#menu li.current a { 
	background: transparent url(/media/img/menu-tile-on.png) repeat-x;
	color: #252775;
}

.menu-arrow { text-align: center; }

#submenu li a {
	background: #e6ecf5; color: #252775;
	border-bottom: 1px solid #c1ccdc;
	display: block;
	padding: 7px 0 7px 10px;
	text-decoration: none;
}

#submenu li.first a { border-top: 1px solid #c1ccdc; }
#submenu li a:hover { background: #587fba; color: #fff; }
#submenu li.current a { background: #83a0cc; color: #fff; }

/**
 * Text
 ******************************************************************************/

a { color: #be161d; text-decoration: underline; }
a:hover { color: #999; }

#roxxor a { color: #fff; text-decoration: none; }

h1 {
	color: #252775; 
	font-size: 18px;
	margin: 0 0 10px 0; padding-bottom: 10px;
	font-weight: normal; line-height: 1.2em;
}

h2, h2 a { 
	color: #252775;
	font-weight: normal; font-size: 14px;
	margin: 0.8em 0 0.3em 0;
	text-decoration: none;
}

h3 { 
	color: #e00034;
	font-weight: bold; 
	margin: 0.8em 0 0.3em 0; padding-bottom: 0;
}

p, dd, dt, th, td, #bod li { line-height: 1.4em; }
p.footnote { font-size: 11px; text-align:center; }

strong, b { font-weight: bold; }
em { font-style: italic; }

#foot_menu, #foot_menu a, #foot_meta { color: #fff; }

.fify_field_error { color: #be161d; }

/**
 * Tables
 ******************************************************************************/
 
table { width: 100%; }
td { vertical-align: top; }
 
/**
 * Lists
 ******************************************************************************/
 
#bod li { list-style: square; margin-left: 2em; }
 
/**
 * Forms
 ******************************************************************************/

.flash_message {
	padding: 15px; margin: 15px 0 15px 0;
}

.fify_inf {
	background: #21a544 url(/media/img/ico-flash-inf.png) no-repeat 0 center; 
	color: #fff;
}

.fify_err {
	background: #d70027 url(/media/img/ico-flash-err.png) no-repeat 0 center; 
	color: #fff;
}

.fify_field { margin-bottom: 15px; }

label { font-weight: bold; margin-bottom: 5px; }

.formify_fify_fieldtext input { width: 50%; }
.formify_fify_fieldtextarea textarea { width: 99%; }

label.error { color: #be161d; display: block;}

/**
 * Content
 ******************************************************************************/

#page.home #bod .hako_type_panel { float: left; margin-left: 30px; }
* html #page.home #bod .hako_type_panel { margin-left: 20px; }
#page.home #bod div.first { margin-left: 0; }
#page.home #bottom { margin-top: 15px; }
#page #bod .blockbody { min-height: 230px; }

/* blocks */
div.block { margin-bottom: 30px; }
.blockbody h2 { margin: 0 0 15px 0; padding-top: 5px; }

div.blockhead { background: transparent url(/media/img/blockhead.png) no-repeat; height: 10px; overflow: hidden; width: 690px; }
div.blockbody { 
	background: #fff url(/media/img/blockbody.png) no-repeat center top;
	border-left: 1px solid #c7d4e7; border-right: 1px solid #c7d4e7; 
	padding: 0 10px 5px 10px;
}
div.blockfoot { background: transparent url(/media/img/blockfoot.png) no-repeat; height: 11px; overflow: hidden; width: 690px; }

div.blockrail .blockhead { background: transparent url(/media/img/blockhead-rail.png) no-repeat; height: 10px; overflow: hidden; width: 200px; }
div.blockrail .blockbody { background: #e9eef6; border-left: none; border-right: none; }
div.blockrail .blockfoot { background: transparent url(/media/img/blockfoot-rail.png) no-repeat; height: 11px; overflow: hidden; width: 200px; }

div.blockwidebody .blockbody { padding: 0; }
div.blockwidebodywrap { padding: 0 10px 0 10px; margin: 0; }

div.blockblw .blockhead { background: transparent url(/media/img/blockhead-blw.png) no-repeat; height: 10px; width: 920px; }
div.blockblw .blockbody { background: #fff; padding: 5px 10px 5px 10px;  }
div.blockblw .blockfoot { background: transparent url(/media/img/blockfoot-blw.png) no-repeat; height: 11px; width: 920px; }

.hako_type_panel div { padding: 10px 10px 10px 10px;  }

/* tabs */
#bod div.tabblock li { list-style: none; margin-left: 0; }
div.tabblock { margin-bottom: 28px;  }
div.tabblock ul { height: 28px; }
div.tabblock ul li { float: left; }
div.tabblock ul li a { 
	background: transparent url(/media/img/tabblocktab.png) no-repeat; color: #fff;
	display: block; 
	line-height: 28px; width: 200px; margin-right: 1px;
	text-align: center; text-decoration: none;
}
div.tabblock ul li a:hover { background: transparent url(/media/img/tabblocktab-hover.png) no-repeat; color: #fff; }
div.tabblock ul li.current a { background: transparent url(/media/img/tabblocktab-current.png) no-repeat; color: #252775; }
div.tabblockcontent { 
	background: #fff; 
	border-top: 1px solid #c7d4e7; border-left: 1px solid #c7d4e7; border-right: 1px solid #c7d4e7; 
	padding: 10px; 
}
div.tabblock .blockfoot { background: transparent url(/media/img/bod-tile-foot.png) no-repeat; height: 11px; }

.partner { clear: both; margin-bottom: 30px; }
.partner h2 { margin-top: -3px; }
.partner .partner_logo { background: #fff; border: 1px solid #c7d4e7; float: left; margin-right: 30px; padding: 10px; text-align: center; width: 150px; }
.partner .partner_content { float: left; width: 450px; }