/* apply a natural box layout model to all elements http://paulirish.com/2012/box-sizing-border-box-ftw/  */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, form { height: 100%; }
body {  
    margin:0 auto;  
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 14px;
    line-height: 1.3em;
    background-color: #ffffff;
    height: 100%;
}  

h1
{
    color: #2079c7;
    font-size: 2.2em;
    font-weight:normal;
    margin: 0.5em 0 0.7em 0;
}

h2
{
    color: #77A809;
    font-size: 18px;
    margin: 20px 0 10px 0;
    font-weight: normal;
}

h3
{
    color: #2079c7;
    font-size: 14px;
    margin: 10px 0 10px 0;
    font-weight: normal;
}
.hdrgreen 
{
    color: #77A809;
}
.herr
{
    color: #C52820;
}
p {
    padding: 0;
    margin: 0rem 0rem 0.5rem 0rem;
}

h1 > img
{
    vertical-align: middle;
}

.hidden
{
    display: none;
}
.curhelp
{
    cursor: default;
    cursor: help;
}
.subtext
{
    font-size: 0.9em;
}

.msgerr
{
    margin-bottom: 10px;
    padding: 6px 12px;
    background-color:#F0C9C7;
    border: solid 1px #C52820;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.msgyel
{
    margin-bottom: 10px;
    padding: 6px 12px;
    background-color: #F9EDBE;
    border: solid 1px #F0C36D;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.msggrn
{
    margin: 10px 0;
    padding: 6px 12px;
    background-color:#EBFFBF;
    border: solid 1px #77A809;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    vertical-align: top;
}
.msgico
{
    font-size: 2em;
    padding-right:12px;
    float:left;
}

.msggrn .msgico
{    
    color: #77A809;
}

.msgbody 
{
    float: left;
}

.validate 
{
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    margin: -4px auto -29px;
    padding: 7px !important;
    position: relative;
    width: 700px;
    z-index: 99;
    text-align: center;
}

.shadow 
{
    -moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, .5);
    box-shadow: 2px 3px 3px rgba(0, 0, 0, .5);
}

a, a:visited, a:active
{
    color: #2079c7;
}

a:active, a:focus
{    
    outline: none;
}

input:not([type=radio]):not([type=checkbox]), textarea, select
{    
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 20px;
    background: #ffffff;
    border: 1px solid #3399FF;  /* IE8 and below */
    border: 1px solid rgba(51, 153, 255, 0.5); 
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    outline: none;
    padding: 5px;
    width: 200px;
}
input:not([type=submit]):not([type=checkbox]):focus, textarea:focus
{
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
    border: 1px solid #3399FF;
}
input[type=radio]
{
    float: left;
    margin-right: 5px;
}

#bodywrap
{
    min-height: 100%;
    margin-bottom: -150px;
}
#bodycon
{
    width: 100%;
    margin: 0 auto;
    position: relative;
}

#header
{
    padding: 20px 0 0;
    min-height: 110px;
    /*background-image: url(../images/white-gradient-300.png);
    background-repeat: repeat-x;*/
}
#header .links
{
    /*float:right;
    margin: 50px 6px 0 0;
    */
    font-family: "Open Sans", Arial, Sans-Serif;
}
#header .logo
{
    float: left;
    min-height: 60px;
}
#header .links
{
    position: relative;
    /*top: 10px;
    left: 870px; */
    float: right;
    padding: 0 7px;   
}
#mainnav
{
    margin: 20px 0 0 0;
    clear: right;
}

#mainnav .ncnt
{
    background-color: #FF0000;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    left: -6px;
    line-height: 12px;
    opacity: 0.8;
    padding: 2px 4px;
    position: relative;
    top: -12px;
    display:none;
}
#headercon, #mainbod, #footercon
{
    min-width: 900px;
    width: 1170px;
    margin: 0 auto;
}
#form1.paid #headercon, #form1.paid #mainbod, #form1.paid #footercon
{    
    width: 1000px;
}

#mainbod
{
    background-color: #ffffff;
    padding: 20px 10px;
    /*min-height: 500px;*/
}
#mainwrapper
{
    background: #dddddd; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 50%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(50%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dddddd 0%,#ffffff 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dddddd 0%,#ffffff 50%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dddddd 0%,#ffffff 50%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dddddd 0%,#ffffff 50%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

#sidebar
{
    position: relative;
    float: left;
    width: 200px;
}

#main 
{    
    /*position: absolute;*/
	margin-left: 30px;
	width:700px;
	float:left;
}

.banner
{
    min-height: 110px;
    margin-bottom: 20px;
    padding: 0 0 30px 0;
    border-bottom: 1px solid rgba(119, 168, 9, 0.4);
}
.bannericon
{
    float: left;
    margin: 0 30px 0 0;
}
.bannertext
{   
    padding: 1em 0;
    font-size: 18px;
    line-height: 26px;
}
.bannertext .instruct
{   
    font-size: 16px;
    font-style: italic;
    color: #666666;
}

#rtcol
{
    float:left;
    width: 210px;
    margin-top: 10px;
    margin-left: 40px;
    
}
#rtcol h3
{
    margin: 0 0 0.4em;
}
#rtcol p
{
    font-size: 0.8em;
    margin: 0.2em 0 0.4em;
}

#ads
{
	float:left;
	width:200px;
	background-color: #eeeeee;
}

.footpush { 
    height: 150px; 
}
#footer
{
    height: 150px;  
    background-color: #659008;
    padding: 20px 0;
    font-size: 1em;
    line-height: 1.3;
}

#footer .sect
{
    margin: 0 0 0 4px;
    float: left;
    width: auto;
    font-size: 10px;
    color: #fff;
}
#footer .sect h3
{
    font-size: 1.4em;
    color: #ffffff;
    margin: 8px 0;
    font-weight: 400;
}
#footer .sect ul
{
    list-style: none;
    margin: 0 20px 0 0;
    padding: 0;
    border-right: 1px solid #eee;
    min-height: 80px;
}
#footer .sect ul li 
{
    margin: 0;
    padding: 0;
    min-width: 120px;
}
#footer a, #footer a:active, #footer a:visited
{
    color: #fff;
    text-decoration: none;
    font-size: 12px;
}
#footer a:hover
{
    text-decoration: underline;
}  

    
/*--navigation wrapper--*/  
#navbar
{
  /*  margin: 0 0 2px 0; */
    background-color: #2d2d2d;
	background: url(../images/blue-back-8.jpg) no-repeat 0 0;
    -webkit-box-shadow: 0px 2px 2px #aaa;
    -moz-box-shadow: 0px 2px 2px #aaa;
	box-shadow: 0px 2px 2px #aaa;
	-webkit-transition: background-position 1s ease-out 0.3s;
	-moz-transition: background-position 1s ease-out 0.3s;
	-o-transition: background-position 1s ease-out 0.3s;
	-ms-transition: background-position 1s ease-out 0.3s;
	transition: background-position 1s ease-out 0.3s;
	position: relative;
	z-index:98;
}
#navwrapper {  
    margin: 0 10%;
    min-width: 800px;
    padding: 3px 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}  
      
.nav {  
    font-family: Arial, Helvetica, sans-serif;  
    font-size: 16px;  
    padding-top:4px;  
}  
      
.nav, .nav ul {  
    padding: 0;  
    margin: 0;  
    list-style: none;  
    font-family: "Open Sans", Arial, sans-serif;  
}  
      
/*--main nav links style--*/  
.nav a {  
    display:block;  
    padding: 7px 0 7px 20px;  
    color:#444444;  
    text-decoration:none; 
    font-weight: normal; 
    text-transform: uppercase;
}  
.nav a:visited {
    color:#444444;
}
      
 a.dmenu {  
      font-size: 15px;
      text-transform: none;
}  
      
 a.dmenu:hover {  
    color:#3366CC !important;  
    background-color: #fff !important;  
}  
      
.nav li {  
    float: left;  
}  
      
.nav li {position: relative;}  
      
/* hide from IE, mac */  
.nav li {position: static; width: auto;}  
/* end hiding from IE5 mac */  
      
/*--drop down menu styling--*/  
.nav li ul   
{
    width: 100%;
    position: absolute;  
    display: none;  
    margin-left:-1px;  
    padding-bottom:10px;  
    background-color: #FFFFFF;  
    border: 1px solid #bbb;  
    border-top:none;  
    -moz-box-shadow: 0 0 5px #77A809;  
    -webkit-box-shadow: 0 0 5px #77A809;  
    box-shadow: 0 0 5px #77A809;  
    /*--make it top of all the elements on page, so that it can be visible--*/  
    z-index:5000;  
}  
      
.nav li:hover a, .nav a:focus,  
.nav a:active {  
   /* padding:7px 10px;  */
    text-decoration:none;  
    color: #3399FF;
}  
      
.nav li ul, .nav ul li  {  
    width: 10em; 
}  
      
/*--drop down menu styling is different from main nav, strict rule--*/  
.nav ul li a  {  
    color: #3366CC !important;  
    border-right: 0;  
}  
.nav ul li a:hover  {  
    color:#3366CC !important;  
    background-color: #eef3fb !important;  
    border-right: 0;  
}  
      
/*--the selected, current item in the navigation menu--*/  
.nav a.current
{  
    color: #3399FF;  
    text-decoration: none;  
    /*border-top: 2px solid #C33;  
    padding-bottom:5px; /*--removing 2px border from 7px padding--*/  
}  
      
.nav a.current:hover{  
    padding-bottom:5px; /*--removing 2px border from 7px padding--*/  
}  
      
.nav li:hover ul {  
    display: block;  
}  
      
.nav li:hover ul a{  
    color: #000000;  
    background-color: transparent;  
}  
      
.nav ul a:hover {  
    background-color: #606060!important;  
    color: #FFFFFF !important;  
}  
      
    /*--used in drop down menu items--*/  
.menuseprator{border-bottom:1px solid #eee; margin:4px 0 4px 0;}  
      
/*--for showing down arrow in drop down menu item--*/  
.arrowdown{color:#000000; font-size:0.7em;}    
      
/*--for the left navigation menu--*/  
.floatleft
{
    float:left !important;
}   
      
/*--for the right options navigation menu--*/  
.floatright
{
    float:right !important;
}   
      
/*--clear all floating, left and right--*/  
.clear{clear:both;}   

#accountMenu > li
{
    float: none;
}

#acctm
{
    width: 200px;
    margin: -10px 0 0 0;
    padding: 2px 0 0 0;
}
#acctm a
{
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
}
#acctm li
{
    width: 100%;   
}
#acctm .logout
{
    padding-left: 32px;
    background-image: url(../images/icons/logout20.png);
    background-repeat: no-repeat;
    background-position: 6px 5px;
}
#acctm .upgrade
{
    padding-left: 32px;
    background-image: url(../images/icons/star20.png);
    background-repeat: no-repeat;
    background-position: 6px 5px;
}
#acctm .user
{
    padding-left: 38px;
    background-image: url(../images/icons/user20.png);
    background-repeat: no-repeat;
    background-position: 12px 5px;
}

/*
*
*  form styling
*
*/
.genForm
{
    background: #f5f5f5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 2px solid #e0e0e0;
    padding: 10px 12px 6px;
    width: 600px;
}

.genForm fieldset
{
    border: none;
    margin-bottom: 10px;
}
.genForm  fieldset:last-of-type
{
    margin-bottom: 0;
}
.genForm legend
{
  /*  color: #384313;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    text-shadow: 0 1px 1px #c0d576; */
}
.genForm ol 
{
    padding-left: 0;
    margin: 0;
}
.genForm ol li
{
    line-height: 20px;
    list-style: none;
    padding: 5px 0px;
    margin-bottom: 2px;
}
.genForm label
{
    float: left;
    font-size: 14px;
    font-weight: bold;
    width: 150px;
    position: relative;
    color: #666666;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    vertical-align: top;
}
.genForm label strong 
{
    display: block;          
    font-weight: normal;     
    position: absolute;
    left: 27em;        
    top: 0.2em;        
    width: 19em;              
}
.genForm .inlabel label
{
    float: none;
    margin-left: 0.6em;
    font-weight: normal;
}
.genForm input[type=checkbox]
{
    margin-left: 150px;
}

table.standardform
{
    border-collapse: separate; border-spacing: 14px;       
}
table.standardform th, table.standardform td
{
    padding: 0px;
}    
    
.nomarg input[type=checkbox]
{
    margin-left: 0;
}

.genForm ol.btns
{
    width: 360px;
}
.genForm ol.btns li, .genForm ol li.btnrow
{
    float: right;
}

.btnb {
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family: "Open Sans", Arial;
	font-size:16px;
	font-weight:normal;
	padding:0.5em 1.5em;
	text-decoration:none;
	text-align: center;
	/*text-shadow:1px 1px 0px #287ace;*/
	margin-right: 6px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}.btnb:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}.btnb:active {
	position:relative;
	top:1px;
	color: #ffffff;
}.btnb:visited
{
    color: #ffffff;
}

.btng {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
	background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color:#89c403;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #74b807;
	display:inline-block;
	color:#ffffff;
	font-family: "Open Sans", Arial;
	font-size:16px;
	font-weight:normal;
	padding:0.5em 2em;
	text-decoration:none;
	text-align: center;
	/*text-shadow:1px 1px 0px #528009;*/
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}.btng:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
	background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
	background-color:#77a809;
}.btng:active {
	position:relative;
	color:#ffffff;
	top:1px;
}.btng:visited
{
    color: #ffffff;
}

.btnr {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #d02718;
	display:inline-block;
	color:#ffffff;
	font-family: "Open Sans", Arial;
	font-size:16px;
	font-weight:normal;
	padding:0.5em 2em;
	text-decoration:none;
	text-align: center;
	/*text-shadow:1px 1px 0px #810e05;*/
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}.btnr:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color:#c62d1f;
}.btnr:active {
	position:relative;
	color:#ffffff;
	top:1px;
}.btnr:visited
{
    color: #ffffff;
}

