﻿img {behavior: url(/styles/iepngfix.htc);}

/* @import url(/styles/housemenu.css); */

.content {
	font-size: 10pt;
	padding: 1em;
}

a {
	text-decoration: none;
	color: #467CAE;
}
a:hover {
	color: #000;
	text-decoration: none;
}

a img {
	border: none;
}

.logonbox {
	margin: 0 auto;
}
.error {
	font-size: 8pt;
	text-align: center;
	color: #f90;
}

.floatright {
	float: right;
}

h2 {
	font-size: 13pt;
	margin: 3em 0 0 0;
	font-weight: bold;
	color: #8BB6D4;
	border-bottom: 1px dotted #8BB6D4;
}

h2 a.floatright {
	font-size: 8pt;
	font-weight: normal;
}

h3, h3 a {
	font-size: 12pt;
	margin: 1em 0 0 0;
	font-weight: bold;
	color: #8BB6D4;
	border-bottom: 1px dotted #8BB6D4;
	color: #8BB6D4;
	text-decoration: none;
}


h1 {
	font-size: 14pt;
	margin: 0 0 5px 0;
	padding: 0;
	color: #467CAE;
	font-weight: normal;
	border-bottom: 1px solid #B1CDDC;
}

p {
	padding: 0;
	margin: 0 0 .5em 0;
	line-height: 175%;
	text-align: justify;
}

p.morelink {
	margin: 0 0 2.5em 0;
	padding: 0;
	font-size: 8pt;
}

p.smaller {
	font-size: 8pt;
}

div.content {
	text-align: left;
	padding: 1em 3em;
}

div.productmenu {
	background-color: #fff;
	float: right;
	width: 200px;
	border: 1px solid #eee;
	margin: 0 0 5px 5px;
	padding: 5px;
}
div.productmenu li {
	font-size: 8pt;
	margin: 0;
	padding: 0;
	list-style-position: inside;
	list-style: none;
}
div.productmenu ul {
	margin: 0;
	padding: 0;
}
div.productmenu ul ul {
	margin: 0 0 0 1em;
	padding: 0;
}

ul.featurelist li {
	padding: 0;
	margin: 0 0 .5em 0;
	line-height: 175%;
	text-align: justify;
}	

div.bc {
	display: block;
	background: #fff url(/images/bcMenu_bg.gif) no-repeat bottom left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 27px;
}
div.bc div.cap {
	display: block;
	background: url(/images/bcMenu_rightcap.gif) no-repeat bottom right;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
	height: 27px;
}
div.bc div.cap ol {
	margin: 5px 0 0 6px;
	padding: 0;
}
div.bc div.cap ol li {
	list-style-position: inside;
	background: url(/images/bc_seperator.gif) no-repeat left;
	display: inline;
	padding: 0 0 0 1em;
	margin: 0;
	font-size: 8pt;
	color: #999;
}
div.bc div.cap ol li a {
	font-size: 8pt;
	color: #999;
	text-decoration: none;
}
div.bc div.cap ol li a:hover {
	color: #99f;
	text-decoration: underline;
}

div#box {
	border: none;
	background-color: #E0EBF3;
}


/* 
================================
Page wrapper layout
================================
*/   

body {
	font-family: arial, helvetica, sans-serif;
	background: #7fabc2 url(/images/page_bg.gif);
	margin: 0;
}
div.jsweb_paddingOuter {
	background: url(/images/top_bg.gif) repeat-x top center;
	text-align: center;
}
td.jsweb_shadowCellLeft {
	background: url(/images/leftShadeRepeat.gif) repeat-y top right;
	width: 5px;
}
td.jsweb_shadowCellRight {
	background: url(/images/rightShadeRepeat.gif) repeat-y top left;
	width: 5px;
}
td.jsweb_shadowCellCentre {
	width: 811px;
	vertical-align: top;
	background-color: #fff;
}
div.jsweb_headerCell {
	text-align: center;
}
div.jsweb_wrapperBottom {
	text-align: center;
}
div.jsweb_wrapperTop {
	text-align: center;
}
/* div.jsweb_wrapperBottom  {
	width: 821px;
}
div.jsweb_wrapperTop  {
	width: 821px;
} */
div.jsweb_menuCell {
	text-align: center;
	color: #fff;
	background-color: #337599;
	border-bottom: 3px solid #99bacc;
}
div.jsweb_bodyCell {
	padding: 0 2px 2px 2px;
}
div.jsweb_breadcrumbCell {
	background: #fff url(/images/bcMenu_bg.gif) repeat-x bottom left;
}
div.jsweb_breadcrumbCell td {
	font-size: 8pt;
}
div.jsweb_breadcrumbCell .SkinObject {
	font-size: 8pt;
	font-weight: normal;
	color: #337599;
	text-decoration: underline;
}
div.jsweb_breadcrumbCell .SkinObject:hover {
	text-decoration: underline;
	color: #995733;
}
table.jsweb_container td {
	font-size: 10pt;
}

