﻿/* CSS Document */

/*
CSS Reset Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/

/* CSS Reset */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td
{
	margin:0;
	padding:0;
}

table
{
	border-collapse:collapse;
	border-spacing:0;
}

fieldset, img { border:0; }

address, caption, cite, code, dfn, em, strong, th, var, optgroup
{
	font-style:inherit;
	font-weight:inherit;
}

em { font-style:italic; }

strong { font-weight:bold; }

del, ins { text-decoration:none; }

li { list-style:none; }

caption, th { text-align:left; }

h1, h2, h3, h4, h5, h6
{
	font-size:100%;
	font-weight:normal;
}

q:before, q:after { content:''; }

abbr, acronym
{
	border:0;
	font-variant:normal;
}

sup { vertical-align:baseline; }

sub { vertical-align:baseline; }

legend { color:#000; }

input, button, textarea, select, optgroup, option
{
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}

input, button, textarea, select { *font-size:100%; }

/* HTML redefinitions */

Body
{
	background-color: #fff;
	color: #000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

H1
{
	font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #000;
	margin: 0.3em 0;
}

H2
{
	font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #08397B;
	margin: 0.4em 0;
}

H3
{
	font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
	font-size: 13pt;
	font-weight: normal;
	color: #E78431;
	margin: 0.5em 0;
}

H4
{
	font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #333;
	margin: 0.6em 0;
}

H5, DT
{
	font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #444;
	margin: 0.7em 0;
}

H6
{
	font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #555;
	margin: 0.7em 0;
}

TFOOT, THEAD
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #003366;
}

TH
{
	vertical-align: baseline;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #003366;
}

SMALL { font-size: 7pt; }

BIG { font-size: 14pt; }

BLOCKQUOTE, PRE { font-family: 'Lucida Console', monospace; }

input, button, textarea, select, optgroup, option { margin: 2px 2px 1px 3px; }

UL LI { list-style-type: square; }

UL LI LI { list-style-type: disc; }

UL LI LI LI { list-style-type: circle; }

OL LI { list-style-type: decimal; }

OL OL LI { list-style-type: lower-alpha; }

OL OL OL LI { list-style-type: lower-roman; }

OL UL LI { list-style-type: disc; }

HR
{
	color: #000;
	height: 1px;
	text-align: center;
	width: 100%;
	margin: 2px auto;
	background-color:#000;
	border: none;
}

A:link
{
	font-weight: bold;
	text-decoration: underline;
	color: #DA850B;
}

A:visited
{
	font-weight: bold;
	text-decoration: underline;
	color: #DA850B;
}

A:hover
{
	font-weight: bold;
	text-decoration: none;
	color: #EE920D;
}

A:active
{
	font-weight: bold;
	text-decoration: none;
	color: #EE920D;
}

/* Admin elements */

.ControlPanel, .PagingTable
{
	width: 80%;
	min-width: 800px;
	margin: 0 auto 10px;
	background-color: #fff;
	border-right: #949494 1px solid;
	border-top: 0;
	border-left: #949494 1px solid;
	border-bottom: #949494 1px solid;
	-moz-box-shadow: 1px 1px 6px #888;
}

.ControlPanel td { padding: 3px; }

.CommandButton
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #949494;
	background: #bdbdbd;
	border: solid 2px #949494;
	padding: 2px 5px;
}

/* DNN element styles */

.StandardButton
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	padding: 2px 5px;
	display: inline-block;
	text-decoration: none;
	color: #5f5f5f;
	background: #e0e0e0;
	margin: 1px;
	border: outset 2px #bdbdbd;
}

.NormalTextBox
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	padding: 2px;
	border: 1px solid #999;
}

/* DNN text styles */