.btngy {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topright:2px;
	border-top-right-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	-moz-border-radius-bottomright:2px;
	border-bottom-right-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	-moz-border-radius-bottomleft:2px;
	border-bottom-left-radius:2px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#2079c7;
	font-family: "Open Sans", Arial;
	font-size:16px;
	font-weight:normal;
	font-style:normal;
	padding:0.5em 2em;
	text-decoration:none;
	text-align:center;
	/*text-shadow:1px 1px 0px #ffffff;*/
}
.btngy:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.btngy:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */

.btnlg
{
    font-size: 20px;
}

.btnsml
{
    font-size: 12px;
}


.fdim {
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea) );
	background:-moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
	background-color:#bddbfa;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #84bbf3;
	text-shadow:1px 1px 0px #528ecc;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}.fdim:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa) );
	background:-moz-linear-gradient( center top, #80b5ea 5%, #bddbfa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa');
	background-color:#80b5ea;
}

.fval
{
    color: #ff0000;
    padding: 0 0 0 10px;
    display: block;
    margin: -4px 0 0 0;
    width: 220px;
    line-height: 16px;
}
.fval.under
{
    font-size: 12px;
    padding: 8px 0 4px;
}

ul.sidemenu, ul.sidemenu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 190px;
}

ul.sidemenu a {
  display: block;
  text-decoration: none;	
}

