/*
    Document   : toitStyles
    Created on : November 28, 2006, 1:20 PM
    Author     : vsingh
    Description:
    Purpose of the stylesheet follows.
    */

    /*
    TODO customize this sample style
    Syntax recommendation http://www.w3.org/TR/REC-CSS2/
    */

    .header{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #ce6700;
        background-color: #FFFFFF;
    }

    .logon{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #426571;
        border-bottom: 1px solid #426571;
        border-top: 1px solid #426571;
        border-left: 1px solid #426571;
        border-right: 1px solid #426571;
    }

    .callerNotes{
        border-bottom: 2px solid #FFF2D0;
        border-top: 2px solid #FFF2D0;
        border-left: 2px solid #FFF2D0;
        border-right: 2px solid #FFF2D0;
    }
    .logon input{
        border: 1px solid #426571;
        text-indent: 5px;
    }

    table.menu {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #137680;
        text-decoration: none;
    }

    table.menu th {
        font-weight: bolder;
        color: #FFFFFF;
        background-color: #568493;
        text-transform: capitalize;
        font-variant: normal;
    }

    table.menu tr {
        background-color: #E1F5F6;
    }

    table.menu a {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #137680;
        text-decoration: none;
    }

    .includeSection {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-indent: 10px;
    }
    td.makeCallLeftMost{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #000000;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #cfcfcf;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #cfcfcf;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #cfcfcf;
    }
    .includeSectionBorder {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-indent: 10px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #cfcfcf;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #cfcfcf;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #cfcfcf;
    }

    .sideBottomBorder {
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #cfcfcf;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #cfcfcf;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #1C4C62;
    }

    .leftBorder {
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #cfcfcf;
    }

    .darkGrayTextBorder{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #4A4A4A;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #cfcfcf;
    }
    td.makeCall{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #000000;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #cfcfcf;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #cfcfcf;
    }
    table.callerDashBoard td{
        padding-top: 2px;
        padding-right: 1px;
        padding-bottom: 2px;
        padding-left: 1px;
    }
    table.campaign {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bolder;
        color: #000000;
        text-decoration: none;
    }
    table.campaign th {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #ce6700;
        background-color: #FFFFFF;
    }

    table.campaign th a {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        line-height: normal;
        font-weight: bolder;
        color: #FFFFFF;
        text-decoration: underline;
        background-color: #568493;
        font-variant: normal;
    }

    table.campaign td{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #000000;
    }

    table.campaign td a{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #000000;
    }

    li {
        list-style-image: url(/toit/images/aerro2.gif);
        list-style-type: none;
        list-style-position: inside;
        padding-left: 25px;
        line-height: 15px;
    }

    li:hover {
        list-style-image: url(/toit/images/aerro1.gif);
        list-style-type: none;
        list-style-position: inside;
        padding-left: 25px;
        line-height: 15px;
    }

    li a:link {
        color: #9b590d;
        text-decoration:none;
        line-height: 15px;
    }

    li a:visited {
        color: #9b590d;
        text-decoration:none;
        line-height: 15px;
    }
    li a:hover {
        color: #d4b366;
        text-decoration:none;
        line-height: 15px;
    }

    td.question ul li{list-style:none; display:block; padding:0px; margin:0px;}
    /*td.question ul li input{margin-left:0px;}*/

    table.campaign input{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        /*border: 1px solid #000000;*/
        text-indent: 5px;
    }

    table.campaign textarea{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        border: 1px solid #000000;
        text-indent: 5px;
    }

    table.campaign select{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        border: 1px solid #000000;
        text-indent: 5px;
        background-color: #F3FAFE;
    }

    table.campaign a{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #137680;
        text-decoration: none;
    }

    .link {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #9B590D;
        text-decoration: none;
    }

    .subHeader{
        background-color: #FFF2D0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #ce6700;
    }

    .subHeaderWhite{
        background-color: #FFFFFF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #ce6700;
    }

    .borderHeader{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #CE6700;
        text-indent: 10px;
    }

    .divHeader{
        background-color: #DDEEFF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #137680;
    }

    .textData {
        font-size: 11px;
        font-weight: normal;
        text-decoration: none;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    .error {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #ce6700;
    }

    .message {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #CC0000;
    }
    .userMessage{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #ce6700;
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
    }
    .messageBorder {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #CC0000;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #cfcfcf;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #cfcfcf;
    }
    .dashBoardText {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #000000;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #cfcfcf;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #cfcfcf;
    }
    .dashBoardTextBorder {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #cfcfcf;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #cfcfcf;
        padding-left:5px;
    }
    .dashBoardNotes {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
    }
    .darkGrayText {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #4A4A4A;
    }
    table.border {
        border: thin solid #cfcfcf;
    }

    table.border th {
        font-style: normal;
        line-height: normal;
        font-weight: bolder;
        background-color: #E1F5F6;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #137680;
    }

    input.groovybutton
    {
        font-size: 11px;
        font-family: Tahoma,sans-serif;
        font-weight: bold;
        width: 30px;
        background-color: #CCDDCC;
        border-top-style: solid;
        border-top-color: #99AA99;
        border-top-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #99AA99;
        border-bottom-width: 2px;
        border-left-style: solid;
        border-left-color: #BBCCBB;
        border-left-width: 5px;
        border-right-style: solid;
        border-right-color: #BBCCBB;
        border-right-width: 5px;
    }

    input.downloadbutton
    {
        font-size: 11px;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-weight: bolder;
        color: #EEFFFF;
        width: 90px;
        background-color: #568493;
        border-right-style: solid;
        border-bottom-style: solid;
        border-color: #4a4a4a;
        border-width: 3px;
    }

    div.scroll {
        overflow: auto;
        height: 425px;
        width: 660px;
    }

    td.normalText
    {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #000000;
        padding-left: 10px;
    }
    td.borderText
    {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #000000;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #cfcfcf;
        padding-left: 10px;
    }
    th.popUpHead{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #ce6700;
        font-weight: bold;
        background-color: #FFF2D0;
    }
    span.scroll {
        overflow-y: scroll;
        padding: 2px;
        height: 425px;
        width: 660px;
    }
    table.campaignBorder {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bolder;
        color: #000000;
        text-decoration: none;
        border: 1px solid #426571
    }
    table.campaignBorder th {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        line-height: normal;
        font-weight: bolder;
        color: #FFFFFF;
        background-color: #568493;
        font-variant: normal;
    }

    table.campaignBorder a{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #137680;
        text-decoration: none;
    }

    /*  tsr.css */

    td.popUpText{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #000000;
        line-height: 15px;
        padding-left: 10px;
    }

    td.popUpHeading{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #c46b05;
        font-weight: bold;
        line-height: 15px;
    }
    td.popUpBorderBottom{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #000000;
        font-weight: bold;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #D0D0D0;
        padding-top: 2px;
        padding-left: 20px;
        padding-bottom: 2px;
        padding-right: 10px;
    }

    td.navBg{
        font-family: Arial, Helvetica, sans-serif;
        background-image: url(/toit/images/button01.gif);
        text-align: center;
        color: #ce6700;
        letter-spacing: 0.1em;
        font-weight: bold;
        padding-top: 12px;
        font-size: 9pt;
        background-repeat: no-repeat;
    }

    td.navBg a:link{
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        color: #ce6700;
        letter-spacing: 0.1em;
        font-weight: bold;
    }
    td.navBg a:visited{
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        color: #ce6700;
        letter-spacing: 0.1em;
        font-weight: bold;
    }
    td.navBgOn{
        font-family: Arial, Helvetica, sans-serif;
        background-image: url(/toit/images/button02.gif);
        text-align: center;
        color: #ce6700;
        letter-spacing: 0.1em;
        font-weight: bold;
        padding-top: 12px;
        font-size: 9pt;
        background-repeat: no-repeat;
    }
    td.navBgOn a:link{
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        color: #ce6700;
        letter-spacing: 0.1em;
        font-weight: bold;
    }
    td.navBgOn a:visited{
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        color: #ce6700;
        letter-spacing: 0.1em;
        font-weight: bold;
    }

    /***************** Top Navigation Lead and Time *******************/

    td.navBgLnT{
        font-family: Arial, Helvetica, sans-serif;
        background-image:  url(/toit/images/buttonLeadTime.gif);
        text-align: center;
        color: #ce6700;
        letter-spacing: 0.1em;
        font-weight: bold;
        padding-top: 12px;
        font-size: 9pt;
        background-repeat: no-repeat;
    }

    td.navBgLnT a:link{
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        color: #ce6700;
        letter-spacing: 0.1em;
        font-weight: bold;

    }
    td.navBgLnT a:visited{
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        color: #ce6700;
        letter-spacing: 0.1em;
        font-weight: bold;
    }
    td.navBgOnLnT{
        font-family: Arial, Helvetica, sans-serif;
        background-image: url(/toit/images/button02.gif);
        text-align: center;
        color: #ce6700;
        letter-spacing: 0.1em;
        font-weight: bold;
        padding-top: 12px;
        font-size: 9pt;
        background-repeat: no-repeat;
    }
    td.navBgOnLnT a:link{
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        color: #ce6700;
        letter-spacing: 0.1em;
        font-weight: bold;
    }
    td.navBgOnLnT a:visited{
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        color: #ce6700;
        letter-spacing: 0.1em;
        font-weight: bold;
    }

    td.bodyTablePadding{
        background-color: #ededed;
    }

    /* CSS Document */

    .body{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #9b590d;
        background-image: url(/toit/images/bodyBg.jpg);
        background-repeat: repeat-x;
        background-color: #00688D;
    }

    th {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #9b590d;
        letter-spacing: 1px;
        line-height: 17px;
    }

    td {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color:#9b590d;
        line-height: 17px;
    }

    h1{
        font-size: 14px;
        color: #FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
    }

    h2{
        font-size: 36px;
        color: #7cc3e1;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bolder;
    }
    h3{
        font-size: 20px;
        color: #CE6700;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bolder;
    }

    a:link {
        color: #666666;
        text-decoration:none;
    }
   a:visited {
        color: #666666;
        text-decoration:none;
    }
    a:hover {
        color: #000000;
        text-decoration:none;
    }
    td.bodyTableInclude{
        padding-left: 10px;
        padding-right: 10px;
    }
    td.bodyTable{
        padding-top: 38px;
        padding-left: 10px;
    }

    /***************** Top Links *******************/

    td.topLinks {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 7pt;
        color: #3ec1f9;
        font-weight: bold;
    }
    td.topLinks a:link {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 7pt;
        color: #3ec1f9;
        font-weight: bold;
    }
    td.topLinks a:visited {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 7pt;
        color: #3ec1f9;
        font-weight: bold;
    }

    td.topLinksBorder{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 19pt;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #3ec1f9;
    }
    /***************** Login Page *******************/
    table.loginPage td{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #00688d;
        font-weight: bold;
        background: #ffffff;
        padding-left: 20px;
        padding-top: 20px;
    }
    /***************** Home *******************/

    td.heading{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 19pt;
        font-weight: bolder;
        color: #FFFFFF;
        letter-spacing: 1px;
    }
    td.headingCampaignName{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
        font-weight: bolder;
        color: #FFFFFF;
        letter-spacing: 1px;
    }
    td.nameheading{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bolder;
        color: #3ec1f9;
        padding-top: 18px;
        padding-bottom: 30px;
    }
    td.nameheadingPopup{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bolder;
        color: #3ec1f9;
        padding-top: 5px;
        padding-bottom: 10px;
    }
    td.bodyTableBg{
        background-color: #fff2d0;
        padding-top: 22px;
        padding-left: 16px;
    }

    td.paddingBodyTable{
        padding-left: 1px;
    }
    td.bodyBgColor{
        background-color: #FFF2D0;
    }
    tr.bodyBgColor{
        background-color: #FFF2D0;
    }
    td.bodyTableBorder {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #FFFFFF;
        font-weight: bold;
        padding-left: 8px;
        letter-spacing: 1px;
    }
    td.bodyTableHeader {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #FFFFFF;
        font-weight: bold;
        letter-spacing: 1px;
    }
    td.border{
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #cfcfcf;
    }
    td.bodyTablePadding{
        background-color: #ededed;
    }


    /***************** Super Campaign *******************/

    td.bodyBgSuperCampaign{
        background-color: #ededed;
    }

    td.superCampaignBodyText{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #9b590d;
        padding-left: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: bold;
        line-height: 15px;
    }
    td.borderRight{
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #cfcfcf;
    }
    .campaignText{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #666666;
        padding-left: 10px;
        font-weight: normal;
        line-height: 15px;
    }
    .superCampaignHeading {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #000000;
        font-weight: bold;
        line-height: 15px;
        padding-left: 15px;
    }
    .superCampaignSubHeading{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #666666;
        padding-left: 10px;
        font-weight: bold;
        line-height: 15px;
    }

    td.bodyTextSubCampaignWhite{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #9b590d;
        font-weight: bold;
        line-height: 15px;
    }

    table.bodyTextSubCampaignGray td{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #9b590d;
        font-weight: bold;
        line-height: 15px;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    td.popUpHeader{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #ce6700;
        font-weight: bold;
        cursor: move;
    }
    td.contactHeader{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #ce6700;
        font-weight: bold;
        border-right: 2px solid #FFF2D0;
        border-bottom: 2px solid #FFF2D0;
    }
    td.contactHeaderValue{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        font-weight: normal;
        border-right: 2px solid #FFF2D0;
        border-bottom: 2px solid #FFF2D0;
    }
    td.answerScreenHeader{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #ce6700;
        font-weight: bold;
    }
    td.answerScreenValue{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        font-weight: bold;
    }
    td.addContactRadio{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9pt;
        color: #ce6700;
        font-weight: regular;
    }
    td.answerPageTab{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #ce6700;
        font-weight: bold;
    }
    td.answerPageTab a:link{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #ce6700;
        font-weight: bold;
    }
    td.answerPageTab a:visited{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #ce6700;
        font-weight: bold;
    }
    td.answerPageTab select
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #ce6700;
        font-weight: bold;
        background-color:#FFF2D0
    }
    td.dashBoardHeader{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #ce6700;
        font-weight: bold;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #cfcfcf;
    }
    td.dashBoardHeader a:link{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #ce6700;
        font-weight: bold;
    }
    td.dashBoardHeader a:visited{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #ce6700;
        font-weight: bold;
    }
    td.dashBoardHeader a:hover{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #ce6700;
        font-weight: bold;
    }

    td.borderBottom{
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #cfcfcf;
    }

    .reportText {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #000000;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #cfcfcf;
    }

    .reportTextBorderRight {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #000000;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #cfcfcf;
    }

    div.buttonInputs {
        position: relative;
        height: 25px;
        width: 25px;
    }
   div.fakebuttonImg {
        position: absolute;
        top: -40px;
        left : 0px;
        height: 25px;
        width: 15px;
        padding: 0px;
        margin: 0px;
        z-index: 0;
        line-height: 90%;
    }
    input.button {
        height: 40px;
        width: 40px;
        top: 0px;
        margin: 0;
        position: relative;
        text-align: right;
        -moz-opacity:0 ;
        filter:alpha(opacity: 0);
        opacity: 0;
        z-index: 1;
    }
    .img
    {
        outline:0;
    }
     td.answerScreenValue a{
        cursor:pointer;
    }
     /*optgroup {
                font-size:.9em;
                border-width:20px;
            }*/
     OPTION.orange
     {
        font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: inherit;
	background: #FFF2D0;
	color: #000000;
	text-decoration: none;
    }
    OPTION.white
    {
        font-family: Arial, Helvetica, Verdana, sans-serif;
	background: #FFFFFF;
	color: #000000;
	text-decoration: none;
    }
    optgroup.greyOrange
     {
        font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: x-small;
	background: #FFF2D0;
	color: #999999;
	text-decoration: none;
    }
    optgroup.greyWhite
     {
        font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: x-small;
	background: #FFFFFF;
	color: #999999;
	text-decoration: none;
    }
    font.notice
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 7pt;
        color: #3ec1f9;
        font-weight: bold;
    }

    div.buttonInputsSubmit {
        position: relative;
        height: 25px;
        width: 25px;
    }
   div.fakebuttonImgSubmit {
        position: absolute;
        top: -28px;
        left : 0px;
        height: 25px;
        width: 15px;
        padding: 0px;
        margin: 0px;
        z-index: 0;
        line-height: 90%;
    }
    input.buttonSubmit {
        height: 25px;
        width: 85px;
        top: 0px;
        margin: 0;
        position: relative;
        text-align: right;
        -moz-opacity:0 ;
        filter:alpha(opacity: 0);
        opacity: 0;
        z-index: 1;
    }
    textarea.special {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;font-weight: bold; color: #3ec1f9;
}
textarea.special:first-line {
font-weight: bold; color: #3ec1f9;
}