@import "reset.css";
@charset "utf-8";
/* CSS Document */

body{font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:8pt;}
body#panic{ background:url(../images/bg-body.gif) repeat-x left bottom;}
body#panic .main-panel{width:100%; float:left; background:url(../images/panic-bg.gif) repeat-x top; margin:6px 0px 10px 0px; padding:5px 0px 10px 0px;}
img, div{ behavior: url("iepngfix.htc"); }
.float-left{ float:left;}
.float-right{float:right;}
.clear{ clear:both;}

a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
#wrapper{width:100%; margin:auto;}

.header-bg{width:100%; float:left; background:url(../images/header-bg.gif) repeat-x; height:121px; position:relative;z-index:500;}
.header-hl{ background:url(../images/header-gradient-line.gif) no-repeat left #ffffff; position:absolute; top:85px; right:0px; height:1px; width:60%; float:right;}

.main-container{width:842px; margin:auto;z-index:499;}

.container{width:842px; float:left; position:relative;}

.logo{ width:249px; float:left; padding:10px 0px 0px 0px;}
.logo h1 a{ display:block; width:249px; height:55px; text-indent:-999px; background:url(../images/logo.gif) no-repeat left 2px; text-decoration:none;}
.header-right{ width:450px; float:right; padding:45px 0px 0px 0px; text-align:right;}
.header-right span{ font-family: "Myriad Pro", arial; font-size:12pt; color:#ffffff; font-weight:bold;}
.header-right span.big{ font-size:14pt;}

/*Mukesh
.menu{ width:620px; float:right; padding:10px 0px 0px 0px; text-align:left;}
.breadcrumb{ width:600px; float:left; color:#666666; padding:0px 0px 10px 0px; font-size:8pt;}
*/
.breadcrumb{ width:800px; float:left; color:#666666; padding:0px 0px 10px 0px; font-size:8pt; }
.menu{ position:absolute; right:0; top:85px; }

.menu ul li{ list-style-type:none; float:left; display:inline;}
.menu ul li a{ font-family:"Myriad Pro", arial; font-size:10pt; font-weight:bold; color:#000000; text-decoration:none; padding:0px 6px 0px 0px; line-height:30px;}
.menu ul li a:hover{ color:#FFFFFF;}
.menu ul li img{ padding:0px 7px 0px 0px;}

.main-panel{width:100%; float:left; background:url(../images/main-panel-bg.gif) repeat-x top; margin:6px 0px 10px 0px; padding:5px 0px 0px 0px;}



.breadcrumb a{color:#666666; padding:0px 5px 0px 5px;}

.left-panel{width:548px; float:left; padding:0px 10px 10px 0px;}
.right-panel{ width:275px; float:right; padding:0px 0px 10px 0px;}

.search-panel{ width:524px; float:left; background: url(../images/search-panel-bg.gif) no-repeat left top; height:auto!important; min-height:71px; height:71px; padding:10px 6px 0px 18px; margin:10px 0px 0px 0px;}
.search-panel h2{ font-size:12pt; color:#287800; font-family:"Myriad Pro", arial; font-weight:bold; padding:0px 0px 5px 0px;}
.search-panel input{ width:400px; float:left; height:30px; border:solid 1px #000000; font-size:9pt; margin:0px 10px 0px 0px;}

.green-text-panel{ padding:10px 0px 10px 0px; float:left; font-family:"Myriad Pro", arial; font-size:12pt; color:#278B30; font-weight:bold; line-height:22px;}
.debt-news{padding:15px 0px 0px 0px;}

.grey-text-panel{ width:260px; float:left; padding:10px 10px 15px 0px; line-height:20px; font-size:8pt;}
.debt-report{ width:458px; height:154px; background:url(../images/debt-report-bg.gif) no-repeat; float:right; color:#fff; padding:20px 0 0 100px; position:relative; margin-top:10px;}
.large-heading{ font-size:16px; color:#fff; font-weight:bold;}
.txt-field{ background:url(../images/txtbox-bg.gif) no-repeat left top; height:21px; width:143px; padding:5px; margin:0; border:0; font-size:12px;}
.solution-form{ width:175px; float:left; padding-top:20px;}
.solution-form label{ width:165px; display:block; clear:both; padding-bottom:10px;}

.free-report{ position:absolute; right:19px; top:31px;}

#mid-col-boxes{ width:842px; float:left; margin-top:40px;}



.feature-box{ width:249px; float:left; background:url(../images/midbox.gif) no-repeat left top; height:auto!important; min-height:100px; height:100px; position:relative; margin-right:10px; padding:68px 10px 0px 15px; font-size:9pt; line-height:18px;}
.f-logo{ position:absolute; left:10px; top:-20%;}
.f-dtoolbox{ position:absolute; left:10px; top:-28%;}
.feature-box-last{ width:249px; float:left; background:url(../images/midbox.gif) no-repeat left top; height:auto!important; min-height:120px; height:120px; position:relative; margin-right:0px; padding:68px 10px 0px 15px;font-size:9pt; line-height:18px;}

.footer{ width:842px; margin:auto;}
.footer-left{ width:1%; float:left; text-align:right;}
.footer-right{ width:1%; float:left;}
.footer-mid{ width:98%; float:left; background:url(../images/footer-mid.gif) repeat-x; height:74px;}

/*Mukesh - panic room footer*/
.footer-mid-panic{ width:98%; float:left; background:url(../images/footer-mid-panic.gif) repeat-x; height:60px; padding:5px 0;}


.footer-text{ width:800px; margin:auto; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; padding:5px 0px 0px 0px; line-height:13px; font-size:8pt;}
a.footer-link{color:#FFFFFF; text-decoration:none;}

input.yesbtn{ background:url(../images/btn-yes.gif) no-repeat; width:52px; height:31px; overflow:hidden;}
input.yesbtn:hover{ background:url(../images/btn-yes-on.gif) no-repeat;}
input.nobtn{ background:url(../images/btn-no.gif) no-repeat; width:52px; height:31px; overflow:hidden;}
input.nobtn:hover{ background:url(../images/btn-no-on.gif) no-repeat;}

#sidebar{ width:180px; float:left;}
.leftnav{ width:180px; float:left; background:url(../images/leftnav-bg-mid.gif) repeat-y left top;}
/*Mukesh- removed tghe height so tht the top left bar wil expand or contract with the content*/
/*.leftnav ul{ width:180px; float:left; background:url(../images/leftnav-bg-top.gif) no-repeat left top; height:auto!important; min-height:115px; height:115px;}
.leftnav li{ padding:15px 15px 0 15px;}
.leftnav li{ padding:15px 15px 7px 15px;} second change -  used for the first item in the left sub menu panel fpr top padding
*/
.leftnav ul{ width:180px; float:left; background:url(../images/leftnav-bg-top.gif) no-repeat left top; }
.leftnav li{ padding:4px 15px 7px 15px;}
 /*********/


.leftnav li a{ color:#fff; font-weight:bold; text-decoration:none;}
.leftnav li a:hover{ color:#B8F899;}
.leftnav-bot{ width:100%; clear:both; background:url(../images/leftnav-bg-bot.gif) no-repeat left bottom; height:9px; font-size:1px;}
.calc{ width:160px; padding:82px 0 0 20px; float:left; background:url(../images/calc-bg.jpg) no-repeat left top; height:294px; overflow:hidden; color:#fff; position:relative;}
#sidebar .solution-form{ width:160px; float:left;}
#sidebar .solution-form label{ width:160px; display:block; clear:both; padding-bottom:5px;color:white;}
.free-report22{position:absolute; left:48px; bottom:13px;}


#content{ width:635px; float:right; font-size:14px;}
#content p{ margin-bottom:15px;}
.article{ width:550px; clear:both; position:relative;}
.comment-btn{ position:absolute; right:0; bottom:20px;}
.article-copy{ padding:25px 0;}

h1{font-size:26px; color:#006600; font-weight:bold;}

/* Mukesh */
h1 a {font-size:26px; color:#006600; font-weight:bold;}


h2{font-size:18px; color:#175001; font-weight:bold; margin-bottom:5px;}
h2 a{color:#175001;}
h2 a:visited{color:#175001;}

h3{font-size:12px; color:#666;}
h4{ font-family: "Myriad Pro", arial; font-size:18px; color:#333333; font-weight:bold;}

.arti-source{font-size:12px; color:#666;}
#content .arti-source p, #content .box-narrow p{margin-bottom:5px;}
.social-net{ clear:both; padding:15px 0; position:relative; float:left; width:95%;}
.social-net img{ margin-right:5px;}
.comments{ width:510px; float:left; background:#FAFAFA; margin:0 10px; display:inline; padding:10px; font-size:12px; color:#000;}
.green{ color:#006600;}
.grey_tiny{ color:#666; font-size:80%;}
.content_body{ width:99%; float:left; padding:20px 0; }
.box-narrow{ width:242px; float:left; background:url(../images/box-narrow.gif) no-repeat left top; padding:15px; color:#006600; height:auto!important; min-height:100px; height:100px;}
.box-narrow a{color:#006600; text-decoration:none;}
.box-narrow a:hover{color:#000;}
.box-narrow li{ padding-bottom:5px;}
.box-narrow img{ vertical-align:middle;}
.box-narrow .title{ text-transform:uppercase; font-weight:bold; color:#000; margin-bottom:5px;}
.floatright{ float:right;}
.clearfloat{ clear:both; width:100%; padding:0 0 15px 0;}
.black{ color:#000;}
.panic_list{ margin:0 auto; width:810px;}
.panic_list li{ float:left;}
.spacer100{ font-size:1px; clear:both; width:100%; height:100px; overflow:hidden;}
.spacer{ font-size:1px; clear:both; width:100%; height:20px; overflow:hidden;}
input.radio{ width:auto; border:0; margin:0; padding:0; vertical-align:middle; position:relative; margin:-5px 5px 0 0;}
.arti-filter{ width:524px; clear:both; float:left; margin-top:15px; display:inline;}
.arti-filter label{float:left; width:auto; padding-right:10px; vertical-align:middle; color:#666; font-size:90%;}
.news-left{ border-right:solid 1px #F1F1F1; width:370px; float:left;}
.news-sidebar{width:165px; float:right; color:#666;}
.news-sidebar a{ color:#666; }
.news-sidebar a:hover{ color:#000; }
.news-sidebar li{ padding-bottom:5px;}

/* Mukesh*/
.modalBackground
{
	background-color: #fff;
	filter: alpha(opacity=70);
	opacity: 0.7;
	position:fixed;
}


.gray{color:#666666;}
.font10{ font-size:10px;}
.padtop5{padding-top:5px;}
.paging{width:100%; float:left;}
.paging a {font-family: "Myriad Pro", arial; font-weight:normal; background:none; border:solid 1px #236800; padding:0px 4px; color:#000000; text-decoration:none; margin-right:6px; float:left;}
.paging a:hover { background:#000000; border:solid 1px #236800; padding:0px 4px; color:#ffffff; text-decoration:none;margin-right:6px;}
.btndiv{width:300px; float:right; text-align:right;}

 /* Mukesh*/
.pageheading {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #006600;
	font-weight: normal;
}

.formstyle {
	background-color: #eef5eb;
	border-top-width: 0px;
	border-right-width: 5px;
	border-bottom-width: 0px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #287800;
	border-right-color: #287800;
	border-bottom-color: #287800;
	border-left-color: #287800;
	width: 473px;
}
.formstyle span {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}
.formstyle input {
	width: 156px;
	background-image: url(../_images/form_textboxBG.png);
	background-repeat: no-repeat;
	height: 37px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	padding: 8px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #eef5eb;
}

.ValidationCSS {
	background-color: #C0DAB6;
	border: thin dashed #008000;
	padding: 2px;
	color: #993333;
	font-size: 10pt;
	text-align: left;
	vertical-align: top;
	color: #FF0000;
	font-weight: normal;
	display: none;
}

.maintext {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
}
.maintext a:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006600;
}
.maintext a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006600;
	text-decoration: none;
}
.maintext a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006600;
}
.maintext a:active {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006600;
}

.AJAXSending {
	text-decoration: blink;
	color: #FF0000;
	font-weight: bold;
	font-size: 12pt;
	display:block;
}

#mid-col-boxes a{  color: #185a00; font-weight:bold;}
.grey-text-panel a{  color: #185a00; font-weight:bold; }





/******************/