/**
 * layout.css
 * 
 * Contains styles for layout.
 */
 
/**
 * head-top
 */
#head-top
{
	height: 60px;
	background: #F68E1E;
}

#head-top a
{
	text-decoration: none;
}

#head-top h4
{
	color: white;
}

#head-top div.center
{
	width: 90%;
	margin: 0 auto;
	padding:0 30px;
}

#head-top table
{
	height: 60px;
	width: 100%;
	table-layout: fixed;
}

#head-top table tr > td
{
	text-align: right;
}

#head-top table tr > td:first-child
{
	text-align: left;
}

/**
 * head-menu
 */
#head-menu
{
	height: 187px;
	background-color: #041423;
	-webkit-box-shadow: inset 0px 0px 10px #111111;
	-moz-box-shadow: inset 0px 0px 10px #111111;
	box-shadow: inset 0px 0px 10px #111111;	
}

#head-menu > div.menu
{
	padding-top: 20px;
}

#head-menu > div.menu > ul
{
	margin: 0;
	list-style-type: none;
	list-style-position: inside;
	float: left;
}

#head-menu > div.menu > ul > li
{
	float:left;
	position: relative;
}

#head-menu > div.menu > ul > li > a
{
	float:left;
	color: white;
	text-decoration: none;
	width: 75px;
	height: 60px;
	overflow: hidden;
	position: relative;
	margin:0 5px;
	padding: 10px;
	border-radius: 6px;
}

#head-menu > div.menu > ul > li > a:hover,
#head-menu > div.menu > ul > li > a.selected
{
	background: #555;
}

#head-menu > div.menu > ul > li > a > span
{
	position: absolute;
	bottom: 10px;
	display: block;
	width:75px;
	text-align: center;
}

#head-menu > div.menu > ul > li > a > i
{
	width: 32px;
	height: 32px;
	position: absolute;
	top: 10px;
	left: 31.5px;
	background-image: url('../images/icons.png');
}

#head-menu > div.menu > ul > li > a > i.dashboard
{
	background-position: -224px 0;
}

#head-menu > div.menu > ul > li > a > i.data
{
	background-position: -128px 0;
}

#head-menu > div.menu > ul > li > ul
{
	
}

/**
 * Smart menu
 */
#smartmenu
{
	height: 45px;
	position: fixed;
	top: 0;
	width:100%;
	z-index: 99;
	background-image:url('../images/50_black_trans.png');
	visibility: hidden;
}

#smartmenu ul
{
	float: left;
	list-style-type: none;
	list-style-position: inside;
	margin: 0 auto;
}

#smartmenu ul li
{
	float: left;
}

#smartmenu ul li a
{
	float:left;
	width:32px;
	height:32px;
	background-image: url('../images/icons.png');
	margin:0 10px;
	margin-top: 6px;
}

#smartmenu ul li a.imports
{
	background-position: -128px 0;
}

#smartmenu ul li a.dashboard
{
	background-position: -224px 0;
}

/**
 * head-content
 */
#head-content
{
	width: 90%;
	background: white;
	margin:0 auto;
	margin-top:-70px;
	border-radius: 6px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
	margin-bottom: 30px;
	padding: 30px;
	overflow: hidden;
}

#head-content h1
{
	margin: 0;
	margin-bottom: 5px;
	color: #333333;
}

#head-content #head-content-heading ul
{
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#head-content #head-content-heading ul li
{
	float: left;
	padding-right: 5px;
	color: #333333;
}

#head-content #head-content-heading
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #DFDFDF;
}