/* -- General -- */

body {
	font: 16px Calibri, sans-serif /*"Lucida Grande","Lucida Sans Unicode",geneva,*/;
	margin:0;
	/*color:#666;*/
	padding-top:0px;
	height: 100%;
}

html {
	background:#f6f6f6;
	height: 100%;
	
}

div {
	margin:0px;
	padding:0px;
	/*outline:none;*/
}

a {
	color:#214478;
	text-decoration:none;
}

a img
{
    vertical-align:middle;
}

a:hover 
{
	 text-decoration: underline;
	 /* border-bottom:solid 1px ;*/
}

a.img
{
	text-decoration:none;
}

a.img:hover {
	border-bottom: 0px solid;
}

h1 a, h3 a, h2 a
{
    color: inherit;
}

img
{
	border:0px;
}

table
{
	padding: 0px;
	border: none;
	border-collapse: collapse;
}

th
{
    color:inherit;
	border:none;
	padding:0px;
}

td 
{    
	padding:0px;
	text-align:left;
	vertical-align: top;
	background:transparent; 
	width:auto;
}

img {
    margin: 0px;
    padding: 0px;
}

/* background */

#stripe-1 {
  width: 1594px;
  height: 161px;
  margin-left: -797px;
  position: absolute;
  top: 300px;
  left: 50%;
  background-image:url('Images/stripe1.png');
  background-repeat:no-repeat; 
}

#stripe-2 {
  width: 1597px;
  height: 516px;
  margin-left: -798px;
  position: absolute;
  top: 600px;
  left: 50%;
  background-image:url('Images/stripe2.png');
  background-repeat:no-repeat;
}

/* page */

#top
{
    background-image:url('Images/background.png');
    background-repeat:repeat-x;
    overflow:hidden;
    background-color:#e2edff;
    z-index:1;
    min-height:60%;
}

#page
{
    width:900px;
    margin: 15px auto 0px auto;
	color: #303030;
	z-index:3;
	position:relative;
}

/* header */

#header 
{
    height: 90px;
    position:relative;
}

#logo
{
    margin-left: -450px;
    top: 20px;
    left:50%;
    position:absolute;
}

#userInfo
{
    height: 30px;
    width: 200px;
    margin-left:250px;
    color: #214478;
    font-size: 16px;
    top: 54px;
    left:50%;
    position:absolute;
    text-align: right;
}

#userInfo a
{
    color: #162d50;
}

/* main menu */

#mainMenuBar
{
    background-image:url('Images/menu_inactive.png');
    background-repeat: repeat-x;
}

#mainMenu
{
    width:900px;
    margin: 0px auto 0px auto;
}

#nav
{
    font-size: 18px;
    width: 100%;
    margin-left: 30px;
}

#nav tr
{
    height: 44px;
}

#nav td
{
    border: none;
    /*border-bottom: 1px solid #A64A01;*/
    white-space: nowrap; /*background: #FAB661;*/
    padding-top: 10px;
    text-align: center;
}

#nav td a {
	/*color:#A64A01;*/
	color: White;
	text-decoration:none;
	border: none;
}

#nav td a:hover {
	text-decoration:underline;
}

#nav td.active
{
    /*background-position: #B4796B;*/
    /*background: white;*/
    /*border-right: 1px solid #A64A01;
    border-left: 1px solid #A64A01;
    border-bottom: none;*/
    background-image:url('Images/menu_active.png');
	background-repeat:repeat-x;
}

#nav td.user-info a
{
    color: #FFB197;
}

#nav td.active a {
	/*color: #FF9643;*/
	/*font-weight: bold;*/
}


/* submenu */

#content-div
{
    position:relative;
}

#submenu
{
    padding-top: 50px;
}

#submenu table
{
    width: 100%;
}

#submenu tr
{
    height: 37px;
}

#submenu td
{
    vertical-align: middle;
    color: #214478;
    font-size: 16px;
    white-space: nowrap;
}

#submenu_left_padding
{
    min-width: 20px;
    background-image:url('Images/menu2_inactive.png');
    background-repeat:repeat-x;
}

.submenu_active
{
    background-image:url('Images/menu2_active_centre.png');
    background-repeat:repeat-x;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: bold;
}

.submenu_active_left
{
    min-width:2px;
    background-image:url('Images/menu2_active_left.png');
    background-repeat:no-repeat;
}

.submenu_active_right
{
    min-width:2px;
    background-image:url('Images/menu2_active_right.png');
    background-image:no-repeat;
}

.submenu_inactive
{
    background-image:url('Images/menu2_inactive.png');
    background-repeat:repeat-x;
    padding-left: 17px;
    padding-right: 17px;
}

#submenu_right_padding
{
    background-image:url('Images/menu2_inactive.png');
    background-repeat:repeat-x;
    width:100%;
}

#subcontent {	
	margin-top: 20px;
}

#submenu a
{
    color:inherit;
}

.product-logo
{
    position:absolute;
    top: 10px;
    left: 700px;
    font-size: 20px;
}

/* footer */

