/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   


H2, h2, h2 .Head  {
font: Arial;
font-size: 14px;
font-weight: normal;
margin: 0 0 4px 0;
}

H3, h3, h3 .Head  {
font: Arial;
font-size: 11px;
font-weight: bold;
}
.orange, .orange .Head {
color: #cc6600;
}
H4  {
font: Arial;
font-size: 11px;
font-weight: bold;
}

.newsbox {
        width: 285px;
        height: 144px;
        background: url(bg_news.gif) no-repeat top;
        margin-bottom: 12px;
}


/*News */

#newsholder{
 width: 285px;
        height: 144px;
        background: url(/portals/0/bg_news.gif) no-repeat top;
        margin-bottom: 12px;
		}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 285px; 
height: 144px;
float:left;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding:18px 6px 0 10px;
background:url(/portals/0/bg_news.gif) no-repeat;
width: 265px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
position: absolute;
left: 0;  
top: 0;  
z-index:9997;
}

.pagination .nextimg{
position: absolute;
left: 78px; 
top: 131px;   
*top: 131px;  
z-index:9997;
height:17px;
width:117px;
}

.pagination .previmg{
position: absolute;
left: 78px;  
top: 0px;  
z-index:9997;
}
.pagination a{
padding: 0 2px;
text-decoration: none; 
color: #00007D;
/*background: white;*/
}

.pagination a:hover, .pagination a.selected{
color: #000;
/*background-color: #FEE496;*/
text-decoration:underline;
}

.sliderwrapper .contentdiv a{ color:#027ABB; font-weight:normal;}
.hp_news_title {font-weight:bold;}

#deploymentcurve{ position:relative; background:#fff url(imgs/deplymentbg.gif) no-repeat; width:600px; height:1100px;}
#deploymentcurve #depbuttons{ position:absolute; left:10px; top:235px; width:315px; }
#deploymentcurve #depbuttons div{width:25px; float:left;}
#deploymentcurve #depbuttons div.lable{width:80px; display:block; float:left;color:#023b58; font-weight:bold; padding-top:3px;}
#deploymentcurve #smd{position:absolute; left:380px; top:25px; width:200px; height:240px; overflow:hidden;}
#deploymentcurve #smd ul{margin-left:7px;margin-top:-5px;}
#deploymentcurve #smd li{margin-left:0px;margin-bottom:0px;font-size:11px;}
#deploymentcurve #smd h2 {margin-top:0;margin-bottom:14px;}
#deploymentcurve #bgd{position:absolute; left:10px; top:280px; width:580px; height:700px !important; font-size:12px !important;}
#deploymentcurve .dot84{position:absolute; left:86px; top:148px;}
#deploymentcurve .dot85{position:absolute; left:192px; top:126px;}
#deploymentcurve .dot86{position:absolute; left:318px; top:29px;}
.dot113{display:none;}

#deploymentcurve .hash84_l{position:absolute; width:80px; height:235px; left:10px; top:0px; cursor:pointer;}
#deploymentcurve .hash85_l{position:absolute; width:105px; height:235px; left:91px; top:0px; cursor:pointer;}
#deploymentcurve .hash86_l{position:absolute; width:126px; height:235px; left:197px; top:0px; cursor:pointer;}

#deploymentcurve .hash84{position:absolute; width:80px; height:235px; left:10px; top:0px; background:url(imgs/hashbg.gif);}
#deploymentcurve .hash85{position:absolute; width:105px; height:235px; left:91px; top:0px; background:url(imgs/hashbg.gif);}
#deploymentcurve .hash86{position:absolute; width:126px; height:235px; left:197px; top:0px; background:url(imgs/hashbg.gif);}

#problem_container{position:relative; height:800px;}
#problem_container h2{padding:0 0 10px 0px;}
#problem_list{position:absolute; left:0px; top:0px; width:254px; height:260px; }
#problem_list li:hover,#problem_list li.active{background:#e6e6e6;}
#problem_desc{position:absolute; left:254px; top:0px; width:346px; height:260px;  background:#fff url(imgs/bg_problemdesc.gif) no-repeat;}
#problem_desc h2{padding:0 0 10px 20px;}
#problem_desc p{padding:0px 20px;}
#problem_vid{position:absolute; left:0px; top:280px;}



.news{font-size:13px; height:100px;}

#contentwrap .title{padding:0 10px; color:#027ABB; font-weight:bold;}
#contentwrap .path{color:#ccc;}


#problem_container2{position:relative; height:800px;}
#problem_container2 h2{padding:0 0 10px 0px;}
#problem_list2{position:absolute; left:0px; top:0px; width:237px; height:290px; }

#problem_list2 ul{
margin-top:2px;
border-left:1px solid #82abc5;
border-right:1px solid #82abc5;
border-bottom:1px solid #82abc5;
}

#problem_list2 li{
background:url(/portals/0/problem-regular.gif);
height:22px;
padding-top:11px;
padding-bottom:7px;
padding-left:54px;
margin-left:0;
}

#problem_list2 li:hover,#problem_list li.active{
background:url(/portals/0/problems-over.gif);
font-weight:bold;
}

.currentli {
background:url(/portals/0/problems-over.gif) !important;

}
.currentli a:link, .currentli a:active, .currentli a:hover, .currentli a:visited {
font-weight:bold !important;
color:#d27920 !important;
}

#problem_desc2{
position:absolute; 
left:254px; 
top:0px; 
width:287px; 
height:210px;  
padding-left:43px;
padding-top:19px;
padding-right:10px;
background:#fff url(/portals/0/text-bubble.gif) no-repeat;
}
#problem_desc2 h2{
padding:0;
margin:0 0 10px 0;
}
#problem_desc2 p{
font-size:11px;
}
#problem_vid2{position:absolute; left:0px; top:280px;}