.SkinObject
{
	font-weight: normal;
	font-size: 8pt;
	color: #727272;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.botmidth .SkinObject
{
	font-weight: normal;
	font-size: 8pt;
	color: #fff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.botmidth a.SkinObject:link, .botmidth a.SkinObject:visited, .botmidth a.SkinObject:hover, .botmidth a.SkinObject:active 
{
	font-size: 8pt;
	color: #fff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.Help
{
	font-size: 9pt;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.Head
{
	font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
	font-size: 16pt;
	font-weight: normal;
	color: #111;
}

.SubHead
{
	font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #222;
}

.SubSubHead
{
	font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #333;
}

.Normal, .NormalDisabled
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: inherit;
}

.NormalDisabled
{
	color: #999;
	text-shadow: 0 1px 0 #ccc;
}

.NormalBold
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

.NormalRed
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #cc0000;
}

/* Normal subclasses */

.Normal p
{
	margin: 0.7em 0;
	line-height: 1.4;
	font-size: 10pt;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.Normal table { border: none }

.Normal table th
{
	padding: 3px;
	border-bottom: 1px dashed #000;
	background: #ddeeff;
	line-height: 1.4;
}

.Normal table td
{
	padding: 3px;
	line-height: 1.4;
}

.Normal ul, .Normal ol
{
	margin: 0.2em 1.5em;
	list-style: inside inherit none;
}

.Normal li
{
	line-height: 1.4;
	margin: 0 1em;
}

/* DNN link styles */

A.CommandButton:link
{
	display: inline-block;
	text-decoration: none;
	color: #5f5f5f;
	background: #e0e0e0;
	margin: 1px;
	border: outset 2px #bdbdbd;
}

A.CommandButton:visited
{
	display: inline-block;
	text-decoration: none;
	color: #5f5f5f;
	background: #e0e0e0;
	margin: 1px;
	border: outset 2px #bdbdbd;
}

A.CommandButton:hover
{
	display: inline-block;
	text-decoration: none;
	color: #3366cc;
	background: #e0e0e0;
	margin: 1px;
	border: inset 2px #bdbdbd;
}

A.CommandButton:active
{
	display: inline-block;
	text-decoration: none;
	color: #cc3333;
	background: #e0e0e0;
	margin: 1px;
	border: inset 2px #bdbdbd;
}

A.SkinObject:link
{
	text-decoration: none;
	color: #727272;
}

A.SkinObject:visited
{
	text-decoration: none;
	color: #727272;
}

A.SkinObject:hover
{
	text-decoration: none;
	color: #444;
}

A.SkinObject:active
{
	text-decoration: none;
	color: #444;
}

/* Template layout */

#wrapper
{
	margin: 0 auto;
	width: 960px;
}

#LogoPane { float: left; }

#TaglinePane { float: right; }

#ContentPane { 

}

#LeftPane { float: left; }

#BottomPane { float: left; }

#RightPane { float: left; }

#footer { }

#footerleft { float: left; }

#footerright { float: right; }

.clear { clear: both; }

/* Template styles */

.LogoPane { }

.TaglinePane { }

.ContentPane {
margin-bottom: 10px; 
padding: 15px;
 }

.LeftPane { padding: 15px;
width: 25%;
}

.BottomPane {padding: 15px;
 }

.RightPane {padding: 15px;
width: 25%;

 }
 
.TopPane {
padding: 15px;
}

body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial;
	font-size: 14px;	
	color: #333;
	background: #f8f5ef;
}

/* Structural Elements */

#menubar {
	width: 960px;
	float: left;
}

#bottombar {
	width: 960px;
	clear: both;
	height: 41px;
}

.headercontainer {
	margin: auto;
	width: 960px;
	position: relative;
}

#whitener {
	width: 100%;
	background: #fff;
	padding-top: 20px;
}

.maincontainer {
	margin: auto;
	width: 960px;
	position: relative;
	top: -55px;
}

#widecontainer {
	margin: auto;
	width: 100%;
	min-width: 960px;
	position: relative;
	background: url('images/bodybg.png') repeat-x #F8F5EF;
}

#menu {
	height: 71px;
}

#headerholder {
	height: 200px;
	background: #fff;
	width: 100%;
}

#content {
	overflow: hidden;
	float: left;
	width: 100%;
	background: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
	
#dnn_ContentPane {
}


#footer {
	float: left;
	height: 22px;
	padding-top: 8px;
	font-size: 11px;
	width: 100%;
	color: #727272;
	background: #fff;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

.clearer {
	clear: both;
	}

/* Main Menu */

.MainMenu_MenuContainer{ 
	background:transparent; 
	width:99%; 
	font-weight: normal;
	background: url('images/menuidle.png') repeat-x;
}

.MainMenu_MenuBar {
	font-weight: normal;
}

.MainMenu_SearchBar {
	background-position: top;
	text-align: right;
}

.MainMenu_MenuItem{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #727272;
	font-weight:normal;
	padding:5px 15px 5px 10px;
	border:0px #000000 solid;
	border-width:0px 0px;
	background-color: transparent;
}

