/* 
    Document   : enroll
    Created on : Nov 28, 2011, 4:31:10 PM
    Author     : nguyen.triq
    Description:
        Purpose of the stylesheet follows.
*/

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

root { 
    display: block;
}
.wideTable{
    width:859px;
    margin-bottom:20px;
    background:#FFF;
}
.wideTable tbody td{
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
}
.wideTable thead tr td{
    padding-top:1px;
    color:#FFF;
    font-family:abbeyroad;
    font-size:18px;
    background:url(../images/tableHead.png) repeat-x;
}
.programBody td{
    border:0px !important;
}


.programContainer{
    padding:10px;
    width:588px;
    min-height:50px;
    background:#f1f1f1;
    border:1px solid #666;
    -webkit-box-shadow: 3px 3px 1px 1px #666;
    -moz-box-shadow: 3px 3px 1px 1px #666;
    box-shadow: 3px 3px 1px 1px #666; 
}
.programContainer .title{
    display:block;
    font-weight:bold;
}
.costSummary{
    margin-left:20px;
    border-spacing:3px;
    width:802px;
}
.costSummary td{
    padding:7px;
}
.lightBG{
    background:#f1f1f1 !important; 
}
.darkBG{
    background:#e5e5e5 !important;
}
.bigBar{
/*    background:url(../images/bigbluebarNew.jpg) no-repeat;*/
    height:34px;
    width:616px;
}

.smallBar{
/*    background:url(../images/smallbluebarNew.jpg) no-repeat;*/
    width:113px;
    text-align:center;
}
.extraBigBar{
/*    background:url(../images/biggerbluebarNew.jpg) no-repeat;*/
    width:741px;
    height:34px;
}
.bigBar span, .extraBigBar span{
    margin-left:15px;
}
.enrollmentTable td.center, #otherOptions td.center{
    width:105px !important;
}
td.center{
    width:72px !important;
}
td.center{
    text-align:center;
}
td.center .cost{
    font-weight:bold;
    background:#f1f1f1;
    height:80px;
    padding:30px 0px;
    width:105px !important;
    margin:0px auto;
    color:#000 !important;
    font-size:12px !important;
    font-family:arial !important;
}
.costSummary .first{
    width:676px;
}



.crossOver {
    text-decoration: line-through;
}
#enroll{
    margin-top:-2px;
}
table{
    border-spacing: 0;
}
table td{
    vertical-align: middle; 
}


.tableBody{
    margin-bottom:20px;
}


ol#note{
    width:725px;  
    margin-left:20px;
    margin-top:10px;
    font-size:9px;
    font-style:italic;
}
ol#note li{
    padding-top:3px;
    list-style-type:decimal !important;
}
ol#note p{
    font-size:11px;
    font-style:normal;
}
#submitBtn{
    width:192px;
    height:39px;
    background:url(../images/enrollbutton.jpg);
    margin:15px auto 15px auto;
    border:0px;    
    font-family:abbeyroad;
    color:#FFF;
    font-size:24px;
    cursor:pointer;
    display:block;
}
#other-options h1{
    float:left;
}
p.floatLeft{
    margin-left:5px;
}

span.red{
    color:red;
}
#fordCost{
    color:#ff0000;
}
.programLogo{
    width:150px;
    height:20px;
    float:left;
}
.programLogo img{
    margin:0px auto;
    display:block;
}
input[name="payReward"]{
    margin-right:10px;
}
#rewardBalance{
    background:url(../images/emboss.png);
    padding:3px 10px;
    height:15px;
    margin-left:10px;
}
#fordCheckmark{
    margin:1px 0px 0px 3px;
}
.greyed{
    color:#aaaaaa !important;
}
.master{
    background:#e4f1fb !important;
    border:1px solid #5ca5ff;
    -webkit-box-shadow: 3px 3px 1px 1px #5ca5ff;
    -moz-box-shadow: 3px 3px 1px 1px #5ca5ff;
    box-shadow: 3px 3px 1px 1px #5ca5ff; 
}

.hidden{
    display:none;
}
#otherOptions.ford .extraBigBar{
    cursor:pointer;
}
#otherOptions.ford .extraBigBar span{
    background:url(../images/otherOptionsUp.png) no-repeat left 2px;
    padding-left:20px;
}
#otherOptions.ford .extraBigBar span.down{
    background:url(../images/otherOptionsDown.png) no-repeat left 2px;
}
#fancyButton{
    background: url("../images/fordRecOnly.png") repeat scroll 0 0 transparent;
    color: #FFFFFF !important;
    cursor: pointer;
    display: block;
    font-family: abbeyroad;
    font-size: 24px;
    height: 54px;
    margin: 15px 0px 15px 86px;
    width: 271px;
    text-align:center;
    padding-top:6px;
    text-decoration:none;
}
#fullCert{
    background: url("../images/fullCert.png") repeat scroll 0 0 transparent;
    color: #FFFFFF !important;
    cursor: pointer;
    display: block;
    font-family: abbeyroad;
    font-size: 24px;
    height: 72px;
    margin: 15px auto;
    width: 328px;
    text-align:center;
    padding-top:6px;
    text-decoration:none;
}