/*
    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:889px;
    background:#fff;
    margin-bottom:20px;
    padding-bottom:20px;
}
.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;
    text-align:center;
}
.programBody td{
    border:0px !important;
    padding:3px;
}


.programContainer{
    padding:10px;
    width:588px;
    min-height:50px;
    background:#f1f1f1;
    border:1px solid #666;

}
#otherOptions .programContainer{
    border:1px solid #e60000;
    -webkit-box-shadow: 3px 3px 1px 1px #e60000;
    -moz-box-shadow: 3px 3px 1px 1px #e60000;
    box-shadow: 3px 3px 1px 1px #e60000;
}
.programContainer .title{
    display:block;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:6px;
}
.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;
    padding-right:20px;
}
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;
}
.costSummary .first{
    width:676px;
}



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


.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;
}
#other-options h1{
    float:left;
}
p.floatLeft{
    margin-left:5px;
}

span.red{
    color:red;
}
#chryslerCost{
    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;
}
#chryslerCheckmark{
    margin:1px 0px 0px 3px;
}
.greyed{
    color:#aaaaaa !important;
}

.master, #otherOptions .programContainer{

    background:#e4f1fb !important;
    border:1px solid #e60000;
    -webkit-box-shadow: 3px 3px 1px 1px #e60000;
    -moz-box-shadow: 3px 3px 1px 1px #e60000;
    box-shadow: 3px 3px 1px 1px #e60000;
}
#otherOptions .programContainer{

}
.master{
    min-height:120px;
    padding:28px 10px 10px 10px !important;
}

.hidden{
    display:none;
}
#otherOptions.chrysler .extraBigBar{
    cursor:pointer;
}
#otherOptions.chrysler .extraBigBar span{
    background:url(../images/otherOptionsUp.png) no-repeat left 2px;
    padding-left:20px;
}
#otherOptions.chrysler .extraBigBar span.down{
    background:url(../images/otherOptionsDown.png) no-repeat left 2px;
}


#recognizedTbl {
	/*background:url("../../basic/images/bg_recognition.png") repeat-x scroll 0 33px transparent; */
    background: #feffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #feffff 0%, #e1e1e1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #feffff 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #feffff 0%,#e1e1e1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #feffff 0%,#e1e1e1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #feffff 0%,#e1e1e1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
	margin-bottom:0;
}

.clear-padding {
	padding-top:0px !important;
	padding-bottom:0px !important;
}

#recognizedTbl thead tr th {
	background:url("../../basic/images/bg_strip.png") top left repeat-x transparent;
	height:31px;
	line-height:21px;
	text-transform: uppercase;
	color:white;
/*	font-size:15px;*/
	padding:5px 15px;
	font:20px Abbeyroad !important;
}
#recognizedTbl thead tr th:last-child {
   text-align:center;
   width:120px;
}

#recognizedTbl tbody tr td, #optional tbody tr td, #optional thead tr th  {
	border:1px solid #CCC;
}

#recognizedTbl tbody tr td:first-child {
	width:80px !important;
}
#recognizedTbl tbody tr td:last-child {
	width:150px !important;
}

.title {
	margin:0;font-weight:normal;
	font-family: verdana;
}

small {
	font-size:90%;font-style:italic;
}

.core-program {
	overflow:hidden;width:100%;
}

.core-program dt {
	float:left;
	width:150px;
	padding:10px 15px 10px 10px;
}
.core-program dd {
	margin-left:175px;
	margin-bottom:10px;
}

.core-program dd h4 {
	margin:5px 0 15px 0;
}

.fancy {
	/*background:url("../../basic/images/bg_strip.png") top left repeat-x transparent;
	color:white !important;   */
	height:25px;
	line-height:20px;
	padding:5px;
	text-decoration:none;
}

.fancy:hover {
	text-decoration:none;
	cursor:pointer;
}

#optional {
	margin-top:-1px;
	margin-left:-1px;
	width:890px;
}

#optional .middle {
	width:400px;
	float:left;
	margin-left:0px;
}
#optional .core-program dd.last {
	height:50px;
	margin-left:600px;
	margin-top:50px;
	text-align:center;
	text-transform:uppercase;
	vertical-align:middle;
	width:100px;
	font-size:16px;
	font-family:abbeyroad;
	color:black;
}
#optional tfoot tr td {
	background:#666;
	color:white;
	padding:20px 0;
}
#optional tfoot tr td dl h3 {
	font-family:Abbeyroad;
	font-size:24px;
	color:white;
	margin:0;
}

#optional tfoot tr td dt {
	float:left;
	width:500px;
	margin-left:50px;
}
#optional tfoot tr td dd {
	width:150px;
	float:right;
	text-align:center;
}

.grabopen{
    outline: none!important;
	background: #850707!important; /* Old browsers */
	background: -moz-linear-gradient(top,  #e60000 0%, #850707 100%)!important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e60000), color-stop(100%,#850707))!important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e60000 0%,#850707 100%)!important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e60000 0%,#850707 100%)!important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e60000 0%,#850707 100%)!important; /* IE10+ */
	background: linear-gradient(to bottom,  #e60000 0%,#850707 100%)!important; /* W3C */
	
	border-bottom: medium none !important;
	color: white;
	font: 20px verdana;
	padding: 5px 15px;
	text-transform: uppercase;
	height:40px;
	width:90%;
	margin-left:10px;
}

.applyNow_btn {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #e60000 0%, #850707 100%) repeat scroll 0 0;
	border-bottom: medium none !important;
	color: white;
	font: 18px verdana;
	padding: 2px 15px;
	text-transform: uppercase;
	height:30px; 
	width:400px; 
	border-radius: 5px;
}

.float-left{
	float:left;
}