/* CSS Document */

/* MAIN CONTENT */

img {border: none;}

#StudyingSelector {width: 286px;}

#paymentForm {
    float: left;
    width: 540px;
}

.formRow {
    clear: both;
}

.formRow label {
    float: left;
    padding: 2px 0;
    font-size: 1em;
    width: 190px;
}


#studentContent{ 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    width:770px;
    padding: 0;
    margin: 0;
}

body.studentInsurance .hidden {display: none}

p.oneEm{ 
    font-size: 1em;
    padding: 0;
    margin: 0;
}

#studentContent #Left{ 
    width:560px;
    float: left;
    padding: 20px;
    margin: 0;
}

#studentContent #Right{ 
    width:170px;
    float: left;
    padding: 20px 0 70px 0;
    margin: 0;
}
#studentContent #Left p{
    font-size: 1em;
}

#studentContent #Right p.tel{
    font-size: 1.2em;
    color:#003F8F; 
}

#headerQuote{ 
    color:#003F8F; 
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    text-decoration:none;
    margin: 0 0 10px 0;
    padding: 0 0 4px 0;
    border-bottom: 1px solid #ffcc00;
 }
 
 
 #studentCalcPopup{ 
    padding: 10px;
    margin: 10px;
    text-align: left;
}


#studentBanner{
	height: 30px;
	width: 596px;
	padding-top: 120px;
	background-image: url("../../images/banners/StudentBanner-Freshers.jpg"/*tpa=http://www.daai.info/images/banners/StudentBanner-Freshers.jpg*/);
	background-repeat: no-repeat;
}

#studentBanner a{
	height: 20px;
	width:130px;
	display: block;
}

#studentBanner a span{
	display: none;
}

/* BOX */

#studentContent #boxTop{
    width: 540px;
    padding: 10px;
    background-image: url("../../images/quote/boxTop.gif"/*tpa=http://www.daai.info/images/quote/boxTop.gif*/);
    background-repeat: no-repeat;
}

#studentContent #boxTop h1{
    color:#003F8F; 
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    text-decoration:none;
    margin: 0;
    padding: 8px 0 6px 0;
}

#studentContent #Col1{
    width:260px;
    float: left;
    padding-right: 20px;
}

#studentContent #Col1 h2{
    color:#003F8F; 
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    text-decoration:none;
    margin: 0;
    padding: 8px 0 6px 0;
}


#studentContent #Col2{
    width:250px;
    float: left;
}

#studentContent #Col2 h2{
    color:#cc0000; 
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    text-decoration:none;
    margin: 0;
    padding: 8px 0 6px 0;
}

#studentContent #Row {
    width:540px;
    float: left;
    text-align: center;
    padding-top: 20px;
}

#studentContent .Col1Cover{
    width:220px;
    float: left;
}

#studentContent .Col1LongCover{
    width:350px;
    float: left;
}

#studentContent .Col2Cover{
    width:22px;
    float: left;
}

#studentContent .Col3Cover{
    width:130px;
    float: left;
}

#studentContent .Col4Cover{
    width:90px;
    float: left;
}

#studentContent .Col4CoverRight{
    width:70px;
    float: left;
    text-align: right;
    padding-right: 20px;
}

#studentContent #RowCover{
    width:540px;
    float: left;
    text-align: left;
    padding: 14px 0 8px 20px;
    border-bottom: 1px solid #ccc;
}


#studentContent #boxBottom{
    height: 20px;
    background-image: url("../../images/quote/boxBottom.gif"/*tpa=http://www.daai.info/images/quote/boxBottom.gif*/);
    background-repeat: no-repeat;
}

/* LISTS */

#studentContent #boxTop ul  {
    margin: 0;
    padding: 0;
    color: #333;
}

#studentContent #boxTop ul li.tick, li.tick{
    list-style-image: none;
    list-style-type: none;
    background: url("../../images/bullets/tick.gif"/*tpa=http://www.daai.info/images/bullets/tick.gif*/) no-repeat;
    margin: 8px 0 0 0;
    padding:0 4px 0 24px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #333;
}

