@import url('https://fonts.googleapis.com/css?family=Lato:300,400,900');

* {
    margin:0;
}

form
{
    /*height: 100%;*/
}

html, body
{
    height: 100%;
    /*overflow: hidden;*/
}

body
{
    margin: 0;
    padding: 0;
    font-family: 'Lato', Arial, sans-serif;
    background-color:#FFFFFF;
    overflow: auto;
    text-align: center;
    line-height: 28px;
    letter-spacing: 0.48px;
    color: #555555;
    font-size: 15px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

table
{
    border:0px solid #333333;
}
td, th{
    border:0px solid #333333;
}

h1, h2, h3, h4
{
    font-family: 'Lato', Arial, sans-serif;
    color: #434241;
    padding: 0;
    margin: 6px 0;
    line-height: 1.2;
    font-weight: 900;
    font-style: normal;
}

h1
{
    font-size: 30px;
}

h2
{
    font-size: 20px;
}

h3
{
    font-size: 14px;
}
h4
{
    font-size: 12px;
}

input, textarea, select
{
    font-family: 'Lato', Arial, sans-serif;
    font-size: 11px;
    color: #333333;
}

p
{
    text-align: center;
    font-family: Lato;
    font-weight: 300;
    font-style: normal;
    padding: 20px;
    font-size: 15px;
}

a:link
{
    color: #00a5e8;
}
/* unvisited link */
a:visited
{
    color: #00a5e8;
}
/* visited link */
a:hover
{
    color: #434241;
}
/* mouse over link */
a:active
{
    color: #FF6600;
}
/* selected link */

#pageWrapper
{
    /*border: 1px dotted black;*/
    margin: 0 auto;
    padding: 10px 10px 0 10px; /*width: 838px;*/
    max-width: 838px; /*background-color: #DBDBDB;*/    
}

div.wide
{
    max-width: 980px !important;    
}

#loginStatus
{
    text-align:right;
}

div.menu
{
    /*not used */
}

#siteMenu
{
    height: 32px;
    background-color: white;
    padding: 0px 10px; /* border:1px solid cyan;       */
}


/* Cannt get this to work
.pageWrapper
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -40px;
}
div.footer, div.push
{
    height: 40px; 
)
*/
div.footer
{
    padding: 4px 10px;    
    margin: 0 auto;
    max-width: 838px;
    /*background-color: #DFDFDF;
    border: 0px dotted black;*/
}

.q-section
{
    min-width: 520px;
    border: 0px dotted magenta;
}


/* apply this to div*/
.row
{
    clear: both;
    padding: 4px 4px 4px 4px; /*padding-top: 4px;*/ /*background-color: #DFEFFF;     border: 1px solid #CCCCCC;*/
}

/* apply this to label.span*/
.question
{
    display: block;
    float: left;
    text-align: left;
    padding: 0;
    width: 300px; 
}
/* apply this to div*/
.answer
{
    float: left;
    text-align: left;
    padding: 0 2px; /*border: 1px solid #333333; /*margin-bottom: 1em;*/
}

select.ddl
{
    width: 150px;
}
.rbl
{
    text-align: left;
}

span.rbl label {
    padding:0 4px 0 2px;
    /*color:Red;*/
}

div.loginControls
{
    width: 420px;
    padding: 10px;
    margin: 0 auto;
    border: 0px solid silver;
}

div.loginControls .leftCol
{
    width: 120px;
    min-width: 120px;
    text-align: left;
}


table.grd
{
    /*gridview*/
    border:1px solid #0082B9;
    border-collapse: separate;
    border-spacing: 2px; /*font-size:11px; */ /*padding: 4px;*/
}

.grd select
{
    font-size: 11px;
}

.grd th, .grd td
{
    font-size: 11px;
    padding: 4px;
    vertical-align: middle;
}

.grd-header-row th
{
    color: white;
    background-color: #0082B9;
}

.grd-odd-row td
{
    background-color: #DCF0F5;
}

.grd-even-row td
{
    background-color: white;
}

th.left, td.left
{
    text-align: left;
}
th.center, td.center
{
    text-align: center;
}

th.right, td.right
{
    text-align: right;
}

/* wide enough for a longer email address*/
.textInput
{
    width: 240px;
    min-width: 240px;
}
.pswdInput
{
    width: 140px;
    min-width: 140px;
}
.usernameInput
{
    width: 240px;
    min-width: 240px;
}

.emphasis
{
    font-weight: bold;
    color: #0091CE;
}

.errorText, .alert
{
    color: Red;
}

.info
{
    color: #009933;
}

.floatLeft
{
    float: left;
    text-align: left;
}

.floatRight
{
    float: right;
    text-align: left;
}



.buttons
{
    padding: 10px;
    text-align: center;
}

.button {
    z-index:1000;
    font-family: 'Lato', Arial, sans-serif;
    font-weight: 900;
    font-size: 12px;
    border-radius: 2px;
    border-width: 2px;
    border-color: #00a5e8;
    border-style: solid;
    background: #ffffff;
    color: #00a5e8;
    text-transform: uppercase;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    line-height: 1.4em;
    padding: 21px 42px;
    cursor: pointer;
}

.button:hover
{
    background: #00a5e8;
    color: #fff;
}
.button.small
{
    font-size: 80%;
    padding: 3px 7px;
}
.button.small:hover
{
    background-position: 0 -50px;
}
.button.large
{
    font-size: 125%;
    padding: 7px 12px;
}
.button.large:hover
{
    background-position: 0 -35px;
}

.button.blue
{
    background-color: #00a1e5;
}
.button.orange
{
    background-color: #FF802B;
}

div.divider
{
    width: 100%; /*display:block;*/
    padding-top: 4px;
    margin-bottom: 4px;
    clear: both;
}

div.stripes > div:nth-child(even)
{
    background-color: #ffffff;
}
div.stripes > div:nth-child(odd)
{
    background-color: #E4E4E4;
}

/* slightly enhanced, universal clearfix hack
http://perishablepress.com/css-hackz-series-clearing-floats-with-the-clearfix-hack/
*/
.clearfix:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    line-height: 0;
    content: " ";
    clear: both;
    height: 0;
    width: 0;
}
.clearfix
{
    clear: both;
    display: inline-block;
}

/* Hides from IE-mac */
/* start commented backslash hack \*/
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
/* stop commented backslash hack */

.modalBackground
{
    background-color: #808080;
    opacity: 0.80;
    filter: alpha(opacity=80);
}

.modalPopup
{
    padding: 20px;
    border: 8px solid #666666;
    background-color: white;
}

.vc_sep_pos_align_center {
    margin-left: auto;
    margin-right: auto;
}

.vc_sep_width_10 {
    width: 10%;
}

.vc_separator {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 35px !important;
    margin-bottom: 15px !important;
}
.vc_separator.vc_separator_no_text:not(.vc_sep_shadow) .vc_sep_holder_l {
    width: 100%;
}

.vc_separator .vc_sep_holder {
    height: 1px;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 10%;
}

.vc_separator.vc_sep_border_width_2 .vc_sep_holder .vc_sep_line {
    border-top-width: 2px;
}

.vc_separator .vc_sep_holder .vc_sep_line {
    height: 1px;
    border-top: 1px solid #EBEBEB;
    display: block;
    position: relative;
    top: 1px;
    width: 100%;
}