/* ================================
    CSS STYLES FOR THE PORTAL STATER KIT
    v1.0, 10/2002
   ================================
*/

#myImage {
    height: 100%;
    width: 100%;
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

/* or */

#wrapper {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
    background-color: #000;
}

.bgimg {
    background-image: url('../images/truck.jpg');
}

/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
    /*background-color: #008040;*/
    /*background-color: silver;*/
    background-color: #578EBE;
}

/* background color for the menu bar at the top of the page  */
.MenuBg {
    background-color: #444;
}

/* background color for the content part of the pages */
body {
    color: #666 ;
    background-color: #f8f8f8;
    font-family: 'Open Sans';
}
/* wingding font for the start time default clock */
.WingDing {
    font-family: Wingdings;
    color: Red
}

/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle {
    font-family: 'Helvetica Neue', Jura Bold, sans-serif ;
    font-size: 28px;
    font-weight: 400;
    color: White;
    vertical-align: middle
}

/* background/border colors for the selected tab */
.TabBg {
    /*border: 1px solid #444;
	background-color: #444;*/
    text-align: center;
    padding: 10px 18px 5px;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg {
    /*border: 1px solid #666;*/
    background-color: #f6f6f6;
    text-align: center;
    padding: 10px 18px 5px;
}

/* text style for the selected tab */
.SelectedTab {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: rgb(54, 198, 211);
    color: rgba(54, 198, 211, 1);
}

.OtherTabsBg > .TabBg {
    border-bottom: 4px solid #222;
}

/* text style for the unselected tabs */
.OtherTabs {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #666666;
    text-decoration: none;
}

/* hyperlink styles of the unselected tabs */
A.OtherTabs:link {
    text-decoration: none;
}

A.OtherTabs:visited {
    text-decoration: none;
    color: #888;
}

A.OtherTabs:active {
    text-decoration: none;
    color: #f4f4f4;
}

A.OtherTabs:hover {
    text-decoration: underline;
    /*color:white;*/
}

/* text style for the site links (at extreme top-right of header) */
.SiteLink {
    font-family: 'Open Sans', Jura, sans-serif ;
    font-size: .9em;
    font-weight: 400;
    color: #f3f9ff;
}

/* hyperlink style for the site links */
A.SiteLink:link {
    text-decoration: none;
}

A.SiteLink:visited {
    text-decoration: none;
}

A.SiteLink:active {
    text-decoration: none;
    color: gainsboro;
}

A.SiteLink:hover {
    text-decoration: underline;
    color: white;
}

/* style for separator between site links */
.Accent {
    color: white !important;
    font-weight: bold;
}

.Accent2 {
    color: #f4CD72;
    font-weight: bold;
}

/* Calendar Date Picker styles */
.CalendarTime {
    display: block;
}

.CalendarNoTime {
    display: none;
}


/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */
.Message {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    background-color: #eeeeee
}

/* style of item titles by Announcements and events */
.ItemTitle {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: White;
}

/* style of item titles by Announcements and events */
.Copyright {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 9px;
    color: White;
}


/* GENERAL */
/* style for module titles */
.Head {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #777;
}

/* style of item titles on edit and admin pages */
.SubHead {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: darkred;
}
/* style of the wizard for signup */
.SignUpWizard {
    background: White;
    border: outset 1px black;
    border-style: solid;
    border-color: #016200;
    border-width: 1px;
    font-family: Jura, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px
}

.SUWStepStyle {
    background-color: Green;
    border-width: medium;
    border-style: Outset;
}
/* style of the schedule sort/filter header */
.SchedHead {
    background: White;
    border-style: solid;
    border-color: #016200;
    border-width: 1px;
    font-family: Jura, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px
}

.SchedHeadTitle {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 11px;
    color: white;
    background: #016200;
}

.SchedGridHead {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: white;
    background: #016200;
}

.SchedGrid {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    padding: 1px;
    border: solid 1px black;
}

.SchedGridItem {
    background: whitesmoke;
    border: solid 1px black;
}

.SchedGridAltItem {
    background: gainsboro;
    border: solid 1px black;
}

.SchedGridTraineeItem {
    background-color: darkgray;
}
/* style of grid header */
.GridHead {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: white;
    background: #016200;
}
/* style of grid items*/
.Grid {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    background: whitesmoke;
    border-color: lightgray;
    border-width: 1px;
    padding: 3px;
}

/* style of grid alternating items*/
.GridAltItem {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    background: gainsboro;
    border-color: Black;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: black;
}
/* text style used for highlighted text of driver name in schedule grid */
.HighLight {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
}

.NormalSpanish {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px
}

/* text style used for most text rendered by modules */
.Normal {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px
}

.Medium {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: darkred;
}

.Small {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 8px;
    font-weight: normal;
    line-height: 12px
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
}

.NormalRed {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: red
}

.NormalWhite {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: white
}

.NormalBold {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton {
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration: underline;
    color: #016200;
}

A.CommandButton:visited {
    text-decoration: underline;
    color: #016200;
}

A.CommandButton:active {
    text-decoration: underline;
    color: #016200;
}

A.CommandButton:hover {
    text-decoration: underline;
    color: Black;
}




/* GENERIC */
H1 {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #666644;
}

H2 {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #666644;
}

H3 {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: darkred;
}

H4 {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: darkred;
}

H5, DT {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: darkred;
}

H6 {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: darkred;
}

TFOOT, THEAD {
    font-family: Jura, Helvetica, sans-serif;
    font-size: 12px;
    color: darkred;
}

TH {
    vertical-align: baseline;
    font-family: Jura, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: darkred;
}

/*A:link  {
    text-decoration:    none;
    color:  #016200;
}

A:visited   {
    text-decoration:    none;
    color:  #016200;
}

A:active    {
    text-decoration:    none;
    color:  #016200;
}

A:hover {
    text-decoration:    underline;
    color:  Black;
}*/

SMALL {
    font-size: 8px;
}

BIG {
    font-size: 14px;
}

BLOCKQUOTE, PRE {
    font-family: Lucida Console, monospace;
}


UL LI {
    list-style-type: square;
}

    UL LI LI {
        list-style-type: disc;
    }

        UL LI LI LI {
            list-style-type: circle;
        }

OL LI {
    list-style-type: decimal;
}

OL OL LI {
    list-style-type: lower-alpha;
}

OL OL OL LI {
    list-style-type: lower-roman;
}

HR {
    color: dimgrey;
    height: 1pt;
    text-align: left
}



/* Report Page */
.ReportName {
    width: 200px;
    text-align: left;
    vertical-align: middle;
}

.ReportLink {
    width: 50px;
    text-align: left;
    vertical-align: middle;
}

.ReportLabel70 {
    width: 70px;
    text-align: right;
    vertical-align: middle;
    padding-right: 3px;
}

.ReportLabel100 {
    width: 100px;
    text-align: right;
    vertical-align: middle;
    padding-right: 3px;
}

.ReportLabel120 {
    width: 120px;
    text-align: right;
    vertical-align: middle;
    padding-right: 4px;
}

.ReportLabel160 {
    width: 160px;
    text-align: right;
    vertical-align: middle;
    padding-right: 4px;
}

.ReportInput {
    width: 130px;
    text-align: left;
    vertical-align: middle;
}

.ReportControl {
    height: 22px;
    width: 100%;
}

.ReportAlignTop {
    vertical-align: top;
}