/* 
================================
Built in elements
================================
*/   

.controlpanel {
	width: 100%;
	background-color: #fefefe;
}

.toppane {
	width: 100%;
}
.leftpane {
	width: 150px;
}
.contentpane {
	width: 100%;
}
.rightpane {
	width: 150px;
}
.bottompane {
	width: 100%;
}
.main_dnnmenu_container {
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height: 16px;
	font-size: smaller;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	font-size: smaller;
	cursor: pointer; 
	cursor: hand; 
   white-space: nowrap;  /*Word wrapping menu item now optional*/	
   padding: 1px 1em 3px 1px;
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
   white-space: nowrap;  /*Word wrapping menu item now optional*/	    
   padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {
	background-color: #B1CDDC;
	color: #369;
}

.main_dnnmenu_itemhover td {  
}


.main_dnnmenu_icon {
	display: none;
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}

.main_dnnmenu_submenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #fff;
	border: 1px solid #99BACC;
	border-width: 0 1px 1px 24px;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#c9c9c9', Direction=135, Strength=2); 
	padding: 2px;
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	display: none;
	border-right: #cccccc 1px solid; 
	border-bottom: #cccccc 1px solid; 
	border-top: #cccccc 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	display: none;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

tr.footer .SkinObject {
	color: #7fabc2;
}

/* fdsf */

.hoverrow {
	cursor: pointer;
}

/* tabs */

table.clientTabBar {
	background: #fff url(/images/top-empty.gif) repeat-x bottom left;
}
table.clientTabBar th table {
	background: #fff url(/images/top-middle.gif) repeat-x bottom left;
}
table.clientTabBar a.tablink {
	color: #999;
	font-size: 8pt;
	font-family: verdana, geneva, sans-serif;
	text-decoration: none;
}

/* client details page */
div.clientDetails {
	padding: 1em;
}
div.clientDetails table.userDetails td {
	padding: 2px;
}
div.clientDetails table.userDetails th {
	padding: 2px;
}
div.clientDetails textarea {
	font-size: 10pt;
}
div.clientDetails input {
	font-size: 10pt;
}
div.clientDetails p {
	font-size: 10pt;
}
div.clientDetails th {
	font-size: 10pt;
}
div.clientDetails td {
	font-size: 10pt;
}
div.clientDetails h2 {
	border-bottom: 1px dotted #eee;
	margin-bottom: .125em;
}
div.clientDetails th {
	text-align: right;
	vertical-align: top;
	width: 150px;
	background-color: #eee;
	border-right: 1px solid #ddd;
}
div.clientDetails .required {
	background-color: #ffffcc;
	border-right: 1px solid #ffff99;
}
div.clientDetails .errorText {
	vertical-align: top;
	color: #c00;
}
div.clientDetails .okText {
	color: #0c0;
}

div.generalLayout {
	padding: .5em;
	font-size: 10pt;
}

div.generalLayout table.stdLayout tr.headerRow th {
	background-color: #99CCFF;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #369;
	text-align: left;
}
div.generalLayout table.stdLayout {
	width: 100%;
	border-collapse: collapse;
}
div.generalLayout table.stdLayout th {
	font-size: 10pt;
}
div.generalLayout table.stdLayout td {
	font-size: 10pt;
}
div.generalLayout table.stdLayout td {
	vertical-align: top;
	text-align: left;
	border-right: 1px solid #fff;
}

div.generalLayout fieldset.container {
	 padding: .5em;
	 border: 2px solid #b1cddc;
}
div.generalLayout fieldset fieldset.container {
	 border: 1px solid #499500;
}
div.generalLayout fieldset fieldset.container legend {
	color: #499500;
}

div.generalLayout fieldset.container legend {
	font-size: 11pt;
	color: #69c;
	font-weight: bold;
}

div.generalLayout table.rptLayout td {
	vertical-align: top;
}


/* debug */
div.wip {
	border: 2px dotted red;
	background-color: #ffeeee;
	font-size: 8pt;
	padding: .25em;
	margin: .25em 25%;
	text-align: center;
}


/* MENU */
/* ==========================
    CSS STYLES FOR HouseMenu
   ==========================
*/

/*********************************************************************
 Standard structural CSS that typically should not need to be changed
*********************************************************************/
#houseMenuH ul { /* all submenu lists */
	padding: 0;
	margin: 0 0 0 42px;
	border: 0;
	list-style-type: none;
	white-space: nowrap;
	position: relative;
	z-index: 99999;
}

