/*** WEBSITE: Default 4.4.1 Skin
	 AUTHOR: Lauren Markwell
	 CREATED: 20/03/2007 
	 COMMENTS: Condensed Stylesheet for Default 4.4.1 Skin */
	 
/******************************************************
    SKIN LAYOUT STYLES
******************************************************/
#bodyDiv { width:100%; height: 100%; text-align:center; padding: 0px; margin: 0px; background: #005290 url(images/page_bg.gif) repeat-x top left;}
html>body #bodyDiv { height:auto; min-height: 100%;}
#frame{width:970px;margin-left:auto;margin-right:auto;text-align:left;}
html>body #frame{ width:970px;}
#branding { height: 145px;width:100%;background:#002751 url(images/bg_cellHeader.jpg) no-repeat top right}
.title{width:970px;margin-left:auto;margin-right:auto;}
.logo{float:left;width:225px}
.slogan{width:420px;background:url(images/byline_header.gif) no-repeat top left;height:145px;float:left}
.search{float:left;width:260px;margin-top:90px;height:20px;}
.search .NormalTextBox{width:200px;background:#94abc9;border:1px solid #FFF;color:#FFF;padding:2px;}
.searchBox{height:20px;float:left}
.GoBtn{height:20px;margin-top:-5px;float:left}
#menu{ display:none}
#menuDesign {display:none}
html>body #menuDesign { height: 32px;}
.roundTop{background:url(images/roundTop_bg.gif) no-repeat top left;width:970px;height:10px;float:left;margin-top:30px}
* html .roundTop {margin-top:0px; height: 9px!important;font-size: 8px;}
.roundBot{background:url(images/roundBot_bg.gif) no-repeat top left;width:970px;height:11px;float:left}
#contentArea { width:100%; float:left; background:#FFF;}
#enclose { width: 760px; float: right;}
.leftPanel {display:none; width: 1px}
.flash{width:750px;height:390px;float:left;background:url(images/img_homeHero.jpg) no-repeat top left}
.contentPanelInner{ width:490px;float:left; padding: 0px 10px 10px 10px;clear:both}
.contentPanel{ width:490px;float:left; padding: 10px;clear:both}
.masterplanContentPanel {width:700px; float:left}
.rightPanel { width:230px; padding: 5px; float:left;}
#footer {display:none}
.resNavBar {display:none;}
.QL_Wrap h2{background:#367C2B;width:145px;color:#FFF;font-size:12px;padding:3px 0px 3px 25px;margin:0}

/******************************************************
    CONTAINER STYLES
******************************************************/
.container{ width:100%;}
.containerContent { padding: 0px;}

/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
******************************************************/
html {height: auto; background: #005290;/* Firefox and IE7 hack for 100% background */}
body {margin:0px; padding:0px; background: #005290; height: 100%;/* IE6 hack for 100% background  */}
body, td, ul li, p, .normal, .NormalDisabled, .blogCalendar td{ font-family: Tahoma, arial, verdana, helvetica;	font-size: 12px;color: red;font-weight: normal;line-height:18px;}

/* text style used for rendered text which should appear disabled */
.NormalDisabled { color: #D3D3D3;}
/* style of item titles on edit and admin pages */
.SubHead {color: #444444; font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; text-align: left;}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #000;}
/* text style used for rendered text which requires emphasis */
.NormalBold { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold;}
/* text style used for error messages */
.NormalRed { color: #9d1111;}

/* heading styles */
h1, h2, h3, h4, h5, dt, h6, .head, h2 span.head, .container h2 span.head, 
h3 span.SubHead, .newstitle, tfoot, thead, th {font-family: "Trebuchet MS", Trebuchet MS, arial, verdana, helvetica; color:#002751; margin:0px; padding:0px; margin-bottom:10px; font-weight:normal; font-size: 12px;}
h1 {font-size:16px; color:#387C2B;background:url(images/h1_bg.gif) no-repeat top left;height:23px;font-weight:bold;padding:4px 0px 3px 10px}
h2, .head, h2 span.head, .container h2 span.head {font-size:14px; font-weight: bold;}
h3, h3 span.SubHead, .newstitle {font-size: 16px; font-weight: bold;}
h4 {font-size: 14px; font-weight: bold;}
h5, DT {font-size: 13px; font-weight: bold;}
h6 {font-size: 12px; font-style: italic;}

p {margin: 5px 0px 15px 0px;}
ul { margin: 0px 0px 10px 25px;}
ul li { margin-left:5px; padding:0px; list-style-type: square; /*list-style:none; list-style-image: url(bullet.gif)*/}
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;}
hr { color: dimgrey; height:1pt; text-align:left;}
img{ border:0px; margin:0px; padding:0px;}

/* link styles */
a, a:link, a:active, a:visited { color:#6EBB1F; text-decoration:none; padding: 0px; margin:0px;}
a:hover { text-decoration:underline; color:#005290;}

blockquote {font-size:15px; font-family:"Lucida Sans Unicode"; float:right;}
pre {font-family: Lucida Console, monospace;color: #434343;font-weight: normal;	font-size: 11px;}
address {font-family: Arial, Verdana, Helvetica;color: #434343;font-weight: normal;font-size: 11px;font-style: italic;}

/******************************************************
    FORM STYLES              
******************************************************/
/* Generic Form Element classes */
.formInput{ width:150px; height:18px; border:1px solid #CCCCCC;}
.formBtn{}.formRadio{}.formCheckBox{}

.formItem { clear: both;}
.label { clear: both; float: left; width: 120px; text-align: right; padding-right: 10px; font-weight: bold;}
.labelDetails { width: 390px;}
.labelDetails p { margin: 0px 0px 7px 0px;}

/* button style for standard HTML buttons */
.StandardButton, a.StandardButton, a:link.StandardButton, a:active.StandardButton, a:visited.StandardButton, input.StandardButton, a.CommandButton, a:link.CommandButton, a:active.CommandButton, a:visited.CommandButton { padding:2px 8px; width:0; overflow:visible; font-weight: normal; font-size: 11px; background: #75BB34 /*url(button_bg.gif) repeat-x top left*/; color: #FFFFFF; font-family: Tahoma, Verdana, sans-serif; text-transform: lowercase; margin: 0px; cursor: pointer; clear: both; height: 14px; white-space: nowrap;text-decoration:none}
input.StandardButton[class], a.CommandButton[class], a:link.CommandButton[class], a:active.CommandButton[class], a:visited.CommandButton[class] { border:0;width: auto;padding:2px 8px;} /* Non IE browsers read this */
a:hover.CommandButton, input:hover.StandardButton{color: #FFF;background:#005290;padding:2px 8px;border:0;}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox, input.longTextBox, input.longmedTextBox, input.medTextBox, input.medshortTextBox, input.shortTextBox { font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: normal;border:1px solid #47689B;background:#94ABC9;color:#FFF;padding:2px}
input.longTextBox { width: 250px;}
input.longmedTextBox { width: 200px;}
input.medTextBox { width: 150px;}
input.medshortTextBox { width: 100px;}
input.shortTextBox { width: 60px;}

/*Dropdown Boxes*/
select { font-size: 10px;}

/* Required Fields */
span.mandatory { color: #334692; font-weight:bold;}

/******************************************************
    GENERAL STYLES
******************************************************/
.floatLeft{ float:left;}
.floatRight{ float:right;}

/* styles to mimic auto height of div elements as per IE */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Error message styling under 'SELECTOR and COMMONLY USED DNN STYLES' above*/

/******************************************************
    DNN STYLES (Some of these we try to avoid, but are still used in some modules; Some we are unsure of what they do)
******************************************************/

/* What exactly does this style?? */
.SkinObject { font-weight: bold; font-size: 8.5pt; color: #003366; font-family: Tahoma, Arial, Helvetica; text-decoration: none;}
A.SkinObject:link { text-decoration: none; color:#003366;}
A.SkinObject:visited { text-decoration: none; color:#003366;}
A.SkinObject:active { text-decoration: none; color:#003366;}
A.SkinObject:hover { text-decoration: none; color:#003366;}

/* styles used by Data Grids */
.DataGrid_AlternatingItem { background-color:#fff; color: #FF0000; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal;}
.DataGrid_Container { background-color: Transparent;}
.DataGrid_Footer { background-color:#fff;}
.DataGrid_Header { background-color:Transparent; color: #000; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: bold; text-align: center;}
.DataGrid_Item { background-color:Transparent; color: #000; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal;}
.DataGrid_SelectedItem { background-color: #D3D3D3; color: Blue; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal;}

/* text style used for help text rende#FF0000 by modules */
.Help { border: #000 1px solid; padding: 2px; font-weight: normal; font-size: 11px; color: #000; font-family: Tahoma, Arial, Helvetica; background-color: #ffff99;}

SMALL { font-size: 8px;}
BIG { font-size: 14px;}