/*styling interactive section starts here*/

#interactive {background: url('/images-v3/interactives/interactive-bg.gif') repeat; width: 708px; position: relative; margin: 0 0 0 10px}
#interactive .interactive-bg {width: 696px; margin: 0 6px; background: url('/images-v3/interactives/grey-box-bg.gif') repeat-x}
#interactive .interactive-img {float: left; width: 328px; padding-top: 53px; display: block}
#interactive .interactive-desc {float: left; width: 361px; padding-top: 15px; text-align: justify; line-height: 20px}
#interactive .interactive-desc h1 {padding-bottom: 5px}
#interactive .interactive-desc .int-formbox {border: 1px solid #CDCDCD; padding: 10px; margin: 10px 0}
#interactive .interactive-desc .int-formbox .formelement {float: left; width: 230px}
#interactive .interactive-desc .int-formbox label {font: bold 12px verdana; color: #4E4E4E; float: left; width: 100px}
#interactive .interactive-desc .input {font: normal 10px verdana; color: #4F4F4F; border: 1px solid #a9a9a9; padding: 2px;}
#interactive .interactive-desc .select {border: 1px solid #7B7B7B; font: normal 11px verdana; color: #4E4E4E; margin-right: 5px}
#interactive .int-formbox select {border: 1px solid #7B7B7B; font: normal 11px verdana; color: #4E4E4E; padding: 1px; margin-right: 5px; padding-right: 2px}
#interactive .interactive-desc .submit-btn {padding: 10px; float: right; text-align: right; cursor: pointer}

.input-border {font: normal 10px verdana; color: #4F4F4F; border: 1px solid #a9a9a9; padding: 2px;}

#interactive .car-color {font: bold 14px verdana; color: #000}
#interactive .car-color b {font: bold 14px verdana; color: #B2011E}

#interactive .tarot-img img {border: 1px solid #000; margin-bottom: 5px}

.frm-green-bullet dd {background: url('/images-v3/green-sq-bullet.gif') no-repeat 0 5px; padding: 0 0 10px 10px; font: normal 11px verdana; color: #0D3B5B}

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

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

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

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


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



.boxborder01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF4200;
	text-decoration: none;
	border: 1px solid #CDCDCD;
}

.boxborder02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF4200;
	text-decoration: none;
	border: 1px solid #EFEFEF;
	padding: 5px;
}

.h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4F4F4F;
	text-decoration: none;
	line-height: 17px;
}

.h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5E8703;
	text-decoration: none;
	line-height: 17px;
}


.h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #73A802;
	text-decoration: none;
	line-height: 17px;
}
.h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #20C0AB;
	text-decoration: none;
	line-height: 17px;
}

.h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #034A80;
	text-decoration: none;
	line-height: 17px;
}


.clickhere {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #034A80;
	text-decoration: none;
	line-height: 17px;
}
.clickhere:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #034A80;
	text-decoration: underline;
	line-height: 17px;
}

.clickhere01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #034A80;
	text-decoration: none;
	line-height: 17px;
}
.clickhere01:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #034A80;
	text-decoration: underline;
	line-height: 17px;
}

.head01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF4200;
	text-decoration: none;
	line-height: 17px;
}
.head02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4BA1C4;
	text-decoration: none;
	line-height: 17px;
}


.head03 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #D90000;
	text-decoration: none;
	line-height: 17px;
}

.head04 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4F4F4F;
	text-decoration: none;
	line-height: 17px;
}

.head05 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #20C0AB;
	text-decoration: none;
	line-height: 17px;
}

.head06 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #A04305;
	text-decoration: none;
	line-height: 17px;
}


.head07 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #034A80;
	text-decoration: none;
	line-height: 17px;
	text-align: center;
}


.textmatter01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4F4F4F;
	text-decoration: none;
	line-height: 17px;
	text-align: justify;
}

.textmatter02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4F4F4F;
	text-decoration: none;
	line-height: 17px;
	text-align: center;
}

.int-select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #454545;
	text-decoration: none;
	border: 1px solid #B8B8B8;
}

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

.link01:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4F4F4F;
	text-decoration: none;
}


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

.link02:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4F4F4F;
	text-decoration: none;
}

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

.link03:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4F4F4F;
	text-decoration: none;
}


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

.link04:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4F4F4F;
	text-decoration: none;
}



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

.link05:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4F4F4F;
	text-decoration: none;
}

/*styling interactive section ends here*/