#houseMenuH { /* all submenu lists */
	padding: 0;
	margin: 0 0 0 42px;
	border: 0;
	list-style-type: none;
	white-space: nowrap;
	position: relative;
	z-index: 99999;
}

#houseMenuH li { /* all list items */
	position: relative;
	display: inline;
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
}

#houseMenuH li li { /* all items under the top level */
	z-index: 11113;
}

#houseMenuH a { /* all links within the menu wrapper */
	display: block;
	margin: 0; 
	border: 0;
	padding: 0;
}

#houseMenuH li li a { /* all item links under the top level */
	margin: 0;
	border: 0;
	padding: 0;
}

#houseMenuH li a:hover {
	margin: 0;
	border: 0;
	padding: 0;
}

#houseMenuH li li a:hover {
	margin: 0;
	border: 0;
	padding: 0;
}

#houseMenuH li ul {
	position: absolute;
	margin: 0;
	border: 0;
	padding: 0;
	z-index: 11112;
}

#houseMenuH li ul ul { /* third-and-above-level lists */
	margin: 0;
	border: 0;
	padding: 0;
}

#houseMenuH li.sfhover ul ul ul {
	left: -9999px;
}

#houseMenuH li.sfhover ul ul {
	left: -9999px;
}

#houseMenuH li:hover ul ul ul {
	left: -9999px;
}

#houseMenuH li:hover ul ul {
	left: -9999px;
}

#houseMenuH li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 99999;
}

#houseMenuH li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 99999;
}

#houseMenuH li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 99999;
}

#houseMenuH li li li:hover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 99999;
}

#houseMenuH li li:hover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 99999;
}

#houseMenuH li:hover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 99999;
}

#houseMenuH iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	display: block;
}

.ArrowPointer
{
	cursor: default;
}



/*******************************************************
 Presentation CSS that typically needs to be customized
*******************************************************/
#houseMenuH ul { /* all submenu lists */
	line-height: 12px;
	width: 95%;
	height: 22px;
	_height: 20px;
}

#houseMenuH { /* all submenu lists */
	line-height: 12px;
	width: 95%;
	height: 22px;
	_height: 20px;
}

#houseMenuH li { /* all list items */
	width: 144px;
	height: 22px;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: auto;
	_width: 1px;
	height: 22px;
	_height: 20px;
	/* end hack */
}

#houseMenuH li li { /* all items under the top level */
	width: 148px;
	height: auto;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: 134px;
	_width: 144px;
	/* end hack */
}

#houseMenuH a { /* all links within the menu wrapper */
	font-size: 8pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	text-decoration: none;
	color: #99BACC;
	background-color: transparent;
	width: auto;
	height: auto;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	_width: 100%;
	height: 12px;
	_height: 20px;
	/* end hack */
}

#houseMenuH li li a { /* all item links under the top level */
	padding: 5px;
	width: 148px;
	height: 20px;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: 134px;
	_width: 144px;
	height: 12px;
	_height: 20px;
	/* end hack */
}

#houseMenuH li a:hover {
	padding: 5px;
	color: #337599;
	background-color: #99bacc; 
	height: auto;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	height: 12px;
	_height: 20px;
	/* end hack */
}

#houseMenuH li li a:hover {
	color: #337599;
	background-color: #99bacc; 
	padding: 5px;
	height: auto;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	height: 12px;
	_height: 20px;
	/* end hack */
}

#houseMenuH li ul { /* second-level lists */
	width: 144px; /* width of submenu, must be set so third-level list can get shifted over properly */
	left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: solid 1px #337599;
	margin: -2px 0 0 0;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	margin: 0;
	/* end hack */
	line-height: 12px;
	background-color: #FFF;
	height: auto;
}

#houseMenuH li ul ul { /* third-and-above-level lists */
	margin: -23px 0 0 144px;
	border: solid 1px #337599;
	line-height: 12px;
	background-color: #FFF;
}

/* Applied to the parent item, if displayed, in either vertical or horizontal
   orientation. Must follow other styles. */
#houseMenuH #houseMenuParentItem a { /* all links under the parent item (li) */
	background-color: transparent; 
	text-decoration: none;
}

#houseMenuH a#houseMenuParentLink { /* parent link itself */
	background-color: transparent; 
	text-decoration: none;
}

#houseMenuH a#houseMenuCurrentLink { /* current link itself */
	padding: 5px;
	color: #fff; 
	background-color: #337599; 
	text-decoration: none;
}