#footer 
{
    background-image:url('Images/footer.png');
    background-repeat:repeat-x;
	clear:both;
	height:569px;
	position:relative;
}

#footer a {
	color:#A64A01;
	text-decoration:none;
	border-bottom:1px dotted;
}

#footer a:hover {
	border-bottom:1px solid;
}

#footer .validate {
	float:right;
}

#footer-content {
	width:900px;
    margin: 0px auto 0px auto;
    padding-top: 40px;
    color: Black;
}

#footer-content a
{
    color: Black;
    border: none;
}

#footer-content table
{
}

#footer-content th
{
    text-align: left;
    padding-bottom: 15px;
    padding-right: 55px;
}

#footer-content td
{
    line-height: 30px;
    padding-right: 55px;
}

.footer-info
{
    font-size: 12px;
    color: #214478;
    border-top: 1px solid #214478;
    padding-top: 3px;
}

/* -- Layout -- */

#layout
{
    width:100%;
}

#header-row
{
}

#l1
{
    background-color: red;
    border: 1px solid #DD0000;
}

#r1
{
    border: 1px solid #707070;
}

#r2
{
    border: 1px solid #DD0000;
    vertical-align: bottom;
    padding: 0px 0px 20px 20px;
    color: White;
    font-size: 200%;
    height:80px;
    background-color: Red;
}

#r2 h1
{
    font-size: 100%;
    margin: 0px;
    font-weight: normal;
}

#header-picture
{
    padding: 5px;
    vertical-align: middle;
}

#header-picture img
{
    width: 150px; 
}

#left-panel
{
    background: #909090;
    border: 1px solid #707070;
    border-left: solid 0px;
    width: 150px;
}

#table-of-content table
{
    width: 100%;
}

#table-of-content td
{
    border-bottom: 1px solid #E0E0E0;
    font-size: 110%;
    padding: 7px 0 7px 10px;
    color: white; 
}

#table-of-content td a
{
    color: #E0E0E0;
    border-bottom-style: none;
    /*border-bottom: 0px  inherit;*/
}

#table-of-content td a:hover
{
    color: red;
}

#table-of-content td.content-level-2
{
    padding-left: 20px;
}

#table-of-content td.current
{
    font-weight: bold;
}

#l4
{
    background-color: red;
    border: 1px solid #DD0000;
}

/* -- Content -- */

/*
#content h2 {
	color: #01736E;
	margin-top:45px;
}

#content h2 a {
	color: #01736E;
	text-decoration:none;
}*/

h1 
{
    font-size: 22px;
    font-weight: normal;
	margin-top: 15px;
	margin-bottom: 10px ;
	color: #214478;
}

h2
{
    font-size: 18px;
    font-weight: bold;
	margin-top: 15px;
	margin-bottom: 10px ;
	color: #214478;
}

h3 
{
    margin: 10px 0;
    font-size: 16px;
    font-weight: bold;
    color: #214478;
}

p {
	margin: 0 0 10px 0;
}

.comment {
}

h2.commented, h3.commented {
    margin-bottom: 0;
}

.header-comment {
    margin-top: 2px;
    margin-bottom: 10px;
}

li {
	/*border-bottom:1px solid #eee;*/
	/*padding:0px;
	list-style-image: url("Bullet1.png");*/
	word-spacing:2px;
	line-height: 130%;
}

#content ul.tight li
{
    margin: 0;
}

/*#content img {
	background:#fff;
	padding:1px;
	border:3px solid #eee;
	margin:10px;
}*/

/* -- Data table -- */

table.data-table 
{
    border-collapse: separate;
    border-spacing: 2px;
    margin-left: -2px;
    /*font-size: 90%;*/
}

table.data-table td
{
    padding: 3px 10px;
    background: #F0F0F0;
    text-align: center;
}

table.data-table th
{
    padding: 3px 10px;
    background: #909090;
    color: White;
    text-align: center;
}

table.data-table td.row-header
{
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
    width: 30%;
}

table.data-table tr.separator td 
{
    padding: 0;
    height: 10px;
    background: transparent;
}

/* -- Input table -- */

table.input-table 
{
    /*margin-left: -2px;*/
    /*font-size: 90%;*/
}

table.input-table tr
{
    border-bottom: 6px solid white;
}

table.input-table td
{
    padding: 3px;
}

table.input-table td td
{
    padding: 0px;
}

table.input-table td.control-name {
    background:#F0F0F0;
    padding-right: 20px;
}

table.input-table td.control {
    background:#F0F0F0;
}

table.input-table td.error 
{
    color:Red;
}

table.input-table td.comment 
{
    padding-right: 20px;
}

table.input-table td.validator {
    font-size: 90%;
    white-space: nowrap;
}

table.input-table tr.separator td 
{
    padding: 0;
    height: 10px;
}

/* -- wizard state -- */

.wizard-state {
    
}

.wizard-name {
    padding-right: 5px;
    color: #909090;
}

.wizard-step {
    padding-left: 5px;
    color: #909090;
}

.wizard-current-step {
    font-weight: bold;
    padding-left: 5px;
    color: #909090;
}