ul.sidemenu li {
  margin-top: 1px;
}

ul.sidemenu li a {
  background: #333;
  color: #fff;	
  padding: 0.5em;
}

ul.sidemenu li a:hover {
  background: #000;
}

ul.sidemenu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul.sidemenu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

ul.sidemenu li ul li a.current {
  border-left: 5px #3399FF solid;
  padding-left: 15px;
}

/* computers styling */
.computerlist
{
    width: 700px;
}
.computerlist .l1, .computerlist .r2
{
    border-bottom: 1px solid rgba(119, 168, 9, 0.4);
}
.computerlist .l1
{
    vertical-align: middle;
}
.computerlist .r1
{
    height: 65px;    
    font-size: 10px;
    line-height:16px;
    color: #888888;
}
.computerlist .r2
{
    min-width: 355px;   
}
.computer
{    
    /* background-image: url(../images/comps/monitor-spr.png);
    background-position: 0 10px;
    background-repeat: no-repeat;
   padding-left: 125px; */
    float: left;
    width: 340px;
    width: 215px;
    height: 75px;
    vertical-align: middle;
}
.conlabel
{
    background-image: url(../images/comps/monitor-spr.png);
    background-position: 0 10px;
    background-repeat: no-repeat;
    float: left;
    width: 125px;
    height: 75px;    
    padding: 25px 15px;
    font-size: 16px;
}
.conlabeltext 
{
    visibility: hidden;
}
/*.computer.on,*/ .l1.online .conlabel
{
    background-position: 0 -60px;
    cursor: pointer;
    color: #ffffff;    
}
.l1.online .conlabel .conlabeltext 
{
    visibility: visible;
}
.l1.online .conlabel:hover .conlabeltext 
{
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
}
.computer.on:hover
{
    background-position: 0 -130px;
}
/*.computer.pending,*/ .l1.pending .conlabel
{
    background-position: 0 -200px;
}

