/* DEFAULTS
----------------------------------------------------------*/
html, body, form
{
   font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
   font-size: small; /* background: #42413C;  */
   margin: 0;
   padding: 0;
   color: #000; /*background-image:url("master_images/backgroundmaster.jpg"); */ /* background-repeat:no-repeat; */
   background-attachment: fixed;
   background-repeat: repeat;
   height: 100%;
   width: 100%;
}

a:link, a:visited
{
   color: #034af3;
}
a:hover
{
    color: #00FFFF;
    text-decoration: none;
}
a:active
{
   color: #034af3;
}
p
{
   margin-bottom: 10px;
   line-height: 1.6em;
}
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
   font-size: 1.5em;
   color: #666666;
   font-variant: small-caps;
   text-transform: none;
   font-weight: 200;
   margin-bottom: 0px;
}
h1
{
   font-size: 1.6em;
   padding-bottom: 0px;
   margin-bottom: 0px;
   text-transform: none;
}
h2
{
   font-size: 1.5em;
   font-weight: 600;
   text-transform: none;
}
h3
{
   font-size: 1.2em;
}

h4
{
   font-size: 1.1em;
}

h5, h6
{
   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
{
   min-height: 100%;
   width: 100%;
   height: 100%;
   background-color: #E6FFF2;
   margin: 0px auto 0px auto;
}
.header
{
   position: relative;
   margin: 0px;
   padding: 0px;
   background: #C0C0C0;
   width: 100%;
   font-family: Arial, Helvetica, sans-serif;
   background-image: url('../Images/HeaderWhiteChrome.png');
}
.header h1
{
   font-weight: 700;
   margin: 0px;
   padding: 0px 0px 0px 5px;
   color: #333399;
   border: none;
   line-height: 1em;
   font-size: medium;
   font-family: Arial, Helvetica, sans-serif;
   text-transform: none;
}
.header h2
{
   font-weight: 500;
   margin: 0px;
   padding: 0px 0px 0px 5px;
   color: #006600;
   border: none;
   line-height: 1em;
   font-size: small;
   font-family: Arial, Helvetica, sans-serif;
   text-transform: none;
   font-style: normal;
   font-variant: normal;
   text-decoration: underline;
}
.leftCol
{
   padding: 6px 0px;
   margin: 12px 8px 8px 5px;
   width: 200px;
   min-height: 200px;
}
.main
{
   min-height: 100%;
   position: relative; /* padding: 0px 12px;     margin: 3px;     min-height: 420px; */
   overflow: auto;
   padding-bottom: 0px;
   padding-left:5px;
   /* margin-left:5px; */
   margin-top:1px;
   background-color: #E6FFF2;
}
.footer
{
   /* top: auto; */
   position: relative;
   height: 20px;
   bottom: 0;
   width: 100%;
   background: #000000;
   color: #FFFF00;
   padding: 0px 0px 0px 0px;
   margin-top: -20px;
   margin: 0px auto;
   text-align: center;
   line-height: normal;
   font-size: x-small;
   text-transform: none;
   font-weight: bold;
   font-style: normal;
   font-variant: normal;
   font-family: Arial, Helvetica, sans-serif;
   word-spacing: normal;
   letter-spacing: normal;
   background-image: url('../Images/HeaderGlassBlack.png');
   clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}




/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
   background-color: #E6FFF2;
   width: 100%;
   font-family: Arial, Helvetica, sans-serif;
   font-size: small;
}


div.menu
{
   padding: 4px;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 10px;
   white-space: normal;
   background-color: #CCFFCC;
   background-image: none;
   border: thin solid #000080;
   margin: 5px;
   background-repeat: repeat;
   font-size: small;
   font-weight: 600;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   color: #000000;
   position: relative;
   z-index: 1000;
   visibility: visible;
   cursor: pointer;
}

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: #000000;
   border: 1px #4e667d solid;
   color: #dde4ec;
   display: block;
   line-height: 1.35em;
   padding: 4px 20px;
   text-decoration: none;
   white-space: nowrap;
}

/* background-image: url('../Images/HeaderSoftGrey.png'); WAS HEADERGLASSBLACK */

div.menu ul li a:hover
{
    background-color: #000000;
    color: #00FFFF;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
}

div.menu ul li a:active
{
   background-color: #CCFFCC;
   color: #cfdbe6;
   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  
----------------------------------------------------------*/

.clearm
{
   clear: both;
}

.title
{
   display: block;
   float: left;
   text-align: left;
   width: auto;
   font-family: Arial, Helvetica, sans-serif;
   text-transform: none;
}

.loginDisplay
{
   font-size: 1.1em;
   display: block;
   text-align: right;
   padding: 10px;
   color: #000066;
}

.loginDisplay a:link
{
   color: #000066;
}

.loginDisplay a:visited
{
   color: #000066;
}

.loginDisplay a:hover
{
   color: #000066;
}

.failureNotification
{
   font-size: 1.2em;
   color: Red;
}

.bold
{
   font-weight: bold;
}

.submitButton
{
   text-align: right;
   padding-right: 10px;
}
/*GridViewCSS Glass Black Style*/
.gvGridViewStyle
{
   font-family: Arial, Sans-Serif;
   font-size: small;
   table-layout: auto;
   border-collapse: collapse;
   border: thin solid #000099;
   z-index: -1;
   float: none;
}
/*Header and Pager styles*/
.gvHeaderStyle, .gvPagerStyle
{
   background-image: url('../Images/HeaderSoftGrey.png');
   background-position: center;
   background-repeat: repeat-x;
   background-color: #C0C0C0;
   font-weight: bold;
   color: #FF00FF;
}
.gvHeaderStyle th
{
   padding: 5px;
   color: #ffffff;
}
.gvHeaderStyle a
{
   text-decoration: none;
   color: #ffffff;
   display: block;
   text-align: left;
   font-weight: normal;
}
.gvPagerStyle table
{
   text-align: center;
   margin: auto;
}
.gvPagerStyle table td
{
   border: 0px;
   padding: 5px;
}
.gvPagerStyle td
{
   border-top: #1d1d1d 3px solid;
}
.gvPagerStyle a
{
   color: #ffffff;
   text-decoration: none;
   padding: 2px 10px 2px 10px;
   border-top: solid 1px #777777;
   border-right: solid 1px #333333;
   border-bottom: solid 1px #333333;
   border-left: solid 1px #777777;
}
.gvPagerStyle span
{
   font-weight: bold;
   color: #FFFFFF;
   text-decoration: none;
   padding: 2px 10px 2px 10px;
}
/*RowStyles*/
.gvRowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/
{
   padding: 5px;
   border-right: solid 1px #1d1d1d;
}
.gvRowStyle td
{
   background-color: #c9c9c9;
}
.gvAltRowStyle td
{
   background-color: #f0f0f0;
}
.gvSelectedRowStyle td
{
   background-color: #ffff66;
}
.gvTruckStopRow td
{
   background-color: #00FFFF;
   width: 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: xx-small;
   font-weight: bold;
   font-variant: normal;
   text-transform: none;
   max-width:15px;
}