/*
browsers:
IE7 - OK - needs a little tweaking
IE6 - some fixes in separate sheet
FF - GOOD
OPERA - GOOD


0075b2 - logo blue
99CD3A - logo green

8CC63F - darker green
08496a - darker blue

111111 - default text grey
fafafa - off white for body bg

*/
*{    padding: 0;    margin: 0;}/* global settings needed for thickbox */

html{    height: 100%;    margin-bottom: 1px;}/* force scrollbars */

div, form, a, img, ul, p, table, tr, td{    background-color: transparent;    margin: 0;    padding: 0;    border: none;}
body{    margin: 0;    padding: 0;    font-family: Verdana, Arial, Helvetica, sans-serif;    background-color: #fafafa;    color: #111;    font-size: 12px;    line-height: 1.4em;}
div#wrap{    width: 1044px;    margin: 10px auto;    background-image: url(bg-white-2.png);    background-repeat: repeat-y;}
#hdtop, #ftend{background-image: url(topandtail-1.png);    margin: 0;    padding: 0;}
#hdtop{    background-position:top left ;    height: 30px;}
#ftend{    height: 30px;    background-position:bottom left ;}
#hdr, #topnav, #mainwrap, #ft{margin: 0 10px;   }
#mainwrap{ background-color: #fff; color: #111;   border-top: solid 15px #99CD3A;    border-bottom: solid 15px #99CD3A;}
div.bgstripe{    background-image: url(stripe-2.png);    background-repeat: repeat-y;}
#ft{        padding: 20px 0;    clear: both;    background-color: #0075b2;    color: #fff;    text-align: center;
        float: none;    clear: both;    font-size: 12px;    line-height: 1.4em;}
#hdr{   background-color: #fff;        padding: 0 0 25px 30px;}
#topnav{      background-color:#fff;}
#hdrlogo{width:512px;margin:10px 0 0 10px;padding:0;float:left;clear:left;}
#hdrbuttons{width:256px;margin:0;padding:0;float:right;clear:right;height:128px;margin:15px 0 0 0;}
#hdrbuttons a{display:block;width:128px;height:128px;margin:0;padding:0;float:right;overflow:hidden;text-align:center;background-repeat:no-repeat;}
#hdrbuttons a, #hdrbuttons a:link, #hdrbuttons a:visited{
    background-position:left bottom;
}
#hdrbuttons a:hover, #hdrbuttons a:active
{
    background-position:left top;
}
#hdrbuttons .replace{margin-left:-256px;}
#hdrbuttons .hdrlnkjoin{background-image:url(joinnow.png);}
#hdrbuttons .hdrlnklogin{background-image:url(signin.png);}
#hdrbuttons .hdrlnklogout{background-image:url(signout.png);}
#hdrbuttons .hdrlnksurvey{background-image:url(surveyavail.png);}

div.clear{    clear: both;    height: 1px;    float: none;}

.ptl3col #sub1{    background: #99CD3A;    color: #fff;    width: 192px;    float: left;    clear: left;    margin-right: 12px;}
.ptl3col #main{    background: #fff;    width: 560px;    float: left;}
.ptl3col #sub2{    background: #fff;    width: 237px;    float: right;    clear: right;margin-right: 10px;}

.mycp3col1 #sub1{    background: #99CD3A;    width: 192px;    float: left;    clear: left;    margin-right: 12px;}
.mycp3col1 #main{    background: #fff;    width: 560px;    float: left;}
.mycp3col1 #sub2{    background: #fff;    width: 237px;    float: right;    clear: right;    margin-right: 10px;}