.computer .name
{
    margin: 16px 0 4px 0;
    font-weight: bold;
    font-size: 16px;
}
.computer.pending .name
{
    color: #cccccc;
}
.computerlist .status
{
    display: inline-block;
   /* background-image: url(../images/comps/online-sprite.png);
    background-repeat: no-repeat;
    background-position: 0 -14px; 
    padding-left: 12px;*/
    font-weight: bold;
    font-size: 12px;
    color: #000000;
}
.computerlist .status.online
{
   /* background-position: 0 1px; */
}
.computerlist .status.meeting
{
   /* background-position: 0 -29px; */
}
.computerlist .statusindicator
{
    display: inline-block;  
    width: 8px;  
    height: 8px;  
    margin-right: 6px;
    background-color: rgb(190,190,190);  
    box-shadow: inset 0px 1px 0px 0px rgba(250,250,250,0.5);  
    border-radius: 4px;  
    clear: both;  
    bottombottom: 0;  
}
.computerlist .status.online .statusindicator
{
    box-shadow: inset 0px 1px 0px 0px rgba(250,250,250,0.5),  
                0px 0px 2px 1px rgba(135,187,83,0.5);  
    background-color: rgb(135,187,83);  
    background-color: rgb( 126, 182, 72);
    background-color: rgb( 141, 204, 42);
}
.computerlist .status.meeting .statusindicator
{
    background-color: rgb(226,0,0);  
    box-shadow: inset 0px 1px 0px 0px rgba(250,250,250,0.5),  
                0px 0px 2px 1px rgba(226,0,0,0.5);  
}
.computerlist .lastcon
{
    
}
.fxns
{
    margin: 0 0 10px 0;
    font-size: 12px;
}
.fxns a
{
    background-position: left 0;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0 12px 0 0;
    padding-bottom: 3px;
}
.fxns a:hover
{
    text-decoration: underline;
}
.fxns a > i
{
    color: #77A809;
    padding: 0 5px 0 0;
    font-size: 1.7em;
    vertical-align: top;
}
.fxns a:hover > i
{
    color: #2079C7;
}
.fxns .access
{    
    /*background-image: url(../images/comps/access.png);
    padding-left: 22px;*/
    margin-right: 0;
}
.fxns .info
{    
    /*background-image: url(../images/comps/info.png);
    padding-left: 26px;*/
} 
.fxns .invite
{    
    /*background-image: url(../images/comps/invite.png);
    padding-left: 27px;*/
}
.fxns .notes
{    
    /*background-image: url(../images/comps/note.png);
    padding-left: 24px;*/
}
.fxns .usage
{    
    /*background-image: url(../images/comps/usage.png);
    padding-left: 24px;*/
}
.clearrow
{line-height: 0px;
font-size: 0px;
clear:both;
}

/*div.fileinputs {
	position: relative;
}

div.fakefile {
	/*position: absolute; /
	top: 0px;
	left: 0px;
	z-index: 1;
}

.fileinputs input[type=file] {
	position: relative;
	text-align: right;
	-moz-opacity: 0 ;
	/*filter: alpha(opacity: 0);
	opacity: 0;/
	z-index: 2;
}*/


.smicons  {  
    padding: 0;  
    margin: 0 0 0 20px;  
    font-size: 32px;
    list-style: none;
}  

.smicons li
{
    float: left;
    padding-left: 0.5rem;
}
.smicons a
{
    border: none;
    display: inline-block;
}

.searchpanel
{
    background: #f5f5f5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 12px;
    width: 600px;
}
.searchpanel input[type="text"]
{
    background-image: url(../images/search.jpg);
    background-repeat: no-repeat;
    background-position: 5px 7px;
    font-size: 18px;
    font-weight: bold;
    width: 500px;
    padding: 5px 5px 5px 28px;
    margin: 10px 0;   
}