.MainMenu_MenuItemSel {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: normal;
	border: 0;	
	background-image: url('images/menuhover.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;

}

.MainMenu_MenuIcon{ display:none; }
.MainMenu_RootMenuArrow{ display:none; }
.MainMenu_MenuArrow{ display:none; }

/*---------Root Menu Separator---------------*/
.MainMenu_MenuBreak{ display: inherit; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; background:transparent;}
.ModuleTitle_MenuItemSel {background-color: transparent;}

/*---------Root Menu style---------------*/
.rootmenuitem TD{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 10px 14px 10px 14px;
	height: 41px;
	font-size: 12px;
	color: #ffffff;
	padding: 0 15px;
}
.rootmenuitemselected TD{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 10px 15px 10px 15px;
	font-size: 12px;
	height: 30px;
	color: #fff;
	background-image: url('images/menuhover.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	padding: 0 15px;
}

.MainMenu_RootMenuItemActive TD{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 0;	
	height: 30px;
	padding: 0 15px;
	background-image: url('images/menuhover.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	}
	
.rootmenuitembreadcrumb TD{
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	border: 0;
	height: 30px;
	padding: 0 15px;
	color: #fff;
	background-image: url('images/menuhover.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
}

.menusep {
	width: 2px;
	height: 42px;
}

/*---------Sub Menu style---------------*/

.submenu{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#727272;
	background: #ece7dd;
	font-size:11px;
	font-weight:bold;
	border:0;
	padding:0px;
	margin-top: 0;
	margin-left: 0px;
	border-left: 1px solid #ca8608;
	border-right: 1px solid #ca8608;
	border-top: 1px solid #ca8608;
	border-bottom: 1px solid #ca8608;
}

.submenu TD {
	font-weight: bold;
}

.submenuitembreadcrumb{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#727272;
	font-size:11px;
	font-weight: bold;
	padding:5px 15px 5px 10px;
	border:0px #000000 solid;
	border-width:0px 0px;
}

.submenuitemselected{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#111;
	font-weight: bold;
	padding:5px 15px 5px 10px;
	border:0px #000000 solid;
	background: #f9e4bd;
}

.submenuitemactive {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #111;
	font-weight: bold;
	padding:5px 15px 5px 10px;
	border:0px #000000 solid;
	border-width:0px 0px;
}

.footertext {
	color: #727272;
	font-weight: normal;
	font-size: 10px;
}

.footer2{ font-size:8pt; color:#a3cbe0; text-decoration:none; font-weight:bold;}
a.footer2:link,a.footer2:visited{ font-size:8pt; color:#ffffff; text-decoration:none; font-weight:bold;}
a.footer2:hover,a.footer2:active{ color:#06a75e; text-decoration:underline; font-weight:bold;}


.lefthalf {
	width: 50%;
	text-align: left;
	float: left;
	}
	
.righthalf {
	width: 50%;
	text-align: right;
	float: left;
}

#leftmenu {
	width: 5px;
	height: 37px;
	background: url('images/menuleft.png') no-repeat top left;
	float: left;
	margin-top: 1px;
}

#rightmenuleftimage {
	width: 20px;
	height: 41px;
	background: url('images/menurights.png') no-repeat top left;
	float: left;
}
#rightmenu {
	height: 41px;
	width: 176px;
	float: right;
	background:url("images/menuright.png") no-repeat scroll 0 0 transparent;
	left:6px;
	position:relative;
	}
	
#botbarrightend {
	width: 9px;
	height: 41px;
	background: url('images/bottomright.png') no-repeat top left;
}

#botbarrightimage {
	float:left;
	width: 20px;
	height: 41px;
	background: url('images/bottomdiag.png') no-repeat;
}

#botbarleft {
	height: 41px;
	background: url('images/bottomleftbit.png') repeat-x transparent;
	margin-left:15px;
	width: 210px;
	padding-top: 6px;
	z-index: 100;
	}
	
#botleftcorner {
	width: 15px;
	height: 41px;
	background: url('images/bottomleftcorner.png') no-repeat;
	float: left;
	}
	
.botmid {
	background: url('images/bottommid.png') repeat-x transparent;
	height: 41px;
}

.botmidth {
	color: #fff;
	font-size: 11px;
	padding-top: 9px;
	padding-right: 9px;
	float: right;
}

.white {
color: #fff;
}

.menusep {
	height: 42px;
	width: 2px;
}
table.staff td {
    padding: 7px;
}