/*** WEBSITE: Default 4.4.1 Skin
	 AUTHOR: Cherie Proctor 
	 CREATED: 20/03/2007 
	 COMMENTS: 
*/
	 
/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
******************************************************/
html {height: auto; background: #F9FFC5;/* Firefox and IE7 hack for 100% background */}
body {margin:0px; padding:0px; background: #FFFFFF; height: 100%;/* IE6 hack for 100% background  */}
body, td, ul li, p, .normal, .NormalDisabled, .blogCalendar td{ font-family: Arial, verdana, helvetica;	font-size: 11px;color: #666666;font-weight: normal;line-height:1.5em;}

/* text style used for rende#FF0000 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 rende#FF0000 text which requires emphasis */
.NormalBold { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold;}
/* text style used for error messages */
.Normal#FF0000 { font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; color: #ff0000}

/* 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: arial, verdana, helvetica; color:#727c25; margin:0px; padding:0px; margin-bottom:10px; font-weight:normal; font-size: 12px;}
h1 {font-size:22px; color:#555555;}
h2, .head, h2 span.head, .container h2 span.head {font-size:18px;}
h3, h3 span.SubHead, .newstitle {font-size: 13px; 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:#7A8521; text-decoration:none; padding: 0px; margin:0px;}
a:hover { text-decoration:none; color:#000;}

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;}
/******************************************************
    SKIN LAYOUT STYLES
******************************************************/
#bodyDiv { width:100%; height: 100%; text-align:center; padding: 0px; margin:0;background:#b594b3 url(images/frame_bg.jpg) repeat-y top;}
.bground{}
#frame{width:1000px;margin-left:auto;margin-right:auto;text-align:left;}
#branding { float:left;height: 60px; width:300px}
#menuDesign {width:216px; height:41px; background:url(images/left_bg.jpg) top no-repeat; padding-top:41px}
#contentArea { width:100%; float:left; padding-bottom:20px;}
#enclose { width: 650px; float: left; background-color:#CC0000}
.leftPanel { width:221px; float:left; margin-top:10px}
.contentPanel{ width:518px;float:left; padding: 0px 0 0 0;margin:10px 0 0 15px; min-height:500px; height:500px;}
html>body .contentPanel{height:auto}
.contentPanelInner{ width:600px;float:left; padding: 0px 0 0 0;margin:10px 0 0 15px; min-height:500px; height:500px;}
html>body .contentPanelInner{height:auto}
.rightPanel {width:230px; margin:0 0 0 0x; float:right; margin-top:10px}
#footer {clear:both;text-align:right; font-size: 11px; color:#7a8521;width:100%;height:auto;background:#f9ffc5; border-top:#bdcd33 1px solid;}
#footer a{font-size: 11px; color:#7a8521; text-decoration: underline; }
#footer a:hover {text-decoration: none;}
#banklogo a { float:left; width:221px; height:52px; background:url(images/banklogo.jpg) no-repeat;}
.footerinner {margin:0 auto;width:1000px;}
.footerlinks { float:right ;padding-right:10px; }

.calendar{width:211px; height:217px; background:url(images/calendar_bg.gif); float:left; padding:5px}
.calendar h2{ padding:5px 0px 0px 10px; text-transform:uppercase; font-size:14px; font-weight:bold}
.calendar p{}
.calendar a{color:#666}
.topPanel{ float:left; width:1000px;}

.banner { float:right; width:764px; height:227px; background:url(images/banner_bg.gif) no-repeat; color:#fff;}
.bannerContent {width:350px; float:right; margin:35px 25px 0 0}
.bannerContent h2{width:350px; float:right; margin:0px 5px 0 0; font-size:28px; font-family:Arial, Helvetica, sans-serif; color:#fff; line-height:30px}

html>body .bannerContent {width:350px; float:right; margin:35px 50px 0 0}
html>body .bannerContent h2{width:350px; float:right; margin:0px 5px 0 0; font-size:28px; color:#fff}

.signaturerange { float:left;clear: both}

.blockupper {width:221px;color:#fff; font:11px arial;margin-top: 10px; background:url(images/block_bg_1.jpg) repeat-x;}
.blockupper h2, .save h2{color:#727c25; font:14px arial; font-weight:bold; padding:5px 0 0 10px}
.tojustify {padding: 0 10px 18px 10px;text-align: justify;background:url(images/triangle.gif) right bottom no-repeat}
.save {margin:20px 0 0 0;width:221px; height:238px; background:url(images/save_bg.jpg) left top no-repeat}
.save p{color:#3e3a37; padding:12px; margin:0}
.save h3{padding-left:10px; margin:0; text-transform:uppercase; font-size:12px;}

/******************************************************
    DIGICON QUICK LINK STYLES
******************************************************/
.QuickLink {padding:0; margin:0 21px 18px 0; width:145px; height:209px; background:url(images/signatureproduct_bg.jpg) bottom left no-repeat; float:right;}
* html .QuickLink {margin:0 10px 18px 0;}
.QuickLink h3 { margin:0px; padding:10px;}
.QuickLink img { float:left; border:1px solid #b8c832; padding:0}
.QuickLink p { float:left;margin:0px; padding:2px 5px 2px 5px; color:#655f5a}


/* menu */
.navigation{ float:right;width:680px; height:43px; background: url(images/bg_menu.jpg) repeat-x; position:relative}
#navLeft{height:62px; width:43px;background: url(images/first.jpg) top left no-repeat; position:absolute; left:0; top:0px}
#navRight{height:62px; width:43px;background: url(images/last.jpg) top right no-repeat; position:absolute;  right:0; top:0px}

/******************************************************
    DIGICON CLEAN CSS HORIZONTAL MENU STYLES              
******************************************************/
/***  CLEAN MENU FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
.menu, .menu ul {margin: 0; padding: 0; border: 0; list-style-type: none; display: block; zoom: 1;/*IE6*/ min-height: 0;/*IE7*/}
.menu li {margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; white-space: normal;}
.menu li:hover {z-index: 10000; white-space: normal;}
.menu li.menuHover /*IE6*/{z-index: 10000;}
.menu .menuHoverUL /* li:hover>ul selector */ /*IE6*/{visibility: visible;}
.menu .menuHoverUL /* 1st-level submenu go below their parent item */ /*IE6*/{top: 100%; left: 0;}
.menu .menuHoverUL .menuHoverUL /* 2nd+ levels go on the right side of the parent item */ /*IE6*/{top: 0; left: 100%;}
.menu li li {float: none;}
.menu ul {visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0;}
.menu li:hover>ul {visibility: visible;	top: 100%;}
.menu li li:hover>ul /* 2nd+ levels go on the right side of the parent item */{top: 0; left: 100%;}
.menu a, .menu a:link, .menu a:active, .menu a:visited, .menu a:link:hover, .menu li.active {display: block; position: relative;}
.menu ul a /*fix clickability-area problem*/ /*IE6*/{zoom: 1;}
.menu li li /*fix white gap problem*/ /*IE6*/{float: left; width: 100%;}
.menu li li /*prevent double-line between items*/ /*IE6*/{margin-top: -1px;}
html>body .menu li li { margin-top: 0px;}

/***  CLEAN MENU DESIGN STYLES - CHANGE ONLY THESE STYLES  ***/
.menu, .menu ul li {color: white; background:;}
.menu ul li {background: #999; text-align: left; width: 150px;}
.menu ul {width: 150px;}
/* Top Level Menu Items */
.menu a, .menu a:link, .menu a:active, .menu a:visited, .menu a:hover, .menu a:link:hover, .menu li.active {text-decoration: none; color:#fff; padding: 12px 14px; font-size: 15px;background:url(images/menu_divider.jpg) right top no-repeat; text-transform:uppercase}
.menu li.active {padding-top: 8px;background:url(images/menu_divider.jpg) right top no-repeat;}
.menu a:hover, .menu a:link:hover, .menu li:hover>a {color:#fff;}
.menu a:hover, .menu a:link:hover, .menu .menuHoverA /* li:hover>a selector */ /*IE6*/{color:#fff; }
/* Drop Down Menu Items */
ul.menu ul a, ul.menu ul a:link, ul.menu ul a:active, ul.menu ul a:visited, ul.menu ul a:hover, ul.menu ul a:link:hover, ul.menu ul li.active {border-right: 0px; text-decoration: none; color:#fff; padding: 2px 5px; background:#baca38; text-transform:none}
ul.menu ul a:hover, ul.menu ul a:link:hover{ background:#ccdc3c}
ul.menu ul li.active { background:#baca38;}
ul.menu ul li a:hover, ul.menu ul li a:link:hover, ul.menu ul li li:hover>a {color: #fff; background: #666;}
.menu ul a:hover, .menu ul a:link:hover, .menu ul .menuHoverA /* ul li:hover>a selector */ /*IE6*/{color: #fff;	background: #fff;}
ul.menu ul li.active /* needs to be adjusted by hand - seems to be dropdown width minus a padding */{ width: 140px; background: #ccdc3c; border-right: 1px solid #fff;}
.menu li li {border: 1px solid #fff;}
.menu ul>li + li /*remove top border on all but first item in the list*/{border-top: 0;}
.menu li li:hover>ul /*position of 2nd+ submenus, overlapping*/{top: -1px; left: 100%;}
.menu .menuHoverUL .menuHoverUL /*position of 2nd+ submenus, overlapping*/ /*IE6*/{top: 0px; left: 100%;}

/***  CLEAN MENU FIXES AND EXTRA FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
/* special colouring for first menu item on each level */
/*.menu>li:first-child>a, .menu li + li + li li:first-child>a {color: #567;}*/
/* float clear - force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both;}
/* float clear end */
/* sticky submenu - it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!	if you do it, make sure you 110% know what you do */
.menu ul {background-image: url(empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 12px 30px 30px 30px; margin: -10px 0 0 -30px; /*background: #f00;*/	/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */}
html>body .menu ul {padding-top: 10px;}
.menu ul ul {padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px;}
/* sticky submenu end */
/* Fix for IE5/Mac \*//*/
.menu a {float: left;}
/* End Fix */
/******************************************************
    CONTAINER STYLES
******************************************************/
.container{width:100%;}
.containerContent {padding: 0px;}
.ql_Home_container h2{width:460px; height:32px;background:url(images/signature_bar2.jpg) top left no-repeat; color:#fff; text-transform:uppercase; font-size:14px; font-weight:bold; padding:8px 0px 0px 45px;}
.homeLeft_container h2{width:216px; height:41px;background:url(left_bg.jpg) no-repeat top center}

html>body .infocontainer{margin-top:10px;}
.infocontainer h2{width:216px; height:41px; background:url(images/left_bg.jpg) top no-repeat; padding:12px 0px 0px 0px; text-align:center; text-transform:uppercase; font-size:17px; font-weight:bold}
.information {width:203px;min-height:155px; height:155px;border-left: #e0f33d 1px solid;border:#e0f33d 1px solid;background:#f9ffc5; margin:-23px 0px 10px 5px;}
html>body .information{height:auto}
.information a {color:#7A8521; font:12px Arial; font-weight:bold; margin:0 0 0 10px; padding-left:18px; background:url(images/arrow_info.gif) no-repeat left }
.information .noimg a { background:none}

.contact_container h2{width:436px; height:41px; background:url(images/contact_bg.jpg) top no-repeat; padding:12px 0px 0px 0px; text-align:center; text-transform:uppercase; font-size:17px; font-weight:bold}
.contact {width:420px;min-height:155px; height:155px;border:#e0f33d 1px solid;background:#f9ffc5; margin:-23px 0px 10px 5px;}
html>body .contact{height:auto}

.feedbackForm{margin:10px 10px 10px 30px;}
.contact_container .label{text-align:left; color:#7A8521}
* html .contact_container .label{padding-left:30px;}
.contact_container .labelDetails{margin-bottom:5px;}


/******************************************************
    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-left:8px; padding-right: 8px; width:0; overflow:visible; font-weight: normal; font-size: 11px; border: 1px solid #e0f33d; background: #bfd034 url(button_bg.gif) repeat-x top left; color: #7A8521; font-family: Tahoma, Verdana, sans-serif; text-transform: lowercase; margin: 0px; cursor: pointer; clear: both; height: 16px; border: 1px solid #e0f33d; white-space: nowrap;}
input.StandardButton[class], a.CommandButton[class], a:link.CommandButton[class], a:active.CommandButton[class], a:visited.CommandButton[class] { width: auto;} /* Non IE browsers read this */
a:hover.CommandButton, input:hover.StandardButton{color: #7A8521;}

/* 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;}
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;}

/* Requi#FF0000 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-block;}
/* Hides from IE-mac \*/
.clearfix {display:block;}
/* End hide from IE-mac */

/******************************************************
    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;}

/******************************************************
    SURVEY MODULE STYLES
******************************************************/
.YourCompanyNameSurveyResults {font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: normal;}


/******************************************************
    QUICK LINKS WITHOUT DESCRIPTION STYLES
******************************************************/
#Highlight_SubHead {color: #230C69;background-color: #DEE4F2;font-family: Arial;font-size: 14px;font-weight: bold;	height: 20px;padding: 2px;}
#Highlight{border: solid 1px #230C69;}

/******************************************************
    ANNOUNCEMENT MODULE STYLES
******************************************************/
.DNN_ANN_DesignTable { width:100%; padding:4px;}
.DNN_ANN_Description {}
.DNN_ANN_Description P { margin-top:0px;}

/*catalook styles */