﻿/* This style sheet is used in order to work budget planner popup on National.css */
/* presentation.css and common.css classes used in budget planner */
body
{
	behavior: url("/_styles/csshover3.htc");
}
.cursor-pointer
{
	cursor: pointer;
}
.a
{
	color: #336600;
	cursor: pointer;
	font-size: inherit;
	text-decoration: none;
}
.a:hover
{
	text-decoration: underline;
	color: #009900;
}
.padding-all
{
	padding: 1em;
}
span.inlineHeading
{
	font-size: 85%;
	color: #000;
	font-weight: normal;
}
.cleared
{
	clear: both;
}
.IE6-erasegap
{
	_margin-right: -3px;
}
.numberHeading
{
	background: url('/App_Themes/Common/Images/icons/icon-blank.gif') left top no-repeat;
	font-size: 2.2em;
	color: #fff;
	padding: 5px 20px 14px 18px;
}
.dark-panel .numberHeading
{
	background: url('/App_Themes/Common/Images/icons/icon-blank-dark.gif') left top no-repeat;
}
#dialog h2
{
    font-size: 1.5em !important;
    border:none !important;
}
.padding-bottom-reset
{
	padding-bottom: 0 !important;
}
.padded-left
{
	padding-left: 1em !important;
}
#dialog h3
{
    font-size: 1.3em !important;
    line-height: 130% !important;
    text-transform: none !important;
}
.yellow-gradient h3
{
	color:#4F4F4F;
}
#dialog h3 a
{
	font-weight:bold;
}
.ui-tabs-selected a
{
	font-weight: bold;
}
.white,.white a,.white a:hover,a.white:hover
{
	color: #fff !important;
}
h2.half-margin, h3.half-margin, h4.half-margin
{
	margin: 0.5em 0 0.3em !important;
}
.answer-panel
{
	padding-left:5.5em !important;
}
.light-green
{
	color: #ADBCA0 !important;
}
.half-padded-bottom
{
	padding-bottom: 0.5em !important;
}
.half-padded-top
{
	padding-top: 0.5em !important;
}
.position-absolute
{
	position: absolute;
}
ol.form-list, ul.form-list {
	list-style-image: none !important;
}
#dialog ol,#dialog ul {
	margin-left:2.2em ;
}
ul.bulleted {
	background:none repeat scroll 0 0 transparent;
	margin-left:2.2em;
}
ul.form-list {
	list-style-type: none ;
	padding-left: 0;
}
#dialog input
{
	margin: 3px;
	*margin: 0;
}
#dialog li
{
	line-height: 130%;
	font-size: 1.2em;
}
#tooltip h3
{
	font-weight:normal !important;
}
.ajax-loading
{
	display: none;
	width: 100%;
	height: 400px;
	padding-top: 100px;
	text-align: center;
	font-size: 1.5em;
	background: transparent url('/App_Themes/Common/images/icons/ajax-loader-transparent.gif') no-repeat center center;
}
.section-heading
{
	background: transparent url('/App_Themes/Common/images/type/section-heading-bg.gif') no-repeat top left;
	height: 2.3em;
	margin-top: 3em;
	padding: 0.5em 0.5em 0;
	position: relative;
}
#dialog .margin-right
{
	margin-right: 1em !important;
}
.margin-left-reset
{
	margin-left: 0 !important;
}
.border-reset
{
	border: 0 none !important;
}
.border-top-reset
{
	border-top: none !important;
}
.border-bottom-reset
{
	border-bottom: none !important;
}
.border-left-reset
{
	border-left: none !important;
}
.border-right-reset
{
	border-right: none !important;
}
.col-halfwidth
{
	width: 50%;
}
.yellow-gradient
{
	background: #f9f7ef url('/App_Themes/Common/images/pages/yellow-gradient.gif') repeat-x scroll top left;
	border-bottom: solid 1px #d3d3d3;
}
.margin-top-reset
{
	margin-top: 0 !important;
}
h3.weight-icon
{
	line-height:1em !important;
}
a.unstyled-link, .unstyled-link a, a.unstyled-link:hover, .unstyled-link a:hover
{
    color: inherit;
    text-decoration: none !important;
}

@media print
{
	*
	{
		overflow: visible !important;
	}
	.no-print
	{
		display: none !important;
	}
	.ui-dialog
	{
		left: 0 !important;
		margin: 0 auto;
		top: 0 !important;
		width: auto !important;
	}
	.print-only
	{
		display: block !important;
		overflow: hidden;
	}
}

