/*BEGIN STYLE SHEET*/
/*APPLICATION:  Online Traffic School - Version 1 HTML Prototype*/
/*DEPARTMENT: General Sessions Court */
/*PREPARED BY: Melanie Carter, ITS Application Development, 06/02/2005*/

/*BEGIN MENU SETTINGS: This area contains class settings for jave pop-up menu that is being used as an example.*/

ul li
{
    margin-bottom: 6px;
    margin-right: 4px;
}

.menutable
{
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    color: #4b6e0f;
    vertical-align: text-bottom;
}

#SectionForAllContent
{
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
    float: none;
    width: 750px;
    border: none !important;
    background-image: url(IMAGES/dropShadow04.gif);
    background-repeat: repeat;
}

.menutable a:link
{
    color: #4b6e0f;
    text-decoration: none;
}

.menutable a:visited
{
    color: #4b6e0f;
    text-decoration: none;
}

.menutable a:hover
{
    color: #4b6e0f;
    text-decoration: underline;
}

.gridLink a:link
{
    color: #4b6e0f;
    text-decoration: none;
}

.gridLink a:visited
{
    color: #4b6e0f;
    text-decoration: none;
}

.gridLink a:hover
{
    color: #4b6e0f;
    text-decoration: underline;
}

#mouseoverstyle
{
    background-color: #ffffff;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    color: #4b6e0f;
}

#mouseoverstyle a
{
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10pt;
    font-style: normal;
    color: #4b6e0f;
}

/*BEGIN PAGE MAIN SETTINGS:  This area  contains the color requirements for the main page background.  */

.body
{
    margin: 0px;
    background-color: #f0f0cc;
}

.mainbackground
{
    position: relative;
    top: -20;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background-color: #ffffff;
}

/*BEGIN PAGE HEADER SETTINGS: This area contains class settings for the page header that typically contains the application logo and/or images.*/
.pageheader
{
    position: relative;
    top: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    font-style: italic;
}


.greenTableHeader
{
    color: #4b6e0f;
    font-weight: bold;
}

.blackTableHeader
{
    color: #000000;
    font-weight: bold;
}

.tanAltTableRow
{
    background-color: #f9f9e9;
}

.divTitle
{
    left: 196px;
    width: 398px;
    position: absolute;
    top: 14px;
    height: 1px;
}

.pageheaderbackground
{
    position: relative;
    top: 0;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #ffffff;
    padding: 0;
    background-repeat: no-repeat;
    margin: 0;
    height: 60;
    background-image: url(images/hb.gif);
}

.pagemenubar
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #4b6e0f;
    background-color: #ffffff;
    font-style: normal;
    vertical-align: text-bottom;
    text-align: left;
    font-weight: bold;
}

.pagemenubar a:link
{
    color: #4b6e0f;
    text-decoration: none;
}

.pagemenubar a:visited
{
    color: #4b6e0f;
    text-decoration: none;
}

.pagemenubar a:hover
{
    color: #4b6e0f;
    text-decoration: underline;
}

/*BEGIN PAGE CONTENT SETTINGS: This area contains class settings for the left navigation and primary content area of the page.  */

.pagetitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color: #4b6e0f;
}

.pagesubtitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #4b6e0f;
    vertical-align: top;
}

.pagesubtitle a:link
{
    color: #4b6e0f;
    text-decoration: none;
}

.pagesubtitle a:visited
{
    color: #4b6e0f;
    text-decoration: none;
}

.pagesubtitle a:hover
{
    color: #4b6e0f;
    text-decoration: underline;
}
.breadcrumbs
{
    padding-right: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #4b6e0f;
}

.breadcrumbs a:link
{
    color: #4b6e0f;
    text-decoration: none;
}

.breadcrumbs a:visited
{
    color: #4b6e0f;
    text-decoration: none;
}

.breadcrumbs a:hover
{
    color: #4b6e0f;
    text-decoration: underline;
}

.buttons
{
    background-color: #f0f0cc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #2c5729;
    font-weight: bold;
}

.buttonsbig
{
    background-color: #2D5729;
    font-family: Monotype Corsiva, Arial, Helvetica, sans-serif;
    font-size: 36px;
    color: #f0f0cc;
    font-weight: normal;
}

.content
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    background-color: #FFFFFF;
}

.content a:link
{
    color: #4b6e0f;
    text-decoration: none;
}

.content a:visited
{
    color: #4b6e0f;
    text-decoration: none;
}

.content a:hover
{
    color: #4b6e0f;
    text-decoration: underline;
}

.contenttitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    background-color: #FFFFFF;
}

/* This class defines the appearance attributes for page error messages.*/
.contenterrormessage
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #ed1212;
    background-color: #FFFFFF;
}

.contentinstructions
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    background-color: #FFFFFF;
}

/* BEGIN TABLE CLASSES: This area contains style classes for a basic table to be used on a page. */

.standardTable
{
    width: 84%;
}

.wideTable
{
    width: 97%;
}
.firstColumn
{
    padding-left: 7px;
}