.mycp2colw .left{    background: #fff;    width: 486px;    float: left;    margin-left: 10px;}
.mycp2colw .right{    background: #fff;    width: 486px;    float: right;    margin-right: 10px;}
.mycp2colw .fullw{    background: #fff;    width: 1004px;  clear: both;        float: left;    margin-left: 10px;}

.mycp2col2 #sub1{    background: #99CD3A;    width: 192px;    float: left;    clear: left;    margin-right: 12px;}
.mycp2col2 #main{    background: #fff;    width: 800px;    float: left; }

/*
#usrinfo{    width: 256px;    float: right;    clear: right;    padding: 12px 0;    text-align: right;    color: #111;}
#usrinfo a{    float: right;    clear: right;    font-size: 13px;    font-weight: bold;    padding: 4px;    width: 120px;    margin: 4px 0;    display: block;
    background-color: #fff;    background-color: #99CD3A;    color: #111;    text-decoration: none;    text-align: right;}
*/
#topnav li{
    width: 128px;
    float: left;
    text-align: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#topnav a, #topnav a:link, #topnav a:visited
{
    height: 32px;
    display: block;
    padding: 4px 4px 8px 12px;
    color: #111;
    background-color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
    background-image: url(tab-triple-1.png);
    background-repeat: no-repeat;
    background-position: center top;
}

#topnav a:hover, #topnav a:active
{
    color: #fff;
    background-color: #0075b2;
    text-decoration: none;
    background-position: right top;
}
/* tab hilites */
.home #tnhome a, .home #tnhome a:link, .home #tnhome a:visited,
.mycp #tnmycp a, .mycp #tnmycp a:link, .mycp #tnmycp a:visited,
.about #tnabout a, .about #tnabout a:link, .about #tnabout a:visited,
.why #tnwhy a, .why #tnwhy a:link, .why #tnwhy a:visited,
.how #tnhow a, .how #tnhow a:link, .how #tnhow a:visited,
.orgs #tnorgs a, .orgs #tnorgs a:link, .orgs #tnorgs a:visited,
.news #tnnews a, .news #tnnews a:link, .news #tnnews a:visited,
.contact #tncontact a, .contact #tncontact a:link, .contact #tncontact a:visited {
        background-color: #99CD3A;    color: #fff;    background-position: left top;}


/*
#frmlogin{font-size:1em;color:#009;width:180px;margin:0 0 10px 0;}
#frmlogin input[type=text], #frmlogin input[type=password]{width:160px;}
*/
/* text styling */

div.content{padding:10px 15px;}

#mainwrap p
{
    margin: 0;
    padding: 0.6em 0;
}

#mainwrap h1, h2, h3, h4
{
    font-weight: bold;
    margin: 4px 0 8px 0;
    padding: 0;
    line-height: 1.5em;
    color: #08496a;
}
#mainwrap h1
{
    font-size: 18px;
}
#mainwrap h2
{
    font-size: 16px;
}
#mainwrap h3
{
    font-size: 14px;
}
#mainwrap h4
{
    font-size: 12.5px;
}
#mainwrap ul
{
    margin: 5px 0 5px 15px;
    padding: 0;
}
#mainwrap ul li
{
    margin: 5px;
    padding: 0;
    list-style-type: disc;
}
#mainwrap p.good, #mainwrap p.error
{
    font-size: 13px;
    padding: 5px 35px 5px 5px;
    margin: 5px 0;
    display: block;
}
#mainwrap p.error
{
    border: solid 1px #f00;
    color: #f00;
    background: url(cross.png) no-repeat bottom right;
}
.error{color:#f00;}
.attn{color:#f00;font-weight:bold;font-size:1.2em;}
#mainwrap p.good
{
    border: solid 1px #668d1e;
    color: #668d1e;
    background: url(tick.png) no-repeat bottom right;
}

/* general links */
a, a:link{    text-decoration: underline;    color: #08496a;    font-size: 1em;}
a:visited{    color: #0075b2;}
a:hover, a:active{    color: #8CC63F;}

/* footer links */
#ft a, #ft a:link, #ft a:visited{    color: #fafafa;    text-decoration: none;    padding: 3px 6px;}
#ft a:hover, #ft a:active{    color: #fff;    text-decoration: underline;}
/* subnav links */
.submenu a, .submenu a:link, .submenu a:visited{    text-decoration: underline;    color: #009;    font-size: 12px;    font-weight: normal;}
.submenu a.tabhilite, .submenu a.tabhilite:link, .submenu a.tabhilite:visited{
    text-decoration: underline;    color: #009;    font-size: 12px;    font-weight: bold;}
.submenu a:hover, .submenu a:active{    color: #e51912;}

/* side menu */
#mainwrap ul.nav1{    margin: 8px 0 12px 8px;    text-indent: 0;    padding: 0;    list-style-type: none;}
#mainwrap ul.nav1 li{    list-style-type: none;    margin: 0;    padding: 0;    text-indent: 0;    margin: 0;}
#mainwrap ul.nav1 li a, #mainwrap ul.nav1 li a:link, #mainwrap ul.nav1 li a:visited{
    display: block;    font-size: 13px;    font-weight: bold;    padding: 4px 8px;
    margin: 2px 0 8px 0;    text-decoration: none;    color: #fff;    background: #99CD3A;}
#mainwrap ul.nav1 li a:hover, #mainwrap ul.nav1 li a:active{    color: #0075b2;    text-decoration: underline;}
#mainwrap ul.nav1 li a.hilite:link, #mainwrap ul.nav1 li a.hilite:visited{    color: #0075b2;    background-color: #99CD3A;    text-decoration: underline;}





input.ok
{
    background-color: #ccffcc;
}
input.changed
{
    background-color: #999999;
}
input.nok
{
    background-color: #ff9999;
}
table.sresults th
{
    background-color: #ccc;
    font-size: 12px;
    padding: 2px;
}
table.sresults td
{
    font-size: 11px;
    padding: 5px 2px 2px 2px;
    border-bottom: 1px solid #ccc;
}
tr.oddrow td
{
    background-color: #eee;
}
tr.evenrow td
{
    background-color: #ccc;
}

div.scroller1
{
    height: 400px;
    overflow: scroll;
}

/* form elts */
input
{
    vertical-align: middle;
}
fieldset li
{
    list-style: none;
    margin: 0;
    text-indent: 0;
    padding: 3px 0 3px 3px;
}
fieldset ol
{
    margin: 0;
    padding: 0;
    text-indent: 0;
}
label
{
    color: #111;
}
fieldset legend
{
    font-weight: bold;
    color: #111;
    padding: 3px;
    display: inline;
}
fieldset
{
    margin: 5px 0;
    padding: 5px;
    color: #111;
    border: 1px solid #ccc;
   
}
fieldset:hover, fieldset.hv
{
    border-color: #8CC63F;
}
fieldset fieldset, fieldset fieldset:hover
{
    padding: 0;
    margin: 0;
    border: none;
    margin: 10px -5px 5px;
    width: 90%;
}
fieldset fieldset legend
{
    font-weight: normal;
    padding: 5px 10px;
}
fieldset fieldset table
{
    margin: 2px 10px;
}
fieldset ol
{
    clear: both;
}
fieldset.day li
{
    display: block;
    width: 110px;
    float: left;
}
fieldset.day ol
{
    margin-left: 10px;
}
input.time
{
    width: 80px;
}

ol.daychecklist li
{
    display: block;
    width: 65px;
    float: left;
}
form
{
    margin: 0;
    padding: 0;
}
/*
fieldset fieldset {  
margin-bottom: -2.5em;  
border-style: none;  
background-color: transparent;  
background-image: none; 
} 
fieldset fieldset legend {  
margin-left: 0;  
font-weight: normal; 
} 
fieldset fieldset ol {  
position: relative;  
top: -1.5em;  
margin: 0 0 0 11em;  
padding: 0; 
} */
fieldset fieldset label
{
    float: none;
    width: auto;
    margin-right: auto;
}
label
{
    text-align: left;
}
label strong
{
    display: block;
    clear: left;
}
table, table.aspnettbl
{
    margin: 0;
    padding: 0;
}
input.tf, textarea.tf, select
{
    display: block;
    width: 200px;
    border: 1px solid #ccc;
    margin: 5px 0 8px 0;
    padding: 2px;
}
input.tf:hover, select:hover, textarea.tf:hover
{
    border-color: #8CC63F;
}
input.tf:focus, select:focus, textarea.tf:focus
{
    border-color: #668d1e;
}
textarea.tf
{
    width: 400px;
    overflow: auto;
    height: 150px;
}
.btnBack
{
    margin: 0 40px 5px 20px;
    display: inline-block;
    padding: 5px;
}
.btnNext
{
    margin: 0 20px 5px 10px;
    font-weight: bold;
    display: inline-block;
    padding: 5px;
}
ol.daychecklist li .dis
{
    color: #eee;
}
ol.daychecklist li span.inpool label
{
    font-weight: bold;
    color: #000;
}
/*ol.daychecklist li .dis{color:#eee;}*/


tr.contacts1 td
{
    padding-top: 5px;
    padding-bottom: 5px;
}
tr.contacts2 td
{
    padding-bottom: 3px;
    border-bottom: 1px solid #ccc;
}
tr.inbox1 td
{
    padding-top: 5px;
}
tr.inbox4 td
{
    padding-bottom: 3px;
    border-bottom: 1px solid #ccc;
}
tr.outbox1 td
{
    padding-top: 5px;
}
tr.outbox4 td
{
    padding-bottom: 3px;
    border-bottom: 1px solid #ccc;
}

/* clock picker */

#CP_hourcont {
padding: 0px;
position:absolute;
border:1px solid #666666;
background-color:#999999;
color:white;
display:none;
}

#CP_minutecont {
background-color:#aaaaaa;
color:white;
padding: 1px;
position:absolute;
width:45px;
display:none;
}

.floatleft {
float:left;
}

.CP_hour {
padding:1px;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
white-space:nowrap;
cursor:pointer;
width:35px;
}

.CP_minute {
padding:1px;
/*background-color:#dddddd;*/
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
white-space:nowrap;
cursor:pointer;
width:auto;
}

.CP_over {
background-color:#333333;
}
/*
#CP_hourcont
{
    color: #000;
    padding: 0px;
    position: absolute;
    border: 1px solid #333;
    background-color: #ccc;
}
#CP_minutecont
{
    color: #000;
    padding: 1px;
    position: absolute;
    background-color: #ccc;
    width: 50px;
}
.CP_hourcol
{
    float: left;
}
.CP_hour
{
    padding: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    white-space: nowrap;
    cursor: pointer;
    width: 35px;
}
.CP_minute
{
    padding: 2px;
    background-color: #ccc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    white-space: nowrap;
    cursor: pointer;
    width: auto;
}
.CP_over
{
    background-color: #FFFFFF;
}
*/
/* ajax stuff */
div.update
{
    z-index: 100;
    border: solid 1px #f00;
    font-weight: bold;
    position: relative;
    background-color: #fff;
    padding: 50px auto;
}
.modalOverlay
{
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: #000;
    position: fixed;
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    opacity: 0.50;
}
.AJLoad
{
    background-color: #fff;
    color: #000;
    top: 50%;
    position: relative;
    width: 50px;
    margin: 0 auto;
    z-index: 101;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}

/*  thickbox Fonts */
#TB_window
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #111;
}
#TB_secondLine
{
    font: 10px Arial, Helvetica, sans-serif;
    color: #111;
}
#TB_window a:link, #TB_window a:visited
{
    color: #333;
}
#TB_window a:hover, #TB_window a:active, #TB_window a:focus
{
    color: #000;
}
/* thickbox settings */
#TB_overlay
{
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: #000;
    position: fixed;
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    opacity: 0.50;
}
#TB_window
{
    position: fixed;
    background: #fff;
    z-index: 102;
    color: #000;
    display: none;
    border: 4px solid #666;
    text-align: left;
    top: 50%;
    left: 50%;
}
#TB_window img#TB_Image
{
    display: block;
    margin: 15px 0 0 15px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}
#TB_caption
{
    height: 25px;
    padding: 7px 30px 10px 25px;
    float: left;
}
#TB_closeWindow
{
    height: 25px;
    padding: 11px 25px 10px 0;
    float: right;
}
#TB_closeAjaxWindow
{
    padding: 7px 10px 5px 0;
    margin-bottom: 1px;
    text-align: right;
    float: right;
}
#TB_ajaxWindowTitle
{
    float: left;
    padding: 7px 0 5px 10px;
    margin-bottom: 1px;
}
#TB_title
{
    background-color: #e8e8e8;
    height: 27px;
}
#TB_ajaxContent
{
    clear: both;
    padding: 2px 15px 15px 15px;
    overflow: auto;
    text-align: left;
    line-height: 1.4em;
}
#TB_ajaxContent.TB_modal
{
    padding: 15px;
}
#TB_ajaxContent p
{
    padding: 5px 0px 5px 0px;
}
#TB_load
{
    position: fixed;
    display: none;
    height: 13px;
    width: 208px;
    z-index: 103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
#TB_HideSelect
{
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    border: none;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
}
#TB_iframeContent
{
    clear: both;
    border: none;
    margin-bottom: -1px;
    margin-top: 1px;
    _margin-bottom: 1px;
}