/*======================================================================*/
/*=== SKIN.CSS - Designed by Jon Edwards for Slumtown Hero DNN Skin ====*/
/*======================================================================*/
/*--- This DotNetNuke (DNN) skin is Licensed under GPL and MIT ---------*/
/*======================================================================*/
/*--- CSS DOCUMENT IMPORTS (Order is important!) -----------------------*/
@import url('css/text.css');
@import url('css/jcarousel.css');
@import url('css/jeasyslider.css');
/*----------------------------------------------------------------------*/
/*--- ADAPTED 960.GS GRID CSS - THANK YOU NATHAN SMITH -----------------*/
/*--- Learn more ~ http://960.gs/ Licensed under GPL and MIT -----------*/
/*--- (A 12 column grid of 60px per column. 10px margin left & right)---*/
/*--- Full Width - 960px wrapper ---*/
.wrapper_12 {
	width: 960px;
	margin: 0 auto;
}
/*--- Global Grid ---*/
.grid_01, .grid_02, .grid_03, .grid_04, .grid_05, .grid_06, .grid_07, .grid_08, .grid_09, .grid_10, .grid_11, .grid_12 {
	display: inline;
	float: left; /*position: relative; - relative positioning "breaks" skin in DNN*/;
	margin: 0 10px;
}
.grid_01 {
	width: 60px;
}
.grid_02 {
	width: 140px;
}
.grid_03 {
	width: 220px;
}
.grid_04 {
	width: 300px;
}
.grid_05 {
	width: 380px;
}
.grid_06 {
	width: 460px;
}
.grid_07 {
	width: 540px;
}
.grid_08 {
	width: 620px;
}
.grid_09 {
	width: 700px;
}
.grid_10 {
	width: 780px;
}
.grid_11 {
	width: 860px;
}
.grid_12 {
	width: 940px;
}
/*--- Global Grid - Children (Alpha ~ First, Omega ~ Last) ---*/
.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}
/*----------------------------------------------------------------------*/
/*--- CLEAR FLOATED ELEMENTS -------------------------------------------*/
/*--- http://sonspring.com/journal/clearing-floats ---*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/*--- http://perishablepress.com/press/2009/12/06/new-clearfix-hack ---*/
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
/*----------------------------------------------------------------------*/
/*--- GLOBAL HTML and DNN DECLARATIONS ---------------------------------*/
html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3d3d3d;
}
/*--- DNN Body (DNN sits in a Form with the ID "Body"---*/
#Body {
	height: 100%;
	background-color: #343434;
}
img {
	border: 0;
}
/*----------------------------------------------------------------------*/
/*--- EASYTOOLTIP STYLING ----------------------------------------------*/
/*--- Use this to activate easy tooltip ---*/
#easyTooltip {
	color: #fff;
	padding: 5px 10px;
	border: 1px solid #0085ac;
	background-color: #00c1fa;
	z-index: 4;
}
/*----------------------------------------------------------------------*/
/*--- BASIC CSS LAYOUT -------------------------------------------------*/
/*--- DNN Control Panel Wrapper ---*/
#dnnpnl_wrapper {
	border-bottom: 1px #c0c0c0 solid;
}
#dnnpnl_inner {
	width: 960px;
	margin: 0 auto;
}
/*--- Top ---*/
#top_body, #top_body_login {
}
#top_wrapper {
	background-image: url('images/top_wrapper_bg.jpg');
}
#top_body_home {
	background-image: url('images/top_body_home_bg.png');
}
#top_wrapper_home {
	background-image: url('images/top_wrapper_home_bg.jpg');
}
#top_wrapper_login {
	background-image: url('images/top_wrapper_login_bg.png');
}
#top_wrapper, #top_wrapper_home, #top_wrapper_login {
	background-position: center top;
	background-repeat: no-repeat;
}
#logo_wrapper {
}
/*--- H1 Title Logo - Only one <h1> per page as per W3C recommendation ---*/
h1#logo {
	margin: 0;
	padding: 0;
	width: 380px;
	height: 110px;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
}