#studentContent #boxTop ul li.arrow, li.arrow
{
    list-style-image: none;
    list-style-type: none;
    background: url("../../images/bullets/boxArrow.gif"/*tpa=http://www.daai.info/images/bullets/boxArrow.gif*/) no-repeat;
    margin: 8px 0 0 0;
    padding:0 4px 0 24px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #333;
}

#studentContent ul li.bang, li.bang{
    list-style-image: none;
    list-style-type: none;
    height: 20px;
    background: url("../../images/bullets/boxExclaim.gif"/*tpa=http://www.daai.info/images/bullets/boxExclaim.gif*/) no-repeat;
    margin: 8px 10px 0 24px;
    padding:0 10px 10px 24px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #333;
}

#studentContent ol  {
    margin: 4px 0 8px 22px;
    padding: 0;
}

#studentContent ol li{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #333;
}

ul.arrowYellow{
  margin: 10px 0 0 20px;
  padding: 0;
}

ul.arrowYellow li{
    list-style-image: url("../../images/quote/yellowArrow.gif"/*tpa=http://www.daai.info/images/quote/yellowArrow.gif*/) !important;
    padding: 0 0 4px 0;
    margin: 0;
}

ul.arrowYellow li a, ul.arrowYellow li a:visited, ul.arrowYellow li a:hover:visited{
    color: #003F8F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-decoration:none;
    font-weight: bold;
}

ul.arrowYellow li a:hover {
    color: #3399CC; 
    text-decoration:none;
}

/* help popup code */
.helpPopup, .yui-tt {
    position: absolute;
    text-align: left;
    background-color: #fef5ca;
    border: 1px solid #FFCC00;
    padding: 10px;
    z-index: 999;
    font-size: 1em;
    width: 400px;
}

.helpPopup h2 {
    color:#006;
    font-size: 0.9em;
    padding-bottom: 14px;
}

.helpPopup ul {
    margin: 0;
    padding: 10px 0 10px 30px;
    list-style-type: disc;
    background-image: none;
}

.helpPopup ul li {
    margin: 0;
    padding: 0 0 4px 0;
    font-size: 0.9em;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
}

.helpPopup p {padding-bottom: 3px;}

.labelStudent {
    font-size: 1em;
}

#studentContent #confirmTop{
    width: 480px;
    height: 21px;
    margin: 0px 40px 0px 40px;
    padding: 0px;
    background-image: url("../../images/quote/confirmTop.gif"/*tpa=http://www.daai.info/images/quote/confirmTop.gif*/);
    background-repeat: no-repeat;
}
#studentContent #confirm h1{
    width: 480px;
    background-color:#fef5cc; 
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    text-decoration:none;
    text-align: center;
    margin: 0px 40px 0px 40px;
    padding: 5px 0 5px 0;
}
#studentContent #confirmBottom{
    width: 480px;
    height: 21px;
    margin: 0px 40px 10px 40px;
    padding: 0px;
    background-image: url("../../images/quote/confirmBottom.gif"/*tpa=http://www.daai.info/images/quote/confirmBottom.gif*/);
    background-repeat: no-repeat;
}

#adContainer{
    width: 560px;
    height: 140px;
    margin: 0px 0px 10px 0px;
}

.ad{
    width:270px;
    height:150px;
    float: right;
}

.adPlusSpace{
    width:270px;
    height:150px;
    float: left;
}


.ad .quote, .adPlusSpace .quote{
    height: 30px;
    width: 140px;
    margin-top: 90px;
    border: none;
    float: right;
}

.ad .more, .adPlusSpace .more{
    height: 30px;
    width: 120px;
    border: none;
    top: 100px;
    margin-top: 90px;
    float: left;
}

.more span, .quote span{
   display: none;
}

