﻿/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #443E37;
   
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #443E37;
}

a:link, a:visited
{
    color: #257999;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #443E37;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #443E37;
    text-transform: none;


}

h1
{
    font-size: 1.9em;
    padding-bottom: 0px;
    margin-bottom: 0px;
    /*font-family:Sintony;*/
    font-weight: 600;
}

h2
{
    font-size: 14px;
    font-weight: bold;
}

h3
{
    font-size: 12px;
    font-weight:bold;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

textarea {font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; font-size:1em;}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    /*width: 960px;*/
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #443E37;
}

.header {
  
  
     padding: 10px 2px 10px 2px;
     padding-bottom: 10px !important;
   color: #2E342C;
  
}


.header h1
{
    font-weight: 700;
  
    color: #443E37;
   
}

.lowerheader
{
    /*background:url('../styles/images/lowerheader.gif') 0px 0px no-repeat;*/
    min-height:23px;
    margin-top:1px;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#443E37;
    width:100%;
    margin-top:28px;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #443E37;
    border: 1px #443E37 solid;
    color: #443E37;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #443E37;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #443E37;
    color: #443E37;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
    margin-left:400px;
    color:#443E37;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

/*//////////////////////////////////////////

/*help*/
.helpDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    /*padding: 5px 10px 0;*/
    color: White;
    float:right;

}

.helpDisplay a
{
    float:right;

}
.helpDisplay a:link
{
    color: white;
     float:right;
}

.helpDisplay a:visited
{
    color: white;
}

.helpDisplay a:hover
{
    color: white;
}

.float-right {
    float: right;
}

#qorp {cursor:pointer;}
/*end help*/

/* messages */
div.error {clear:both; border:solid 1px red; padding:5px 10px; margin:10px 0; background:url('') 840px 10px no-repeat #fdf0f1;}
div.error h2 {color:Red;  margin:0 0 -10px 0; }
div.error p {font-style:italic;color:#443E37; width:800px;}
/*div.accountform div.error p {font-style:italic;color:#333333; width:450px;}
div.pane div.error p {width:800px;}*/

div.success {clear:both;border:solid 1px #2E342C; padding:5px 10px; margin:10px 0; background:url('') 840px 10px no-repeat #257999;}
div.success h2 {color: #fff;  margin:0 0 -10px 0; }
div.success h1 {color: #fff;  margin:0 0 -10px 0; font-size:18px; }
div.success p {font-style:italic;color:#fff; }
/*div.accountform div.success p {font-style:italic;color:#333333; width:450px;}
div.pane div.success p {width:800px;}
tr.success {color:Green; background-color:#f1fdf0;}
tr.failure {color:Red; background-color:#fdf0f1; text-align:center; font-weight:bold;}*/


div.message clear:both;{border:solid 1px #007c99; padding:5px 10px; margin:10px 0;  background:url('') 850px 5px no-repeat #edfafd;}
div.message h2 {color:#007c99; margin:0 0 -10px 0;}
div.message p {font-style:italic;color:#333333; width:800px;}
/*div.accountform div.message p {font-style:italic;color:#333333; width:450px;}*/
/* end messages */

.borderTop {border-top:solid 1px #999; margin-top:20px; width:100%; padding-top:10px;}
.borderBottom {border-bottom:solid 1px #999; margin-bottom:20px; width:100%; padding-bottom:10px;}

.input {padding:3px 5px;}
.inputFocus {background-color: #f9fbb8;}

#btnSearch
{
    color: #000000;
    cursor:pointer;
    border-radius: 5px;
    border: 0;
    height:25px;
    font-family: Tahoma;
    background: #F1FDF0;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f4f4f4 1%, #cccccc 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f4f4f4), color-stop(100%, #cccccc));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f4f4 1%, #cccccc 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f4f4 1%, #cccccc 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f4f4 1%, #cccccc 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f4f4f4 1%, #cccccc 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
}
#btnSearch.green 
{
    color: #443E37;
    cursor:pointer;
    border-radius: 5px;
    border: 0;
    height:25px;
    font-family: Tahoma;
    background: #F1FDF0;
    /* Old browsers */
    background: -moz-linear-gradient(top, #F1FDF0 1%, #cccccc 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F1FDF0), color-stop(100%, #cccccc));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F1FDF0 1%, #cccccc 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F1FDF0 1%, #cccccc 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #F1FDF0 1%, #cccccc 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #F1FDF0 1%, #cccccc 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1FDF0', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
}

/* disclaimer styles */
a.disclaimerOpener {font-weight:normal;}
#HomeDisclaimerMsg {border-top:solid 1px #ccc;}
#HomeDisclaimerAlert, #HomeDisclaimerStatus {font-weight:bold; display:none;}

/* end disclaimer styles */

.center {text-align:center;}

.printonly {display:none;}