﻿html { height: 100%;
	margin-bottom : 0px;	
}
/* set global margin and padding to none */
* { margin: 0;padding: 0; }
body {	
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	text-align: left;
	color: #3B3B3B;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvatica;
}
/* Remove padding and margin on selected elements*/
h1,h2,h3,h4,h5,h6,pre,body,p,div { margin: 0; padding: 0; }

/*debug border on all divs*/
div {border: 0;}

/* Class for clearing floats */
.clear { clear: both; }

/* Remove border around linked images and fix Firefox odd spaces */
img {border: 0; vertical-align: bottom; }
/* @end */

/* @group STRUCTURAL */
table #bg {
	width:  961px;
	margin:  0 auto;
	height:  100%;
	background: url(../../images/bg_cont.jpg) repeat-y center center;
	border:  1px solid red;
}

#bg table { margin:  0 auto !important; }
#container { width:100%;height: 100%;}
#content { min-height: 100%;height: 100%; width: 100%;margin: 0 auto; padding:10px; }

#top { position: relative;width: 951px;margin: 0 auto;height: 73px; }
#logo {
	position: absolute;
	background-image: url(../../images/logo.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 403px;
	height: 139px;
	margin-left: 274px;	
}
#homelink { width:  403px; height:  139px; }
#login { height: 28px;width: 250px;float: right;margin: 0px 28px 0 0; }
#centercol
{
	float: left;
	width: 901px;
	position: relative;
	left: 20px;
	top: 10px;
	margin-bottom: 20px;
	margin-top:  40px;
}
#leftcol {
	float: left;
	width: 695px;
	position: relative;
	left: 20px;
	top: 10px;
	margin-bottom: 20px;
	margin-top:  40px;
}
#rightcol {
	background: url(../../images/bg_rightcolinner.png) no-repeat;
	width: 208px;
	height: 465px;
	float:right;
	position: relative;
	right: 20px;
	top: 30px;	
	margin: 20px 0;
	padding-bottom: 20px;
}
#centercol .paddingfix {
	display: block;
	height: 20px;
}

#centercol p {
	padding: 0px 0 1em 30px;
	width: 380px;
	font-size: 90%;
	line-height: 1.6em;
	margin-top: 10px
}

#leftcol .paddingfix {
	display: block;
	height: 20px;
}

.goright {
	float: right;
	margin: 0 0 10px 10px;
}
#leftcol p {
	padding: 5px 0 5px 30px;
	width: 280px;
	font-size: 90%;
	line-height: 1.6em;
	margin-top: 10px;	
}
#leftcol_cs p {border: 1px solid red;
	padding: 5px 0 5px 30px;
	width:630px;
	font-size: 90%;
	line-height: 1.6em;
	margin-top: 10px;	
}
#rightcol p {
	padding: 0 0 5px 20px;
	width: 140px;
	font-size: 81%;
	line-height: 1.3em;
}
#liveimg {
	background: url(../../images/mainpic.jpg) no-repeat;
	width: 200px;
	height: 200px;
	clear: left;
	position:  relative; 
	top: 0; 
	left: 300px;
}
/* @end */

#one h2, #two h2, #three h2{	
	color: #fff;
	font-weight: normal;
	font-size: 130%;
	position:  relative;
	top: 11px;
	left:  60px;
	width:  160px;
	text-align: left;	
}

#one h2, #two h2, #three h2 {
	color: #fff;
	font-weight: normal;
	font-size: 130%;
	position:  relative;
	top: 11px;
	left:  60px;
	width:  160px;
}
#two h2 {
	margin-top: -4px;
}
#three h2 {
	margin-top:2px;
}
h3 {
	color: #84bb9c;
	font: 120% Georgia, "Times New Roman", Times, serif;
	margin: 10px 0 -10px 30px;
}
.spanh3 {
	color: #84bb9c;
	font: 130% Georgia, "Times New Roman", Times, serif;
	margin: 10px 0 -10px 0;
}
/* @end */

.pagesummary { font-size: 0.9em;color: #000000;bottom: 0;font-style: italic;font-family: arial;font-weight: bold; }
.loadingbox { position:absolute;top:40%;left:40%;border:1px solid lightsteelblue; background-color: #ffffff; height:50px; width:250px;}

.active {color: #8bc0a2;}

#nav li a.active:link, #nav li a.active:visited, #nav li a.active:active, #nav li a.active:hover {color: #8bc0a2;}

.pushit { margin-left: 410px !important; }

/* @end */

/* @group SUBNAV */

/* image rollover technique */
#login li {
	height: 22px;
	margin: 0 auto; 
	padding: 0;
   list-style: none;
   display: inline;
   padding-right:10px;
   float: right;
}
#login a {
	 float: left; 
	padding: 22px 0 0 0;
	margin:0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:22px; /* for IE5/Win only */
}	
#login a:hover {
	background-position: 0 -22px;
}
#login a:active{
	background-position: 0 -44px;
}
#navlogin a  {
	width: 86px;
	background: url(../../images/nav_login.png) no-repeat top left;
}	

#navcontact a  {
	width: 86px;
	background: url(../../images/nav_contact.png) no-repeat top left;
}	
/* @end */