span.hidden {
	display: none;
	}


.getaquote{
    position: relative;
    top: 89px;
    left: 140px
}
.findoutmore{
    position: relative;
    top: 75px;
    left: 10px;
    color:#3399cc; 
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    text-decoration:none;
}
.fmi{
    position:relative;
    top:8px;
}
.yellowline{
    width:560px;
    padding-bottom:5px;
    border-bottom: 1px solid #ffcc00;
    display:block;
}
.width360{
    width:360px;
}
.width200{
    width:200px;
}
.minus32{
    position:relative;
    top: -35px;
    margin-bottom: -35px;
}
.left420{
    position:relative;
    left: 400px;
}
/* Make all buttons minimal */
button, .button {
    display: block;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
/* Now set up each individual button */
button#student_possessions_submit {
    background: transparent url("../../images/buttons/next-step-red2.gif"/*tpa=http://www.daai.info/images/buttons/next-step-red2.gif*/) no-repeat;
    width: 126px;
    height: 32px;
}
/* First, give the background "div" a background image of the rollover image. Next set :hover as the background image, then also hover classes too for browsers that dont understand :hover */
div#student_possessions_submit_back, button#student_possessions_submit:hover, button#student_possessions_submit.hover {background-image: url("../../images/buttons/next-step-red2-on.gif"/*tpa=http://www.daai.info/images/buttons/next-step-red2-on.gif*/)}

button#remind_me_later_submit {
    background: transparent url("../../images/buttons/build-your-policy.gif"/*tpa=http://www.daai.info/images/buttons/build-your-policy.gif*/) no-repeat;
    width: 169px;
    height: 32px;
}
/* First, give the background "div" a background image of the rollover image. Next set :hover as the background image, then also hover classes too for browsers that dont understand :hover */
div#remind_me_later_submit_back, button#remind_me_later_submit:hover, button#remind_me_later_submit.hover {background-image: url("../../images/buttons/build-your-policy-on.gif"/*tpa=http://www.daai.info/images/buttons/build-your-policy-on.gif*/)}

button#details_submit {
    background: transparent url("../../images/quote/viewCover.gif"/*tpa=http://www.daai.info/images/quote/viewCover.gif*/) no-repeat;
    width: 132px;
    height: 32px;
}
/* First, give the background "div" a background image of the rollover image. Next set :hover as the background image, then also hover classes too for browsers that dont understand :hover */
div#details_submit_back, button#details_submit.hover, button#details_submit:hover {background-image: url("../../images/quote/viewCover-on.gif"/*tpa=http://www.daai.info/images/quote/viewCover-on.gif*/)}

button#summary_quote_submit {
    background: transparent url("../../images/quote/extendCover.gif"/*tpa=http://www.daai.info/images/quote/extendCover.gif*/) no-repeat;
    width: 150px;
    height: 32px;
}
/* First, give the background "div" a background image of the rollover image. Next set :hover as the background image, then also hover classes too for browsers that dont understand :hover */
div#summary_quote_submit_back, button#summary_quote_submit:hover, button#summary_quote_submit.hover {background-image: url("../../images/quote/extendCover-on.gif"/*tpa=http://www.daai.info/images/quote/extendCover-on.gif*/)}

button#claims_back_button {
    background-image: url("../../images/quote/Back.gif"/*tpa=http://www.daai.info/images/quote/Back.gif*/);
    height: 32px;
    width: 99px;
}
div#claims_back_button_back,button#claims_back_button:hover, button#claims_back_button.hover {background-image: url("../../images/quote/Back-on.gif"/*tpa=http://www.daai.info/images/quote/Back-on.gif*/);}

