﻿@import url("https://fonts.googleapis.com/css?family=Raleway:400,900italic,100,100italic,200,200italic,300,300italic,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900");

body
{

    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    background-color:#003768;
}

.driver-btn {
    width: 160px;
}

input.readonly {
   opacity : .10;
   filter  : alpha(opacity=10); /* IE<9 */
   cursor  : default;
}
.GridViewStyle
{
    border-right: 2px solid #A7A6AA;
    border-bottom: 2px solid #A7A6AA;
    border-left: 2px solid white;
    border-top: 2px solid white;
    padding: 4px;
}

.GridViewStyle a
{
    color: #FFFFFF;
}

.GridViewHeaderStyle th
{
    border-left: 1px solid #20202C;
    border-right: 1px solid #20202C;
}

.GridViewHeaderStyle
{
    background-color: #3399FF;
    font-weight: bold;
    color: White;
}

.GridViewFooterStyle
{
    background-color: #3399FF;
    font-weight: bold;
    color: White;
}

.GridViewRowStyle
{
    background-color: #F7F6F3;
    color: #333333;
}

.GridViewAlternatingRowStyle
{
    background-color: #FFFFFF;
    color: #284775;
}

.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{
    border: 1px solid #20202C;
}

.GridViewSelectedRowStyle
{
    background-color: #E2DED6;
    font-weight: bold;
    color: #333333;
}

.GridViewPagerStyle
{
    background-color: #284775;
    color: #FFFFFF;
}

.GridViewPagerStyle table /* to center the paging links*/
{
    margin: 0 auto 0 auto;
}
table
{
    border-collapse: collapse;
    /*width: 713px;*/
}
/*for tables where user selects client / enters data */
table.start
{
    border-width: 1px;
    border-style: solid;
    border-color: black;
    border-collapse: collapse;
    background-color: white;

}
table.start th
{
    border-width: 1px;
    padding: 3px;
    border-style: dotted;
    border-color: gray;
    background-color: white;
}
table.start td
{
    border-width: 1px;
    padding: 3px;
    border-style: dotted;
    border-color: gray;
    background-color: white;
}
table.main
{
    border-width: 1px;
    width: 1000px;
    height: 400px;
    vertical-align: top;
    border-style: solid;
    border-color: black;
    border-collapse: collapse;
    background-color: white;

}
table.main td
{
    vertical-align: top;
    padding-left: 5px;
}
.buttonStyle
{
    background-color: #3399FF;
    background-image: none;
    border-style: solid;
    border-width: 1px;
    border-color: Gray;
    color: #FFFFFF;

}

.newButtonStyle  {
    background-color: #CB5828;
    background-image: none;
    border-style: none;
    border-width: 0;
    border-radius:10px;
    padding:20px;

    color: #FFFFFF;
     font-size:10pt;
    font-family:'Open Sans';
    font-weight:bold;
    margin:8px;
}
.newTextBoxStyle  {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: white;
    background-image: none;
    border-style: none;
    border-width: 0;
    border-radius:10px;
     padding:14px;

    color: #000000;
     font-size:10pt;
    font-family:'Open Sans';
    font-weight:bold;
    margin:8px;
}






.topHeader {
        background-color: #cb5828;
         font-size:8pt;
    font-family:'Open Sans';

    font-weight:normal;
    height:38px;
    color:#FFFFFF;
}
    .topHeader a {
         font-family:'Open Sans';
        font-weight:normal;
        color:#FFFFFF;
        text-decoration: none;
    }
.bottomHeader {
    height:115px;
        background-color: #FFFFFF;
         font-size:18pt;
    font-family:'Raleway';
    font-weight:900;
    color:#003768;
}


#navigation{
width:100%;
height:30px;
vertical-align:middle;
background-color:#20202C;
}

#navigation ul
{margin:0px; padding:0px;}


#navigation ul li
{display:inline; height:30px; float:left; list-style:none; margin-left:30px;}

#navigation li a
{color:#fff; text-decoration:none;}

#navigation li a:hover
{text-decoration:underline;}



/* Menu links */
a.menu:link {color: #20202C; background: #ffffff; }
a.menu:active {color: #20202C; background: #ffffff; }
a.menu:visited {color: #20202C; background: #ffffff; }
a.menu:hover {color: #000; background: #ffffff; font-style: normal; text-decoration:underline;}



.section_header
{
    background-color: #20202C;
    color: #FFFFFF;
    padding-left: 3px;
    padding-top:2px;
    padding-bottom:4px;
}

.crumbs
{
    background-color: #FFFFFF;

    padding-top:4px;
    padding-bottom:5px;
}





table.box_section
{
    border-width: 1px;
    padding-left:2px;
    padding-top:2px;
    margin-bottom:3px;
    vertical-align: top;
    border-style: solid;
    border-color: black;
    border-collapse: collapse;
    background-color: white;

}


.LoginSection {
}
    .LoginSection table, th, tr, td, tbody, .crumbs, table.main {
        border:none;
        background-color:transparent;
    }