#ab_computer
{
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    left: 142px;
    position: relative;
    top: 130px;
}
#ab_password
{
    font-size: 18px;
    left: 136px;
    position: relative;
    top: 158px;
    width: 212px;
}
.dim
{
    color: #9A9A9A;
    font-weight: bold;
}
.breadcrumbs
{
    margin: 0 0 16px 0;
    font-size: 12px;
    color: #a0a0a0;
}
.breadcrumbs a, .breadcrumbs a:active, .breadcrumbs a:visited
{
    text-decoration: underline;
    color: #a0a0a0;
}
.breadcrumbs a:hover
{
    text-decoration: underline;
}
.breadcrumbs .step
{
    padding: 0 6px;
}
.breadcrumbs .current
{
    font-weight: bold;
}
.headinghelp {
    float: right;
    margin: 0 0 0.5em 1em;
}
.headinghelp a {
    text-decoration: none;
    color: #a0a0a0;
    font-size: 14px;
}
.headinghelp a:hover {
    text-decoration: underline;
}
.headinghelp i {
    color: #2079c7;
    margin-right: 0.3em;
    font-size: 1.2em;
}
.invitepanel
{
    padding-left: 100px;
    background-image: url(../images/invite60-icon.png);
    background-repeat: no-repeat;
    background-position: 10px 0;
    font-size: 14px;
}
 .invitepanel ol
 {  
    padding: 0;  
    margin: 0;  
    display: inline-block
}  
.invitepanel ol li 
{
    margin: 0 0 0 30px;
    padding: 0 0 4px 10px;
    font-size: 14px;
}
#conncode
{
    margin: 15px 0;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}
ul.steps
{
    padding: 0;  
    margin: 0;  
    list-style: none;  
}
ul.steps > li
{
    padding: 0 0 16px 10px;
}
ul.steps > li h2
{
    margin-left: -20px;
}
    
.stepnum
{
    font-size: 1.8em;
    margin: 0 0.4em 0 0;
    position: relative;
    top: 0.1em;    
}
.nonimg
{
    background-color: #ffffff;
    width: 90%;
    margin: 10px;
    padding: 0 20px 0 30px;
}
.nonimg.firstni
{
    padding: 0 20px 0 0;
}
.installsteps .code
{
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
}
.screenshot 
{
    margin: 0 40px;
    width: 258px;
    color: #494949;
    font-size: 10px;
    text-align: center;
}
.screenplace
{
    width: 250px;
    border: 4px solid #444444;
    background-color: #666666;
    height: 160px;
}


.faqitem
{
    margin: 20px 0 10px 20px;
    width: 580px;
    font-size:12px;
    
}
.faqitem .q
{
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 8px 0;
    color: #444444;
}
.faqitem .a 
{
    margin: 0 0 0 6px;
}
.faqitem .term
{
    font-weight: bold;    
}
.faqsections
{
    display: none;
    position: relative;
    left: 760px;
    width: 150px;
}
.pagetools
{
    float:right;
    margin: -36px 0 10px;
}
.pagetools .button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #2079C7;
	display:inline-block;
	color:#2079C7;
	font-family: "Open Sans", arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 20px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	margin: 0 10px 0 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}.pagetools .button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.pagetools .button:active {
	position:relative;
	top:1px;
}

.faqtopics a
{
    display:block;
    font-size: 13px;
    margin-bottom: 8px;
}