.tablefieldlabel
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    color: #000000;
    width: 140pt;
    background-color: #ffffff;
    vertical-align: text-top;
}

.tablerequiredfieldlabel
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    color: #333333;
    font-weight: bold;
    background-color: #ffffff;
    vertical-align: text-top;
    width: 140pt;
}

.tablefooter
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    width: 100%;
    color: #000000;
    vertical-align: baseline;
    background-color: #ffffff;
    font-weight: bold;
}

.tablegridrow
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    color: #000000;
    background-color: #E3E4FF;
}

.tablerowheading
{
    font-family: Arial, Helvetica, sans-serif; /*BACKGROUND-IMAGE: url(IMAGES/tableheader.jpg);*/
    font-size: 10pt;
    color: #ffffff;
    background-color: #A8A06C;
    font-style: normal;
    font-weight: bold;
    vertical-align: bottom;
}

.tablerowheading a:link
{
    color: #ffffff;
    text-decoration: none;
}

.tablerowheading a:visited
{
    color: #ffffff;
    text-decoration: none;
}

.tablerowheading a:hover
{
    color: #ffffff;
    text-decoration: underline;
}

.tablerowsubheading
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    background-color: #CFCFCF;
    vertical-align: text-bottom;
    text-indent: 2pt;
}

.tablerow
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    background-color: #ffffff;
    vertical-align: text-top;
}

.tablerow a:link
{
    color: #4b6e0f;
    text-decoration: none;
}

.tablerow a:visited
{
    color: #4b6e0f;
    text-decoration: none;
}

.tablerow a:hover
{
    color: #4b6e0f;
    text-decoration: underline;
}

/* BEGIN PROGESS TABLE: This section contains classes to be applied to table cells when the table has been set up to represent the progress through the shopping cart application.  */

.progress
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #4b6e0f;
    vertical-align: text-bottom;
}

.progress a:link
{
    color: #4b6e0f;
    text-decoration: none;
}

.progress a:visited
{
    color: #4b6e0f;
    text-decoration: none;
}

.progress a:hover
{
    color: #4b6e0f;
    text-decoration: underline;
}

.progressdone
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #4b6e0f;
    vertical-align: text-bottom;
}

.progressdone a:link
{
    color: #4b6e0f;
    text-decoration: none;
}

.progressdone a:visited
{
    color: #4b6e0f;
    text-decoration: none;
}

.progressdone a:hover
{
    color: #4b6e0f;
    text-decoration: underline;
}

.progresscurrent
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #4b6e0f;
    font-weight: bold;
    vertical-align: text-bottom;
}

.progresscurrent a:link
{
    color: #4b6e0f;
    text-decoration: none;
}

.progresscurrent a:visited
{
    color: #4b6e0f;
    text-decoration: none;
}

.progresscurrent a:hover
{
    color: #4b6e0f;
    text-decoration: underline;
}

/*BEGIN PAGE FOOTER SETTINGS: This area contains class settings for items in the page footer.  The footer designates the end of viewable data, and indicates to the user that it's the "bottom" of the page.*/

.pagefooter
{
    position: relative;
    top: -20;
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #4b6e0f;
}

.pagefooter A:link
{
    color: #4b6e0f;
    text-decoration: none;
}

.pagefooter A:visited
{
    color: #4b6e0f;
    text-decoration: none;
}

.pagefooter A:hover
{
    color: #4b6e0f;
    text-decoration: underline;
}

.requirements
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    background-color: #ffffff;
}

/*BEGIN PRINTED PAGE SETTINGS: This area contains class settings for items for a page that is going to me printed. */

.printheader
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24pt;
    font-variant: small-caps;
    color: #000000;
    background-color: #ffffff;
}

.printmajorrowheading
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #ffffff;
    background-color: #a8a06c;
    font-style: italic;
    font-weight: bold;
    vertical-align: bottom;
}

.printminorrowheading
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    font-style: normal;
    font-weight: bold;
    vertical-align: bottom;
}


/*END STYLE SHEET*/
/*  Following Classes are for Print Confirmation */

.confirmaddress
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    color: #333333;
}
.confirmaddressbold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    color: #333333;
    font-weight: bold;
}
.confirmcontentitalic
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: italic;
    color: #333333;
}
.confirmcontent
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    color: #333333;
}
.confirmcontentbold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    color: #333333;
    font-weight: bold;
}
.confirmtableheading
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #ffffff;
    background-color: #4b6e0f;
    font-style: italic;
    vertical-align: text-bottom;
    font-weight: bold;
}
.confirmfooter
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    color: #333333;
}
.confirmfooterbold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    color: #333333;
    font-weight: bold;
}


/*END STYLE SHEET*/
.confirmheading
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
.confirmsubheading
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.confirmmessagetext
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: italic;
    font-weight: bold;
    color: #333333;
}

#lastnote
{
    padding-left: 8px;
    padding-right: 8px;
    text-align: left;
}

.cvv-note
{
    color: grey;
    font-style: italic;
    font-size: 8pt;
}