h1#logo a {
	display: block;
	width: 380px;
	height: 110px;
	background-image: url('images/logo_sprite.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
}
h1#logo a:hover {
	background-position: center top;
}
/*--- Navigation ---*/
#nav_outer {
	float: right;
	padding: 40px 0 0 0;
}
#nav_wrapper {
	text-align: left;
}
#nav_wrapper ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav_wrapper ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	font-size: 	18px;
}
#nav_wrapper ul li a, #nav_wrapper ul li a:link, #nav_wrapper ul li a:active, #nav_wrapper ul li a:visited {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	margin: 0 0 0 10px;
	padding: 0 0 0 12px;
	cursor: pointer;
	background-image: url('images/nav_sprite_left.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
#nav_wrapper ul li a:hover {
	background-position: left bottom;	
	color: #007cae;
}
#nav_wrapper ul li a:focus {
	outline: none;
}
#nav_wrapper ul li a span {
	padding: 0 12px 0 0;
	display: inline-block;
	height: 40px;
	background-image: url('images/nav_sprite_right.png');
	background-position: right top;
	background-repeat: no-repeat;
	background-color: transparent;
}
#nav_wrapper ul li a:hover span {
	background-position: right bottom;
}
#nav_wrapper ul li.sel a {
	color: #84c225;
}
#nav_wrapper ul ul {
	display: none !important;
}
/*--- Banner ---*/
#banner_body {
	background-image: url('images/banner_body_bg.jpg');
	background-position: center bottom;
	background-repeat: no-repeat;
}
#banner_wrapper {
	padding: 30px 0 30px 0;
}
#slider_wrapper {
	position: relative;
	padding-bottom: 20px;
	background-image: url('images/banner_slider_bg.png');
	background-position: center bottom;
	background-repeat: no-repeat;
}
/*-- Mid --*/
#mid_body {
	background-color: #fff;
}
#mid_outer {
	background-image: url('images/mid_outer_bg.png');
	background-position: center top;
	background-repeat: no-repeat;
}
#mid_wrapper {
	padding: 45px 0;
}
#mid_body_login {
}
#mid_outer_login {
}
#mid_wrapper_login {
	padding: 45px 0;
}
/*--- Bottom ---*/
#bottom_body {
	background-image: url('images/bottom_body_bg.png');
	background-position: center top;
	background-repeat: repeat-x;
}
#bottom_wrapper {
	padding: 20px 0;
}
/*--- Footer ---*/
#footer_outer {
	background-image: url('images/footer_outer_bg.png');
	background-position: center bottom;
	background-repeat: no-repeat;
}
#footer_wrapper {
	padding: 30px 0 50px 0;
	background-image: url('images/footer_wrapper_bg.png');
	background-position: center top;
	background-repeat: no-repeat;
}
/*----------------------------------------------------------------------*/
/*--- OVER-WRITING DNN CORE CLASSES ------------------------------------*/
/*--- Styles to curb FCK Link & Image Gallery #body issue --------------*/
.FCKLinkGalleryContainer {
	background-color: #fff;
	height: 100%;
	width: 100%;
	padding: 15px;
}
.FCKImageGalleryContainer {
	background-color: #fff;
	height: 100%;
	width: 100%;
	padding: 15px;
}
.FCKImageGalleryContainer td {
	border: none !important;
}
.FCKImageGalleryContainer table {
	border: none !important;
}
.ImageListContainer {
	border: none !important;
}
.Help {
	margin: 5px 0 0 0;
	font-size: 11px;
	padding: 5px;
	border: #000 1px solid;
	background-color: #f1f1f1;
	line-height: 100%;
	color: #3d3d3d;
}
/*----------------------------------------------------------------------*/
/*--- DNN Nav Modules Actions Menu - Idle, Hover & Active Rulesets -----*/
.ModuleTitle_SubMenu {
	border: 1px solid #c0c0c0;
}
.ModuleTitle_SubMenu td {
	background-color: #fff;
	white-space: nowrap;
	font-size: 13px;
	font-weight: normal;
	padding: 3px;
}
.ModuleTitle_MenuIcon {
	background-color: #fff;
	border: none;
	padding: 0;
	height: auto;
}
.ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon {
	background-color: #777777;
	color: #fff;
}
.ModuleTitle_MenuItemSel td {
	background-color: #777777;
	color: #fff;
}
tr.ModuleTitle_MenuBreak td.ModuleTitle_MenuIcon {
	height: 0;
	background-color: transparent;
	display: none;
}
.ModuleTitle_MenuBreak .ModuleTitle_MenuIcon {
	height: 0;
	background-color: transparent;
	display: none;
}
.ModuleTitle_MenuBreak td {
	height: 0;
	background-color: transparent;
	display: none;
}
.ModuleTitle_MenuItem {
	border: 0px transparent none;
}
.ModuleTitle_MenuItemSel {
	background-color: transparent;
}
/*----------------------------------------------------------------------*/
/*--- END SKIN.CSS STYLESHEET ------------------------------------------*/
/*======================================================================*/