/* -- Sidebar -- */

#sidebar ul {
	list-style:none;
}

#sidebar ul a {
	color:#444;
	text-decoration:none;
}

#sidebar ul a span {
	color:#ccc;
}

#sidebar ul a:hover span {
	color:#333;
}

/*#sidebar p {
	line-height:24px;
	margin:10px 0 20px 0;
}*/

#sidebar ul li {
	background:#fafafa;
	margin:1px 0 0 0;
	padding:5px;
	font:90% Arial;
}

#sidebar h3 {
	font:90% Arial;
	margin:5px 0;
	color:#222;
}

#sidebar {		
	padding-right:20px;
	padding-left:20px;
}

td#sidebarTD
{    
	width:150px; 
	border-right:1px solid #eee;
}

/* sub menu */

div.sub-menu 
{
    color: #7C79B9;
    border-bottom: 1px solid;
    padding-left: 15px;
}

div.sub-menu div.sub-menu-item {
    padding: 7px 10px;
    float: left;
    /*margin-bottom: -1px;*/    
}

div.sub-menu div.sub-menu-item-active {
    padding: 7px 10px;
    float: left;
    font-weight: bold;
    margin-bottom: -1px; 
    background: white;
    font-weight: bold;
    /*border-bottom: 1px solid white;*/
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
}

div.sub-menu div a {
    color: #7C79B9;
}

div.sub-menu div.sub-menu-item-last {
    float:none;
    clear: both;
    width: 100%;margin-bottom: 0px;
    border-bottom: none;
    font-size: 0px;
    line-height: 0px;
    overflow: hidden;
}

/* These are standard sIFR styles... do not modify */

/*.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}*/

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
/*.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}*/

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */



/*.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

/* Other */

.articleinfo {
	font:80% Verdana;
	border-top:1px solid #eee;
	color:#999;
	padding:20px 0;
}

.articleinfo a {
	color:#3366FF;
}

.articleinfo a:hover {
	text-decoration:none;
}

blockquote {
	background:#f6f6f6;
	padding:0 10px;
	border:1px solid #eee;
	font:100% Georgia;
}

/* frames */

.frame-table
{
    width:100%;
}

.frame-lt
{
    background-image:url('/Images/frame_lt.png');
    background-repeat:no-repeat;
    position:absolute;
    top:0; 
    left:0; 
    width:2px; 
    height:3px;
}

.frame-rt
{
    background-image:url('/Images/frame_rt.png');
    background-repeat:no-repeat;
    position:absolute;
    top:0; 
    left:100%;
    margin-left:-2px; 
    width:2px; 
    height:3px;
}

.frame-lb
{
    background-image:url('/Images/frame_lb.png');
    background-repeat:no-repeat;
    position:absolute;
    top:100%; 
    margin-top:-3px; 
    left:0; 
    width:2px; 
    height:3px;
}

.frame-rb
{
    background-image:url('/Images/frame_rb.png');
    background-repeat:no-repeat;
    position:absolute;
    top:100%; 
    margin-top:-3px; 
    left:100%; 
    margin-left:-2px; 
    width:2px; 
    height:3px;
}

.frame-t
{
    background-image:url('/Images/frame_t.png');
    background-repeat:repeat-x;
    position:absolute;
    top:0; 
    left:0; 
    width:100%; 
    height:3px;
}

.frame-b
{
    background-image:url('/Images/frame_b.png');
    background-repeat:repeat-x;
    position:absolute;
    top:100%; 
    margin-top:-3px; 
    left:0; 
    width:100%; 
    height:3px;
}

.frame-l
{
    background-image:url('/Images/frame_l.png');
    background-repeat:repeat-y;
    position:absolute;
    top:0; 
    left:0; 
    width:2px; 
    height:100%;
}

.frame-r
{
    background-image:url('/Images/frame_r.png');
    background-repeat:repeat-y;
    position:absolute;
    top:0; 
    left:100%; 
    margin-left:-2px; 
    width:2px; 
    height:100%;
}

.frame-content
{
    margin: 15px;
}

.content-section
{
    margin-bottom:15px;
    margin-top:15px;
    overflow:hidden;
    clear:both;
}

.content-section-50
{
    margin-bottom:15px;
    overflow:hidden;
    float:left;
    width:50%;
}

.right-gap
{
    margin-right:7px;
}

.left-gap
{
    margin-left:7px;
}
        
.content-section-autosize-left
{
    margin-bottom:15px;
    padding-right:15px;
    overflow:hidden;
}

.content-section-float-right
{
    margin-bottom:15px;
    overflow:hidden;
    float:right;
}

.frame-content-left-image
{
    float:left;
    margin: 15px;
}

.content-left-image
{
    float:left;
    padding-right: 15px;
    margin-top:15px;
}

.framed
{
    background-color: White;
    position:relative;
    overflow: hidden;
}

.framed-paddings
{
    background-color: White;
    position:relative;
    overflow: hidden;
    padding: 15px;
}

.clearfix:after 
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clear 
{
	clear: both;
}