/* MISC 1
-----------------------------------------------------------------------------*/
.spacingissue {
	margin-top:  -8px;
}
/* MISC 2
-----------------------------------------------------------------------------*/
img, #branding, #logo, #login, #index, #branding, #bg, #leftboxtop, #leftboxmid, #leftboxbtm, #rightboxtop, #rightboxmid, #leftboxmid_cs, #rightboxbtm, #nav, #rightcol { 
	behavior: url(iepngfix.htc); 
}

.inlineCheckbox input {
 vertical-align:middle; width:auto; padding:0px;  	
}

/* ----- INFO ----- */
.info { display:inline-block; clear:both; border-bottom:1px dotted #ccc; margin:0 0 12px 0; }
.info[class] { display:block; }
.info h2 { font-weight:normal; font-size:160%; margin:0 0 .2em 0; clear:left; }
.info div { font-size:95%; line-height:135%; margin:0 0 1.1em 0; color:#555; }

label { color:#888888; font-size:12px }

input {
	margin-bottom: 3px;
}
input, textarea, select {
	background: #FAFAFA;
	font-family: Verdana, Arial, sans-serif;
	margin: 6px 0;
}
input, textarea {
	width: 180px;
	background-color: #FAFAFA;
	border: 1px solid rgb(215, 215, 215);
	color: #555b1b;
	font-size:  1.4em !important;
}
textarea {
	width: 186px;
	height: 40px;
}
select {
	background-color: #FAFAFA;
	border: 1px solid #EEEEEE;
	color: #555b1b;
	width: 60px;
}
input {
	padding: 0 3px;
}

input.textbox { background:#FAFAFA none repeat scroll 0 0; border:1px solid #EEEEEE; font-size:18px; line-height:20px; margin:0;padding:3px;width:440px;}
input.textbox: focus {background:#FCFCFC none repeat scroll 0 0;border:1px solid #CCCCCC }

h2{ font-size:14px;}

h2,.clientListLabel
{
    color: #005c42;font-weight:bold;
}

#sbClientList
{
    width:200px;
}

.pad8 td
{
    padding:8px;
}

.top_box{height:8px; background:url(../top.gif) left top no-repeat; vertical-align:top;}
.middle_box{background:url(../yline.gif) left top repeat-y; padding:0 10px;}
.bottom_box{background:url(../bot.gif) left top no-repeat; height:8px; vertical-align:bottom;}	

#mainNav li a em, h4 {font-size: 114%} /* =15 */

#mainNav{clear:both}
#mainNav li{
	height:71px;
	list-style:none;
	float:left;
	background-color:#EBEBEB;
	background-image: url(../images/navBtn.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#mainNav li.current{
	background-color:#C36615;
	background-image: url(../images/navCurrentBtn.gif);
}

#mainNav li.lastDone{
	background-color:#7C8437;
	background-image: url(../images/navLastDoneBtn.gif);
}

#mainNav li.done{
	background-color:#7C8437;
	background-image: url(../images/navDoneBtn.gif);
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
color:#ccc;
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active {
color:#fff;
}

#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
color:#FFFF99;
cursor:hand;
}

#mainNav li a em{
width:150px;
display:block;
margin:6px 0 0 10px;
font-style:normal;
font-weight:bold;
}

#mainNav li a span{
width:180px;
display:block;
margin-left:10px;
font-weight:normal;
}

#mainNav li.mainNavNoBg{
background-image:none;
}

#mainNav li a{
height:71px;
display:block;
}

/* #mainNav.fiveStep */
#mainNav.fiveStep li{width:227px;}
#mainNav.fiveStep li a{width:227px;}

/* #mainNav.fourStep */
#mainNav.fourStep li{width:227px;}
#mainNav.fourStep li.mainNavNoBg{width:229px;}
#mainNav.fourStep li a{width:227px;}

/* #mainNav.threeStep */
#mainNav.threeStep li{width:303px;}
#mainNav.threeStep li.mainNavNoBg{width:304px;}
#mainNav.threeStep li a{width:303px;}

/* #mainNav.twoStep */
#mainNav.twoStep li{width:455px;}
#mainNav.twoStep li a{width:455px;}

#wizardpanel {
	background-color: #F5F5F5; margin:5px;display:none;
}


#wizard{width:100%;}

/* BUTTONS */
/* .buttons{margin:10px;clear:both} */
/* PSK 2011-11-24 MOD007 Extending style to <input> node */
.buttons a, .buttons button, .buttons input[type]{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

/* PSK 2011-11-24 MOD007 Extending style to <input> node */
.buttons button, .buttons input[type]{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */
/* PSK 2011-11-24 MOD007 Extending style to <input> node */
button:hover, .buttons a:hover, .buttons input:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */
/* PSK 2011-11-24 MOD007 Extending style to <input> node */
button.positive, .buttons a.positive, input.positive{
    color:#529214;
}
/* PSK 2011-11-24 MOD007 Extending style to <input> node */
.buttons a.positive:hover, button.positive:hover, input.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */
/* PSK 2011-11-24 MOD007 Extending style to <input> node */
.buttons a.negative, button.negative, input.negative{
    color:#d12f19;
}
/* PSK 2011-11-24 MOD007 Extending style to <input> node */
.buttons a.negative:hover, button.negative:hover, input.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */
button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

.buttons button:disabled
{
    background-color:#EEEEEE;
    color: #ccc;
}