.blueHighlight {font: normal 11px verdana; color: #034A80; background: #fff; padding: 5px 0}
.blueHighlight a {font: normal 11px verdana; color: #034A80; background: #fff; padding: 2px; text-decoration: none;}
.blueHighlight a:hover {font: normal 11px verdana; color: #fff; background: #034A80; padding: 2px; text-decoration: none;}
.blueHighlight .active {font: normal 11px verdana; color: #fff; background: #034A80; padding: 2px; text-decoration: none;}

.vedic-dyna {font: normal 11px verdana; color: #4F4F4F; line-height: 15px; text-align: justify}
.vedic-dyna b {font: bold 12px verdana; color: #034A80; display: block}

.signdob select {border: 1px solid #ccc; font: normal 11px verdana; margin-right: 5px; width: 80px}

.form-box {display: block; padding-top: 10px}
.form-box label {float: left; width: 140px; font: bold 11px verdana; color: #4F4F4F}
.form-box .input {width: 200px;  font: normal 11px verdana; color: #4F4F4F; border: 1px solid #ccc; height: 18px; padding: 2px}
.form-box .select {font: normal 11px verdana; color: #4F4F4F; border: 1px solid #ccc; height: 18px; padding: 1px; margin-left: 2px}
.form-box .selwidth {font: normal 11px verdana; color: #4F4F4F; border: 1px solid #ccc; height: 18px; padding: 1px; margin-left: 2px; width: 60px}
.form-box .info {font: normal 9px verdana; color: #4F4F4F; margin: 2px 0 0 5px}
.btn {padding-left: 205px}
.int-border {border: 1px solid #CDCDCD; padding: 10px; margin: 10px}


/*styling for dates in ask a oracle starts here*/
.showDates {text-align: center; font: normal 11px verdana; color: #fff; background-color: #8505A0; border-collapse: collapse; border-spacing: 1px; margin: 10px 0}
.showDates th {background-color: #D4ADDC; font: bold 11px verdana; color: #fff; padding: 6px; text-align: left; border: 1px #fff solid;} 
.showDates td {background-color: #EBEBEB; font: normal 11px verdana; color: #000; padding: 6px; text-align: left; border: 1px #fff solid;}
/*styling for dates in ask a oracle ends here*/

.yellow-bullet dd {background: url('/images-v3/interactives/ideal-vaastu/bullet.gif') no-repeat 0 10px; padding: 5px 0 5px 12px; display: block; font: normal 11px verdana; color: #0D3B5B; text-decoration: none}
.green-bullet li {background: url('/images-v3/green-sq-bullet.gif') no-repeat 0 10px; padding: 5px 0 5px 12px; display: block; font: normal 11px verdana; color: #0D3B5B; text-decoration: none}

.greenHighlight {font: normal 11px verdana, arial; color: #4f4f4f; text-decoration: none; padding: 2px 0; line-height: 18px; text-align: left}
.greenHighlight a{font: normal 11px verdana, arial; color: #4f4f4f; text-decoration: none; padding: 2px; cursor: pointer}
.greenHighlight a:hover{font: normal 11px verdana, arial; color: #fff; text-decoration: none; background: #15aa6d; padding: 2px; cursor: pointer}
.greenHighlight .active{font: normal 11px verdana, arial; color: #fff; text-decoration: none; background: #15aa6d; padding: 2px; cursor: pointer}

.maroonHighlight {font: bold 11px verdana, arial; color: #8F023A; text-decoration: none; padding: 2px 0; line-height: 18px; text-align: left}
.maroonHighlight a{font: bold 11px verdana, arial; color: #8F023A; text-decoration: none; padding: 2px; cursor: pointer}
.maroonHighlight a:hover{font: bold 11px verdana, arial; color: #fff; text-decoration: none; background: #8F023A; padding: 2px; cursor: pointer}
.maroonHighlight .active{font: bold 11px verdana, arial; color: #fff; text-decoration: none; background: #8F023A; padding: 2px; cursor: pointer}

.orangeHighlight {font: normal 11px verdana, arial; color: #FF4200; text-decoration: none; padding: 5px 0; line-height: 18px; text-align: left; border: 1px solid #ccc; border-width: 1px 0}
.orangeHighlight a{font: normal 11px verdana, arial; color: #000; text-decoration: none; padding: 5px 2px; cursor: pointer}
.orangeHighlight a:hover{font: normal 11px verdana, arial; color: #fff; text-decoration: none; background: #FF4200; padding: 2px; cursor: pointer}
.orangeHighlight .active{font: normal 11px verdana, arial; color: #fff; text-decoration: none; background: #FF4200; padding: 2px; cursor: pointer}

.redHighlight {font: normal 11px verdana, arial; color: #D90000; text-decoration: none; padding: 5px 0; line-height: 18px; text-align: left; border: 1px solid #ccc; border-width: 1px 0}
.redHighlight a{font: normal 11px verdana, arial; color: #D90000; text-decoration: none; padding: 5px 2px; cursor: pointer}
.redHighlight a:hover{font: normal 11px verdana, arial; color: #fff; text-decoration: none; background: #D90000; padding: 2px; cursor: pointer}
.redHighlight .active{font: normal 11px verdana, arial; color: #fff; text-decoration: none; background: #D90000; padding: 2px; cursor: pointer}


/*Added by priyesh on date 4/20/2010 to set style for Hindi Content*/

.textmatter08 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #4F4F4F;
	text-decoration: none;
	line-height: 17px;
	text-align: justify;
}
/*End of priyesh code on date 4/20/2010*/