.pagebodybtns
{
    width: 100%;
    text-align: center;
    margin: 15px 0 15px 0;
}
.installsteps
{
    margin: 20px 0 0;
}
.installsteps .steps
{
    width: 100%;
}
.installsteps .steps td
{
    width: 50%;
    vertical-align: top;
    padding-bottom: 25px;
    padding-right: 10px;
}
.installsteps .steps.steps3 td
{
    width: 33%;
    vertical-align: top;
    padding-bottom: 25px;
    padding-right: 10px;
}
.installsteps .steps h2
{
    color: #77A809;
    font-size: 18px;
    margin: 0 0 10px 0;
}
.installsteps .steps h3
{
    color: #77A809;
    font-size: 14px;
    margin: 0 0 10px 0;
}
.installsteps .steps p
{
    font-size: 12px;
    margin: 0 0 10px 0;
}
.installsteps .steps .nonimg p
{
    font-size: 14px;
}
.invitecopylink
{
    margin: 10px 0 0 0;
    padding: 4px 0 0 38px;
    background-image: url(../images/pageico/envelope.30.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    font-size: 13px;
    height: 30px;
}
.invitesavelink
{
    margin: 10px 0 0 0;
    padding: 4px 0 0 38px;
    background-image: url(../images/pageico/calendar.30.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    height: 30px;
    font-size: 13px
}
.footnotes
{
    padding: 30px 0 15px 0;
    text-align: center;
    color: #555555;
    font-size: 12px;
    line-height: 16px;
}
.icohalfcol {
    width: 48%;
    float: left;
    margin: 0 14px 0 0;
    border: 1px solid #CDCDCD;
    border-left: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    -webkit-box-shadow: 1px 1px 2px #bbbbbb;
    -moz-box-shadow: 1px 1px 2px #DDDDDD;
    box-shadow: 1px 1px 2px #DDDDDD;
    background-color: #ffffff;
}
.icohalfcol-top {
    background: url("../images/whyuse-panel-top.png") no-repeat scroll 0 0 transparent;
    height: 8px;
}
.icohalfcol-body {
   
}
.icohalfcol h2 {
    color: #77A809;
    font-family: 'Open Sans',sans-serif;
    font-size: 1.8em;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 24px 0 25px 25px;
    border-bottom: 1px solid #cccccc;
}
.icohalfcol ul {
    margin: 0;
    padding: 0;
}
.icohalfcol ul li:first-of-type {
    border-top: 0 none;
}
.icohalfcol ul li {
    border-top: 1px solid #EFEFEF;
    list-style: none outside none;
    padding: 12px 10px 16px 5px;
    position: relative;
}
.icon-icohalfcol {
    background: url("../images/whyuse-icon-sprite-2.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 36px;
    left: 20px;
    position: absolute;
    width: 36px;
}
.icohalfcol-title {
    display: block;
    font-family: 'Open Sans',sans-serif;
    font-weight: bold;
    margin-left: 65px;
    
}
.icohalfcol-description {
    color: #666666;
    display: inline-block;
    margin-left: 65px;
    font-size: 12px;
}
.icohalfcol-bottom {
    background: url("../images/whyuse-panel-bottom.png") no-repeat scroll left bottom transparent;
    height: 8px;
}
.icon-icohalfcol-os
{
     background-image: url(../images/pageico/winlogo/win7.36.png);
}
.icon-icohalfcol-os.win8
{
     background-image: url(../images/pageico/winlogo/win8.36.png);
}
.icon-icohalfcol-os.winvista
{
     background-image: url(../images/pageico/winlogo/winvista.36.png);
}
.icon-icohalfcol-os.winxp
{
     background-image: url(../images/pageico/winlogo/winxp.36.png);
}
.icon-icohalfcol-os.win2000
{
     background-image: url(../images/pageico/winlogo/win2k.36.png);
}
.icon-icohalfcol-os.win95
{
     background-image: url(../images/pageico/winlogo/win95.36.png);
}
.icon-icohalfcol-comp, .icon-icohalfcol-name
{
     background-image: url(../images/pageico/w7comp36.png);
}
.icon-icohalfcol-comp.acer
{
    background-image: url(../images/pageico/system/acer.36.png);
}
.icon-icohalfcol-comp.asus
{
    background-image: url(../images/pageico/system/asus.36.png);
}
.icon-icohalfcol-comp.compaq
{
    background-image: url(../images/pageico/system/compaq.36.png);
}
.icon-icohalfcol-comp.dell
{
    background-image: url(../images/pageico/system/dell.36.png);
}
.icon-icohalfcol-comp.hp
{
    background-image: url(../images/pageico/system/hp.36.png);
}
.icon-icohalfcol-comp.ibm
{
    background-image: url(../images/pageico/system/ibm.36.png);
}
.icon-icohalfcol-comp.lenovo
{
    background-image: url(../images/pageico/system/lenovo.36.png);
}
.icon-icohalfcol-comp.sony
{
    background-image: url(../images/pageico/system/sony.36.png);
}
.icon-icohalfcol-comp.toshiba
{
    background-image: url(../images/pageico/system/toshiba.36.png);
}
.icon-icohalfcol-comp.apple
{
    background-image: url(../images/pageico/system/apple.36.png);
}
.icon-icohalfcol-processor
{
     background-image: url(../images/pageico/proc/intel.36.png);
}
.icon-icohalfcol-processor.amd
{
     background-image: url(../images/pageico/proc/amd.36.png);
}
.icon-icohalfcol-graphics
{
     background-image: url(../images/pageico/graphics/graphics.36.png);
}
.icon-icohalfcol-graphics.nvidia
{
     background-image: url(../images/pageico/graphics/nvidia.36.png);
}
.icon-icohalfcol.matrox
{
     background-image: url(../images/pageico/graphics/matrox.36.png);
}
.icon-icohalfcol.s3
{
     background-image: url(../images/pageico/graphics/s3.36.png);
}
.icon-icohalfcol.ati
{
     background-image: url(../images/pageico/graphics/ati.36.png);
}
.icon-icohalfcol-browser
{
     background-image: url(../images/pageico/browser/browser.36.png);
}
.icon-icohalfcol-browser.firefox
{
     background-image: url(../images/pageico/browser/firefox.36.png);
}
.icon-icohalfcol-browser.chrome
{
     background-image: url(../images/pageico/browser/chrome.36.png);
}
.icon-icohalfcol-browser.ie
{
     background-image: url(../images/pageico/browser/ie.36.png);
}
.icon-icohalfcol-browser.safari
{
     background-image: url(../images/pageico/browser/safari.36.png);
}
.icon-icohalfcol-browser.opera
{
     background-image: url(../images/pageico/browser/opera.36.png);
}
.icon-icohalfcol-network
{
     background-image: url(../images/pageico/w7network36.png);
}
.icon-icohalfcol-memory
{
     background-image: url(../images/pageico/w7memory36.png);
}
.icon-icohalfcol-firewall
{
     background-image: url(../images/pageico/firewall/firewall.36.png);
}
.icon-icohalfcol-virus, .icon-icohalfcol-spyware
{
     background-image: url(../images/pageico/antivirus/antivirus.36.png);
}
.icon-icohalfcol-proxy
{
     background-image: url(../images/pageico/proxy.36.png);
}
.icon-icohalfcol-country
{
     background-image: url(../images/pageico/country/world36.jpg);
}
.icon-icohalfcol-language
{
     background-image: url(../images/pageico/country/flags36.png);
}
#lastLogin
{
    font-size: 10px;
    line-height: 14px;
    float: right;
    margin: -10px 20px 0 0;
    color: #888888;
}
.reportheader td, .reportheader th
{
    color: #77A809;
    font-weight: normal;
    padding: 8px 4px;
    font-size: 14px;
    border-bottom: 1px solid #77A809;
    background-color: #fff;
}
.reportline td
{
    padding: 6px 4px; 
    font-size: 12px;   
    border-bottom: 1px solid #eeeeee;
    vertical-align:top;
}
#adtester { display: none; }
.adblockalert 
{
   /* padding-left: 42px;
    background-image: url(../images/icons/redsad36.png);
    background-position: 2px 5px;
    background-repeat: no-repeat; */
    font-size: 13px;
    margin-bottom: 16px;
}
.floatbox
{
    display:none;
    min-width:300px;
    z-index:200;
    position:absolute;
    background:#ffffff;
    padding:10px 20px;
    border-radius: 2px 2px 2px 2px;
    -moz-box-shadow: 1px 1px 3px #77A809;
    -webkit-box-shadow: 1px 1px 3px #77A809;
    box-shadow: 1px 1px 3px #77A809;
}
.floatbox h2
{
    margin: 10px 0;
}
.floatbox h2 > i.fa
{
    padding-right: 0.3em;
    font-size: 1.1em;
}
.floatbox h3
{
    margin-top: 0px;
}
.floatbox iframe.youtubevid {
    margin: 1.4em auto;
    display:block;
}
.floatboxtitle
{    
    margin-bottom: 15px;
    padding: 0 0 15px 0;
    border-bottom: 1px solid rgba(119, 168, 9, 0.4);
}
.floatclose
{
    float:right;
    font-size: 14px;
    color: #aaaaaa;
    cursor: pointer;
    padding: 0 2px 0 0;
}
.floatclose:hover
{
    color: #77A809;
    font-weight: bold;
}
.floatclosecorner
{
    float:right;
    font-size: 14px;
    color: #77a809;
    cursor: pointer;
    margin: -26px -36px 0 0;
}

.floatbox.error {
    border: solid 1px #c52820;
}
.floatbox.error h2 {
    color: #c52820; 
}
#fadelayer{
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index:100;
    -moz-opacity: 0.4;
    opacity:.40;
    filter: alpha(opacity=40);
}

.trash
{
    padding-left: 20px;
    background-image: url(../images/icons/trash16.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.newmsgs  
{
    float:right; 
    left: 1px; 
    margin-bottom: -10px; 
    position:relative; 
    top: 3px;
    width: 16px; height: 12px;
    background-image: url(../images/email16.png);
    text-align: center;
    font-size: 8px;
}

/*** how it works **/
.hiwwrap {
    background: #dddddd; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 50%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(50%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dddddd 0%,#ffffff 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dddddd 0%,#ffffff 50%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dddddd 0%,#ffffff 50%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dddddd 0%,#ffffff 50%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    float: left;
    margin: 10px 0;
    min-height: 420px;
    padding: 16px 16px 0;
    width: 900px;
}
.hiwwrap ul { list-style-type: none; }
.stepnav {
    background: none repeat scroll 0 0 #EFEFEF;
    display: block;
    float: left;
    margin-bottom: 16px;
    padding: 0;
    position: relative;
    width: 234px;
    border: 1px solid #CDCDCD;
    border-left: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    -webkit-box-shadow: 1px 1px 2px #bbbbbb;
    -moz-box-shadow: 1px 1px 2px #DDDDDD;
    box-shadow: 1px 1px 2px #DDDDDD;
}
.stepnav li {
    -moz-transition: all 0.2s ease 0s;
    background: none repeat scroll 0 0 transparent;
    margin: 0;
    padding: 0;
    width: 242px;
}
.stepnav li.current {
    background: url("../images/nav_arrow_right.png") no-repeat scroll right center transparent;
}
.stepnav li a {
    -moz-transition: all 0.2s ease 0s;
    border-bottom: 1px solid #E6E6E6;
    color: #777777;
    display: block;
    margin: 0;
    padding: 16px;
    text-decoration: none;
    width: 234px;
}
.stepnav span {
    color: #B2B2B2;
    font-size: 0.9em;
    padding-right: 8px;
}
.stepnav li.current a, .stepnav li.current a:visited {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
}
.stepnav li.current span {
    color: #77A809;
    font-weight: bold;
}
.hiwwrap .contentItem {
    display: block;
    float: right;
    width: 600px;
}
.hiwwrap .content_wrap {
    clear: both;
    float: left;
    margin-bottom: 16px;
    padding: 16px;
    position: relative;
    width: 605px;
}
.hiwwrap .content_wrap.white {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CDCDCD;
    border-left: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    -webkit-box-shadow: 1px 1px 2px #bbbbbb;
    -moz-box-shadow: 1px 1px 2px #DDDDDD;
    box-shadow: 1px 1px 2px #DDDDDD;
}
.hiwwrap .content_wrap.grey {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #CDCDCD;
    border-left: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    -webkit-box-shadow: 1px 1px 2px #bbbbbb;
    -moz-box-shadow: 1px 1px 2px #DDDDDD;
    box-shadow: 1px 1px 2px #DDDDDD;
}
.hiwwrap .step {
    border-top: 1px solid rgba(119, 168, 9, 0.4);
    color: #353535;
    float: left;
    font-size: 0.9em;
    padding: 25px;
    width: 555px;
}
.hiwwrap .step.half p {
    width: 45%;
}
.hiwwrap .step p {
    float: left;
}

.hiwwrap .screenshot  {
    background: none repeat scroll 0 0 #EEEEEE;    
    padding: 10px;
    margin: 0;
    float: right;
}
.hiwwrap .content_wrap.grey p {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 80%;
}
.btn_next {
    -moz-transition: all 0.4s ease 0s;
    background: url("../images/nav_arrow_right_black.png") no-repeat scroll 99% center transparent;
    border-bottom-right-radius: 6px;
    border-left: 1px solid #DDDDDD;
    border-left: 1px solid #336699;
    border-top-right-radius: 6px;
    clear: none;
    color: #336699;
    display: block;
    float: right;
    margin: 0 10px 0 0;
    padding: 0 25px;
    text-decoration: none;
    font-weight: bold;
}
.btn_next.thick {
    line-height: 4;
}

.contopnav
{
    margin: 4px 0 8px -6px;
    color: #777777;
}
.contopnav a, .contopnav a:active, .contopnav a:visited
{
    font-size: 20px;
    font-weight: bold;
    text-decoration: underline;
    color: #999999;
    margin: 0 6px;
}
.contopnav a:hover
{
    text-decoration: underline;
    color: #77A809;
}
.contopnav a.cur
{    
    color: #77A809;
    text-decoration: none;
}
.fa.padright
{
    padding-right: 0.3em;
}
.fa.padleft
{
    padding-left: 0.3em;
}
#upgradebanner
{
    padding: 10px 0 0 5px;
    float: left;
}

#_loginreminder 
{
    position: fixed;
    left: 0;
    top: 0;
    height: 34px;
    z-index: 500;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.sidebar 
{
    width: 230px;
    margin: 0 0 0 0;
    padding: 0;
    border-right: 1px solid #cccccc;
    float: left;
    min-height: 500px;
}
ul.guide
{
    list-style: none;
    padding: 0;
    margin: 0;
}
.guide-section h3 .fa, .guide-links-top .fa, .actionlnk .fa
{
    padding: 0 0.3em 0 0.3em;
    width: 1.6em;
    font-size:16px;
    font-weight: normal;
}
.sidebar h3
{
    font-size: 14px;
    margin: 0 0 0 0;
    padding: 0.7em 0;
}  
.sidebar h3 a
{
    display: inline-block;
    text-decoration: none;
    color: #000000;
}
.sidebar h3 a:hover
{
    background-color: #90bde3;
    color: #ffffff;
}
.sidebar .actionlnk
{
    float: right;
    margin: 0 0 0 0;
    display: none;
    color: #cccccc;    
}
.sidebar h3:hover .actionlnk, .sidebar .guide-links li:hover .actionlnk
{
    display: inline-block;
}
.sidebar .actionlnk:hover
{
    color: #77A809;
    background-color: #ffffff;
}
ul.guide-links , ul.guide-links-top
{
    margin: 0 0 0 0em;
    padding: 0 0 0 0;
    list-style: none;
}
ul.guide-links li, ul.guide-links-top
{
    margin: 0 0 0 0;
    padding: 0 0 0 0em;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;                
}
ul.guide-links li
{
    margin: 0 0 0 0;
    padding: 0 0 0 1.0em;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;                
}
ul.guide-links li.guide-links-group
{
    padding: 0 0 0 0.5em;
    font-weight: bold;
}
ul.guide-links a , ul.guide-links-section
{
    display: inline-block;
    text-decoration: none;
    color: #000000;
    font-size: 13px;
    /*width: 100%;*/
    padding: 0.3em 0 0.3em 0.3em;
}
ul.guide-links-top a 
{
    display: inline-block;
    text-decoration: none;
    color: #2079C7;
    font-size: 16px;
    width: 100%;
    padding: 0.3em 0;
    font-weight: normal;
}
ul.guide-links-top a:hover
{
    background-color: #90bde3;
    color: #ffffff;
}
ul.guide-links li:hover
{
    background-color: #f3f3f3;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    cursor: pointer;
}
ul.guide-links li:hover > a, ul.guide-links li:hover > .actionlnk:hover
{
    color: #77A809;
}
ul.guide-links li:hover > .actionlnk
{
    color: #cccccc;    
    background-color: inherit;
}
.guide-section-separator
{
    margin: 8px 0;
    border-bottom: 1px solid #cccccc;
    height: 0;
    color: #ffffff;
}

#viewcon 
{
    z-index: 200;
    position: fixed;
    top: 100px; left: 400px;
    min-width: 380px;
    border: 2px solid #dddddd;
    box-shadow: 0 2px 2px #888888;
}
#viewcontitle
{
    background: #dddddd;
    color: #2079c7;
    font-weight: bold;
    padding: 0.4em;
    font-size: 1em;            
}
#viewcontitle .closex
{
    float: right;
    padding: 0 4px;
}
#viewconform
{
    /*background: url(../images/back-blue-small.png);
    background-repeat: none;*/
    background-color: #ffffff;
    padding: 0.5em 1.0em;
    font-size: 1.3em;
    color: #555555;
    text-align: center;
    font-weight: bold;
}
#viewconform div {
    margin: 0.5em 0 0.2em;
}
#viewconpwd
{
    font-size: 1.1em;
    margin-right: 0.5em;
    width:150px;
}
#viewconcomputer { }
#viewconpwddiv { font-size: 0.7em; margin: 1.4em 0 !important; }
#viewconlock { color: #cccccc;
               vertical-align: middle;
               margin-right: 10px; }
#viewconlocdiv { font-size: 0.7em;
                 color: #999999;
                 font-weight: normal;
                  }
#viewconlocdiv i { color: #BCD485; margin-right: 0.3em; }
#viewconconn { padding: 0.3em 2em; font-size: 14px; width: 150px; margin-bottom: 1em;}

.whitegradient 
{    
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(240,240,240,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0 );
}

.generatedcode {
    font-size: 2.4em;
    font-weight: normal;
    margin: 1em 0;
}