#problem_desc3{
position:absolute; 
left:0px; 
top:200px; 
width:224px; 
height:320px;  
padding-left:13px;
padding-top:40px;
padding-right:10px;
background:#fff url(/portals/0/text-bubble2.gif) no-repeat;
}
#problem_desc3 h2{
padding:0;
margin:0 0 10px 0;
}
#problem_desc3 p{
font-size:11px;
}
#problem_container3{position:relative; height:290px; }
#guaranteed {
position:relative;
top:-22px;
*top:-20px;
left:100px;
height:87px;
overflow:hidden;
}





#calc1 {
width:300px;
}
#calc1 label {
clear:both;
float:left;
}
#calc1 input {
float:right;
margin-bottom:7px;
width:112px;
}
.myinput {
clear:both;
float:right;
width:121px !important;
}

.calc2head {
	font-weight:bold;
	font-size:12px;
}
.calc2head1 {
	font-weight:bold;
	font-size:11px;
	color:#023B58;

}

.calcbox {
	width:561px;
	border-left:1px solid #b2b2b2;
	border-right:1px solid #b2b2b2;
}
.calcboxtop {
	width:561px;
	background:url(calculator/top-box.gif) no-repeat;
	height:16px;
	margin-bottom:-10px;
}
.calcboxbottom {
	width:561px;
	background:url(calculator/bottom-box.gif) no-repeat;
	height:16px;
	margin-bottom:20px;
}
.calcboxcontent {
	width:535px;
	border-left:1px solid #b2b2b2;
	border-right:1px solid #b2b2b2;
	padding-left:12px;
	padding-right:12px;
	height:145px;
padding-top:3px;
background:url(calculator/1.gif) 12px 5px no-repeat;
}
.calcboxcontent2 {
	width:535px;
	border-left:1px solid #b2b2b2;
	border-right:1px solid #b2b2b2;
	padding-left:12px;
	padding-right:12px;
	height:380px;
	*height:390px;
padding-top:3px;
*padding-top:5px;
background:url(calculator/2.gif) 12px 5px no-repeat;
}
.calcboxcontent2 table {
	margin-left:-5px;
}
.calc2input {
margin-bottom:4px;
width:145px;
padding-top:1px;
padding-left:3px;
padding-right:3px;
height:15px;
color:#CC6600 !important;
border:1px solid #b2b2b2;
text-align: right;
white-space:nowrap;
font-size:10px !important;
font-weight:bold;
}
.calc2inputBig {
margin-bottom:4px;
width:170px;
height:15px;
padding-top:1px;
padding-left:3px;
padding-right:3px;
color:#CC6600 !important;
border:1px solid #b2b2b2;
font-size:10px !important;
font-weight:bold;
text-align: right;
}
.calcboxcontent3 {
	width:535px;
	border-left:1px solid #b2b2b2;
	border-right:1px solid #b2b2b2;
	padding-left:12px;
	padding-right:12px;
	height:213px;
padding-top:3px;
background:url(calculator/3.gif) 12px 5px no-repeat;
}
.calcboxcontent4 {
	width:535px;
	border-left:1px solid #b2b2b2;
	border-right:1px solid #b2b2b2;
	padding-left:12px;
	padding-right:12px;
	height:173px;
padding-top:3px;
background:url(calculator/4.gif) 12px 7px no-repeat;
}
.calcboxcontent h2, .calcboxcontent3 h2, .calcboxcontent4 h2  {
	border-bottom:1px dashed #b2b2b2;
	padding-bottom:10px;
	margin-bottom:18px !important;
margin-left:50px;
}
.calcboxcontent2 h2 {
	border-bottom:1px dashed #b2b2b2;
	padding-bottom:10px;
	margin-bottom:10px !important;
margin-left:50px;
}
#calc1 label {
clear:both;
float:left;
}
#calc1 input {
float:right;
margin-bottom:7px;
width:112px;
}
.clearer {
	clear:both;
}
.smallcalc {
	font-size:10px;
}


.pollresult{width:260px;margin-bottom:10px;}
.QuestionText{font-size:14px; }
.QuestionHeader{font-size:14px; margin-bottom:5px;font-weight:bold;text-align:center;}
.QuestionAnswerHeader {font-size:14px; margin-bottom:10px;font-weight:bold;text-align:center;}
.QuestionChoices{font-size:12px; line-height:2;}


#twitter_update_list {
                margin-lefT:0;
                padding-left:0;

}
#twitter_update_list li {
                list-style:none;
                margin-left:0;
                padding-lefT:0;
                font-size:10px;
                border-bottom:1px dashed #ccc;
                margin-bottom:7px;
                padding-bottom:7px;
                *margin-bottom:6px;
                *padding-bottom:6px;
}

.vid-hide {
	display:none;
}
.vid-list {
	background:#e4e4e4;
}
.vid-details img {
	margin-right:12px;
	border:none;
margin-bottom:15px;
}
.vid-details ul {
	margin-left:260px;
}
.vid-details li {
	padding:0 0 8px 15px;
}
#myOnPageContent {
	text-align:center;
	padding-lefT:10px;
}
#mycarousel {
	margin:0;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	font-size:10px;
	_margin-top:-20px;
}
#mycarousel li {
	width:218px;
	background-image:none;
	padding:8px 0px 8px 8px;
	margin:0;
	border-bottom:1px solid #CCC;
	clear:both;
	height:45px;
}
#mycarousel img {
	margin-bottom:-3px;
	margin-right:5px;
}
#mycarousel .leftimg {
	margin:0px 15px 0px 0px !important;
	align:left;
	border:1px solid #666;
}
#mycarousel h2 {
	margin-bottom:9px;
	font-size:11px;
}