button#extend_cover {
    background-image: url("../../images/quote/extendCover.gif"/*tpa=http://www.daai.info/images/quote/extendCover.gif*/);
    width: 150px;
    height: 32px;
}
/* First, give the background "div" a background image of the rollover image. Next set :hover as the background image, then also hover classes too for browsers that dont understand :hover */
div#extend_cover_back, button#extend_cover.hover, button#extend_cover:hover {background-image: url("../../images/quote/extendCover-on.gif"/*tpa=http://www.daai.info/images/quote/extendCover-on.gif*/);}

button#extend_cover_calc, div#extend_cover_calc_back {
    background-image: url("../../images/quote/extendCover2.gif"/*tpa=http://www.daai.info/images/quote/extendCover2.gif*/);
    width: 145px;
    height: 32px;
}
div#extend_cover_calc_back, button#extend_cover_calc.hover, button#extend_cover_calc:hover {background-image: url("../../images/quote/extendCover2-on.gif"/*tpa=http://www.daai.info/images/quote/extendCover2-on.gif*/);}

button#basic_cover_button {
    background-image: url("../../images/quote/basicCover.jpg"/*tpa=http://www.daai.info/images/quote/basicCover.jpg*/);
    width: 139px;
    height: 32px;
}
/* First, give the background "div" a background image of the rollover image. Next set :hover as the background image, then also hover classes too for browsers that dont understand :hover */
div#basic_cover_button_back, button#basic_cover_button.hover, button#basic_cover_button:hover {background-image: url("../../images/quote/basicCover-on.jpg"/*tpa=http://www.daai.info/images/quote/basicCover-on.jpg*/);}

button#payment_submit, button#payment_details_submit {
    background-image: url("../../images/quote/payOnline.gif"/*tpa=http://www.daai.info/images/quote/payOnline.gif*/);
    height: 32px;
    width: 133px;
}
div#payment_submit_back, div#payment_details_submit_back, button#payment_submit.hover, button#payment_submit:hover, button#payment_details_submit.hover, button#payment_details_submit:hover {background-image: url("../../images/quote/payOnline-on.gif"/*tpa=http://www.daai.info/images/quote/payOnline-on.gif*/);}

a.button#policy_summary {
    background-image: url("../../images/quote/policySummary.gif"/*tpa=http://www.daai.info/images/quote/policySummary.gif*/);
    height: 32px;
    width: 164px;
}
/* First, give the background "div" a background image of the rollover image. Next set :hover as the background image, then also hover classes too for browsers that dont understand :hover */
div#policy_summary_back, a.button#policy_summary.hover, a.button#policy_summary:hover {background-image: url("../../images/quote/policySummary-on.gif"/*tpa=http://www.daai.info/images/quote/policySummary-on.gif*/);}

a.button#back_to_quote {
    background-image: url("../../images/quote/back_to_quote.gif"/*tpa=http://www.daai.info/images/quote/back_to_quote.gif*/);
    height: 32px;
    width: 165px;
}
/* First, give the background "div" a background image of the rollover image. Next set :hover as the background image, then also hover classes too for browsers that dont understand :hover */
div#back_to_quote_back, a.button#back_to_quote.hover, a.button#back_to_quote:hover {background-image: url("../../images/quote/back_to_quote-on.gif"/*tpa=http://www.daai.info/images/quote/back_to_quote-on.gif*/);}



.floatRight {float: right;}
.otherQuote{
    color:#003F8F; 
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    text-decoration:none;
    margin: 0 0 10px 0;
    padding: 0 0 4px 0;
    border-bottom: 1px solid #ffcc00;
 }
label.inline {padding: 0 10px}
#agree, #disagree{
   /* width:10px; 
    margin: 10px 5px 20px 5px;
    border: 0px !important;
    color:#fff;
    background-color:#fff;*/
}
.form fieldset input.radioButton {
    vertical-align: top;
    width: 10px;
    height: 10px;
    background-color: transparent;
    border: none;
}
.radioAdjust{
    position:relative;
    top: -20px;
    margin: 12px 5px 18px 5px;
}

