/*** WEBSITE: Default 4.4.1 Skin
	 AUTHOR: Cherie Proctor 
	 CREATED: 20/03/2007 
	 COMMENTS: Condensed Stylesheet for Default 4.4.1 Skin */
	 
/******************************************************
    SKIN LAYOUT STYLES
******************************************************/
#bodyDiv { width:100%; height: 100%; text-align:center; background-color:#ffffff; padding: 0px; margin: 0px;}
html>body #bodyDiv { height:auto; min-height: 100%;}
#frame{width:912px;margin-left:auto;margin-right:auto;text-align:left;background-color:#FFFFFF}
html>body #frame{ width:910px;}
#frameInner {width:912px;margin-left:auto;margin-right:auto;text-align:left;background-color:#FFFFFF; }
html>body #frameInner {height: auto;}
#branding { min-height: 75px; height: 75px; border-bottom: 5px solid #707070; width: 100%; margin-top: 20px}
#logo {width: 60px; float:left; margin-left: 15px; position: absolute}
#contentArea  { background: url(images/NTI_leftmenu.jpg) left repeat-y;width:100%; float:left; border-top: 3px solid #004994; border-bottom: 1px solid #000; padding-bottom: 2px; margin-top: 2px; padding-top: 2px;}
#contentAreaLogin {width: 100%; border-top: 3px solid #004994; border-bottom: 1px solid #000; padding-bottom:2px; margin-top: 2px; padding-top: 2px; height: 300px; min-height: 300px}
html>body #contentArea, html>body #contentAreaLogin {margin-bottom: 2px; height:auto;}
*:first-child+html #contentArea, *:first-child+html #contentAreaLogin {margin-bottom: -18px; height: auto}
#enclose { width: 700px; float: right}
.leftPanel { width:180px; padding: 10px; float:left; background:#d2d2d2}
html>body .leftPanel {height: auto;}
.bannerPanel { width: 700px; min-height: 73px; float:right;}
.sideMenu {width: 200px; float:left;background: #d2d2d2; position: relative;}
#leftColumn {float: left; position: absolute; background:#d2d2d2; height:583px; min-height:583px}
html>body #leftColumn {height: auto;}
#mainColumn {float:right;width:710px; height:583px; min-height:583px}
html>body #mainColumn {height: auto;}
.contentPanelOnePane {width:100%}/*Used for the NTI Sunrise Flash*/
.contentPanel{ width:680px;float:right; padding: 5px 10px 20px 10px;position:relative;}
.contentPanelLogin {float:left; padding: 20px 10px; width: 500px;}
.centerPanel {width: 440px; padding: 10px;float: left; padding-left: 20px; padding-bottom: 30px;}
html>body .centerPanel {position: absolute; padding-left: 10px;}
*:first-child+html .centerPanel {position:relative}
.rightPanel { width:205px; padding: 10px; float:right; padding-bottom: 30px;}
.rightPanelLogin {width: 325px; padding:20px 10px; float:right;clear:none}
.bottomPanel {width: 680px; padding-bottom: 40px;}
html>body .bottomPanel {padding-left: 0px}
#TDRegister {display: none}
#footer {clear:both; width:100%; text-align:center; font-size: 10px; color:#fff;background:#828282; margin-top: 2px;}
*:first-child+html #footer {margin-top: 20px}
#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a.footerMenuItem {font-size: 10px; color:#fff; text-decoration: underline;}
#footer a:hover {text-decoration: none;}

.contentPanelInner {width:680px;float:right; padding: 10px;padding-top: 5px;}
#mainColumnInner {float:right; width: 700px; height:583px; min-height:583px}
html>body #mainColumnInner {height: auto;}
.leftPanel .QuickLink h2 {padding-top: 1px; padding-left: 5px; background:url(images/NTI_lql_all.jpg) top left no-repeat; font-size: 14px; font-weight: bold; height: 21px}
#breadCrumbs { padding-bottom: 10px}
.leftPanel .QuickLink p a {color:#004994!important}
#ctrlBrokerLogInMessage {text-align:right}
/************************************************
	Inventua Side Menu
************************************************/

td.SideMenuTD{background:#555E67;font-family:arial;color:#000}

/* Top Level  */
.MenuHdr0,.MenuHdrMouseOver0,.MenuItem0,.MenuItemMouseOver0{font-size:14px;margin:0;cursor:pointer;height:18px;color:#000;text-align:left;border-bottom:1px solid #fff; border-top: 1px solid #bebebe;padding-left:7px;line-height:1.5em}
.MenuHdr0 A,.MenuHdr0 A:Active,.MenuHdr0 A:Hover,.MenuHdr0 A:Visited,.MenuHdr0 A:Link,.MenuHdrMouseOver0 A,.MenuHdrMouseOver0 A:Active,.MenuHdrMouseOver0 A:Hover,.MenuHdrMouseOver0 A:Visited,.MenuHdrMouseOver0 A:Link  .MenuItem0 A,.MenuItem0 A:Active,.MenuItem0 A:Hover,.MenuItem0 A:Visited,.MenuItem0 A:Link,.MenuItemMouseOver0 A,.MenuItemMouseOver0 A:Active,.MenuItemMouseOver0 A:Hover,.MenuItemMouseOver0 A:Visited,.MenuItemMouseOver0 A:Link{text-decoration:none;width:100%;color:#000;}
.MenuHdr0 A:Hover,.MenuHdrMouseOver0 A:Hover,.MenuItem0 A:Hover,.MenuItemMouseOver0 A:Hover{color:#fff;}
span.CurrentItem0{color:#073f79;}
.MenuItemMouseOver0,.MenuHdrMouseOver0{background:url(images/NTI_menudown.gif) repeat-x bottom left}

/* Second Level  */
.MenuItem1,.MenuHdrMouseOver1,.MenuItemMouseOver1,.MenuHdr1{font-size:13px;margin:0;cursor:pointer;height:18px;color:#000;border-top:1px solid #bebebe; border-bottom: 1px solid #fff;padding-top:0px;padding-left:15px;line-height:1.5em; background: #E2E2E2;}
.MenuHdr1 A,.MenuHdr1 A:Active,.MenuHdr1 A:Hover,.MenuHdr1 A:Visited,.MenuHdr1 A:Link,.MenuHdrMouseOver1 A,.MenuHdrMouseOver1 A:Active,.MenuHdrMouseOver1 A:Hover,.MenuHdrMouseOver1 A:Visited,.MenuHdrMouseOver1 A:Link .MenuItem1 A,.MenuItem1 A:Active,.MenuItem1 A:Hover,.MenuItem1 A:Visited,.MenuItem1 A:Link,.MenuItemMouseOver1 A,.MenuItemMouseOver1 A:Active,.MenuItemMouseOver1 A:Hover,.MenuItemMouseOver1 A:Visited,.MenuItemMouseOver1 A:Link{text-decoration:none;width:100%;cursor:pointer;color:#000;}
.MenuHdr1 A:Hover,.MenuHdrMouseOver1 A:Hover,.MenuItem1 A:Hover,.MenuItemMouseOver1 A:Hover{color:#fff;}
.MenuItemMouseOver1,.MenuHdrMouseOver1 {background:url(images/NTI_menudown.gif) repeat-x bottom left}
span.CurrentItem1{color:#073f79;}

/* Third Level  */
.MenuItem2,.MenuHdrMouseOver2,.MenuItemMouseOver2,.MenuHdr2{font-size:13px; border-top: 1px solid #bebebe; border-bottom: 1px solid #fff;padding-left:25px;margin:0;cursor:default;height:18px;color:#000; background: #F1F1F1;}
.MenuHdr2 A,.MenuHdr2 A:Active,.MenuHdr2 A:Hover,.MenuHdr2 A:Visited,.MenuHdr2 A:Link,.MenuHdrMouseOver2 A,.MenuHdrMouseOver2 A:Active,.MenuHdrMouseOver2 A:Hover,.MenuHdrMouseOver2 A:Visited,.MenuHdrMouseOver2 A:Link .MenuItem2 A,.MenuItem2 A:Active,.MenuItem2 A:Hover,.MenuItem2 A:Visited,.MenuItem2 A:Link,.MenuItemMouseOver2 A,.MenuItemMouseOver2 A:Active,.MenuItemMouseOver2 A:Hover,.MenuItemMouseOver2 A:Visited,.MenuItemMouseOver2 A:Link{text-decoration:none;font-weight:400;width:100%;cursor:pointer;color:#000}
.MenuHdr2 A:Hover,.MenuHdrMouseOver2 A:Hover,.MenuItem2 A:Hover,.MenuItemMouseOver2 A:Hover{color:#fff}
span.CurrentItem2{color:#073f79;}
.MenuItemMouseOver2,.MenuHdrMouseOver2 {background:url(images/NTI_menudown.gif) repeat-x bottom left}

/* Fourth Level  */
.MenuItem3,.MenuHdrMouseOver3,.MenuItemMouseOver3,.MenuHdr3{border-top: 1px solid #bebebe; border-bottom: 1px solid #fff;padding-left:50px;margin:0;cursor:default;height:18px;color:#000; padding-left: 37px; background: #FFF;}
.MenuHdr3 A,.MenuHdr3 A:Active,.MenuHdr3 A:Hover,.MenuHdr3 A:Visited,.MenuHdr3 A:Link,.MenuHdrMouseOver3 A,.MenuHdrMouseOver3 A:Active,.MenuHdrMouseOver3 A:Hover,.MenuHdrMouseOver3 A:Visited,.MenuHdrMouseOver3 A:Link .MenuItem3 A,.MenuItem3 A:Active,.MenuItem3 A:Hover,.MenuItem3 A:Visited,.MenuItem3 A:Link,.MenuItemMouseOver3 A,.MenuItemMouseOver3 A:Active,.MenuItemMouseOver3 A:Hover,.MenuItemMouseOver3 A:Visited,.MenuItemMouseOver3 A:Link{text-decoration:none;font-weight:400;color:#000}
.MenuHdr3 A:Hover,.MenuHdrMouseOver3 A:Hover,.MenuItem3 A:Hover,.MenuItemMouseOver3 A:Hover{color:#fff}
span.CurrentItem3{color:#073f79;}
.MenuItemMouseOver3,.MenuHdrMouseOver3 {background:url(images/NTI_menudown.gif) repeat-x bottom left}


/******************************************************
    CONTAINER STYLES
******************************************************/
.container{ width:100%; position:relative}
.containerContent { padding: 0px;}

/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
******************************************************/
html {height: auto; background: #fff;/* 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: 12px;color: #000;font-weight: normal;line-height:1.5em;}
td {text-align: left;}
ul {color:#ccc;}
.contentPanelInner ul li {line-height: 1.5em;}
ul li {/*line-height: 2em;*/}

/* 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:#000; margin:0px; padding:0px; margin-bottom:10px; font-weight:normal; font-size: 12px; text-align: left;}
h1 {font-size: 20px!important;}
h2, .head, h2 span.head, .container h2 span.head {font-size:15px; font-weight: bold;}
.centerPanel h2, .rightPanel h2 { background: url(images/NTI_doubleArrow.gif) center left no-repeat;border: 3px solid #ccc; border-left:none; border-right: none; padding: 2px; padding-left: 13px; color:#044891;}
.rightPanel h2 {margin-bottom: 0px;}
.bannerPanel h2 {display: none;}
h3, h3 span.SubHead, .newstitle {font-size: 12px; font-weight: normal;}
h3, h3 span.SubHead, .newstitle {font-size: 16px; margin: 0px;font-weight: bold; color:#044891}
h3 a {color:#044891!important; font-weight: normal; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; margin: 0px; text-decoration: underline!important}
h3 a:hover {text-decoration: none!important;}
h4 {font-size: 14px; font-weight: bold;}
h5, DT {font-size: 13px; font-weight: bold;}
h6 {font-size: 12px; font-style: italic;}
.newsP {color:#000; display: block}
p {margin: 5px 0px 15px 0px;}
ul { margin: 0px 0px 10px 25px;}
html>body ul {margin-left: 0px;}
*:first-child+html ul {margin-left: 25px; color:#000}
ul li { margin-left:5px; padding:0px; vertical-align: super;/*list-style-type:disc ;*/ color:#000; list-style:none; list-style-image: url(images/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:#044891; text-decoration:none; padding: 0px; margin:0px;}
a:hover { text-decoration:underline; color:#044891;}
.more {text-decoration: underline!important;float: right !important}
.more:hover {text-decoration: none!important}

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 {min-height: 20px; height: auto; clear: both; margin-bottom: 10px;}
* html .formItem {height: 20px;}
.label { float: left; width: 120px; text-align: right; padding-right: 10px; font-weight: bold;}
.labelDetails { float: right; width: 540px; text-align: left;}
.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:5px; padding-right: 5px; width:0; overflow:visible; font-weight: normal; font-size: 11px;background: #fff; color: #004994; font-family: Tahoma, Verdana, sans-serif; text-transform: lowercase; margin: 0px; cursor: pointer; clear: both; height: 17px; border: 1px solid #004994; white-space: nowrap; margin-right: 10px;padding-bottom: 2px}
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: #004994; text-decoration: underline}

/* 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}
.topSelect select { width:90px;}

/* 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-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.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;}

/******************************************************
    LINKS MODULE STYLES
******************************************************/
.links {border-bottom: 1px dotted #f0f0f0;}
.links a:hover {text-decoration: underline}
.links .Normal {/*padding-left: 17px; background: url(images/NTI_linksBack.gif) top left no-repeat;*/text-decoration: none;}
/******************************************************
    SURVEY MODULE STYLES
******************************************************/
.YourCompanyNameSurveyResults {font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: normal;}

/******************************************************/

.thumbs { text-align: center; width: 140px;}
.imgBorderSml {}

.lyrProposer{position: absolute; top: 10px; left: 380; visibility:visible}
.lyrIntermediaryNum{position: absolute; visibility: visible; left: 10px; top: 10px;}
.lyrContactDetails{position: relative; visibility: hidden; left: 10px;}

div {clear: both;}
.container div {clear: none;}