#studentContent .dynamicList {
    float: left;
    clear: both;
    list-style: disc url("../../images/bullets/disc-black.gif"/*tpa=http://www.daai.info/images/bullets/disc-black.gif*/) outside !important;
}

#studentContent .dynamicListItem {
    float:left;
    clear: both;
    margin-bottom:5px;
    width:100%;
}

#studentContent .dynamicListItem .dynamicListName {
    float:left;
    width:327px;
}

#studentContent .dynamicListItem .dynamicListPrice {
    float:left;
    padding:0pt 20px 0pt 0pt;
    text-align:right;
    width:70px;
}

#studentContent .dynamicListItem .dynamicListImage {
    float:left;
    margin-top:-4px;
    width:90px;
}
.IE6linefix { /* hack to fix div clears in IE6 */
    _position:relative;
    _top:-20px;
    _margin-bottom:-20px;
}
#radioContainer{
    list-style:none;
    margin:0px;
    padding: 0px;
    
}
ul#radioList li{
    display:inline;
    }
ul#radioList li input, ul#radioList li span{
    float:left;
}
ul#radioList li input{
    width:10px;
}
ul#radioList li span{
    width:7em;
    position:relative;
    top: 12px;
}
#studentContent .hiddenFieldset {
    padding-left: 25px;
    clear: both;
}
/*----------------Calculator---------------------*/
#calculatorPadding {height: 320px;} /* Makes sure the right div has enough padding to compensate for the calculator */
#verisign {
    float: right;
    clear: both;
    margin-top: -120px;
}
#calcContainer{
    width:170px;
    float: right;
    clear: both;
    margin-top: -410px;
}
#calcTop{
    background: url("../../images/calc/calcTop.gif"/*tpa=http://www.daai.info/images/calc/calcTop.gif*/) bottom center no-repeat;
    height:20px;
    width: 170px;
}
#calcBody{
    width:152px;
    padding: 0px 8px;
    background-color: #fdf8e2;
    border-left: 1px solid #fbcd00;
    border-right: 1px solid #fbcd00;
    display:table;
}
#calcBottom{
    background: url("../../images/calc/calcBottom.gif"/*tpa=http://www.daai.info/images/calc/calcBottom.gif*/) bottom center no-repeat;
    height:20px;
    width: 170px;
}
.calcH3fix{
    position:relative;
    top:-5px;
    padding:0px;
    margin:0px;
    font-size:0.9em;
    _font-size:0.9em;
}

table#ExtendCalculator {
    padding: 0;
    margin: 5px 0;
    height:100%;
    width:152px;
    border-collapse: collapse;
    border-spacing: 0px;
}
table#ExtendCalculator thead {
    display: none;
}

table#ExtendCalculator tr {
    width:152px;
    padding: 0;
    margin: 0;
}
table#ExtendCalculator tr.last td {
    padding-bottom: 10px;
}

table#ExtendCalculator tr td {
    padding: 3px 0;
    margin: 0;
}
table#ExtendCalculator tr td.calcText {
    width: 134px;
    font-size:0.8em;
}
table#ExtendCalculator tr td.calcNum {
    width: 18px;
    height: 10px;
    font-size:0.8em;
    font-weight: bold;
}
table#ExtendCalculator tr#ExtendCalculatorCalc td {border-top: 1px solid #fbcd00;}
table#ExtendCalculator tr#ExtendCalculatorCalc td.calcText {
    color:#FF0000;
    font-weight:bold;
}
table#ExtendCalculator tr#ExtendCalculatorCalc td.calcTotal {
    color:#FF0000;
    font-weight:bold;
}

.calcDisclaimer{
    text-align: center;
    width:152px;
    font-size:0.7em;
}
.calcImgFix{
    text-align: center;
    margin: -8px 0 0 0;
    position:relative;
    top:15px;
    left:3px;
}


.overflowVisible {overflow: visible !important;}

.errorImg {
    width: 9px; 
    height: 8px;
    padding: 0;
    margin: 0;
    border: none;
}