.clear {
    clear:both;
}
/* This stylesheet widens the template */

#page
{
	margin: 0 auto;
	width: 980px;
	background: #fff;
	text-align: left;
}

#inner_wrap
{
	width: 960px;
	background: #EFEEEC;
	float: left;
	border: 10px solid #fff;
	padding: 0;
	border-top: 0;
}

		#header
		{
			background: none repeat scroll 0 0 #0a1e59;
            float: left;
            height: 100px;
            width: 950px;
		}


			#header #logo {
				float: left;
				display: block;
				width: 173px;
				height: 100px;
				font-size: 0px;
				margin-right: 187px;
			}

			#header #area_name {
				float: left;
				display: block;
				width: 238px;
				height: 100px;
				font-size: 0px;
			}


			#note_bar {
				background: none repeat scroll 0 0 #efedec;
                float: left;
                height: 32px;
                width: 960px;
			}

			#note_bar p {
				padding: 8px 10px;
				height: 16px;
				color: #464541;
			}


#logo { font-size: 0; background: url(../img/hd_logo_white.png) no-repeat top left; width: 164px; height: 100px; float: left; }
#area_name { font-size: 0;  background: url(../img/logon_hd_bg_area_title.png) no-repeat top left; width: 166px; height: 22px; float: left; margin: 38px 0 0 26px }
#logout { float: right; height: 15px; width: 62px; margin:  9px 10px 0 0; }
#logout a { color: #FFF; float: left; font-size: .9em; line-height: 1.2em;}
#logout input { float: left; margin-right: 6px; }

#main_wrapper
{
	padding: 0 0 10px 0;
	float: left;
	background: #464340 url(../img/bg_main_wrapper.gif) repeat-y top left;
	width: 950px;
	padding-bottom: 10px;
	border: 10px solid #464340;
	border-left: none;
}

#ctl00_MainContentPlaceHolder_LabelReceiveCommunication {
	font-size:0.9em;
line-height:1.3em;
}

#home_main_wrapper
{
	float: left;
	width: 100%;
	background: url(../img/bg_homemainwrapper.gif) top left repeat-y;
	border-bottom: 10px solid #EFEDEC;
}

			#main_content, #home_main_content
			{
				padding:10px 20px;
				float: left;
				width: 520px;
				background: #FFF;
			}

			#home_main_content
			{
				padding-left: 0;
				width: 540px;
			}

			#main_content h1, #home_main_content h1
			{
                color: #232120;
                font-size: 1.8em;
                padding: 0 0 6px;
			}
			#home_main_content h2 {
			    font-size:1.8em;
			    color:#464340 !important;
			    text-decoration:none !important;
			    background:none;
			    font-family:Arial;
			    margin:0 !important;
			    padding:20px 0 0 0 !important;
			    /*border:1px solid red;*/
			    clear:both;
			}

				#main_content h2 {
			    font-size:1.8em;
			    color:#464340 !important;
			    text-decoration:none !important;
			    background:none;
			    font-weight: normal !important;
			    font-family:Arial;
			    margin:0 !important;
			    padding:0px 0 0 0 !important;
			    /*border:1px solid red;*/
			    clear:both;
			}


			#home_main_content h3
			{
				font-size: 1.2em;
				background: #EF5811;
				color: #fff;
				padding-bottom: 8px;
			}

			#main_content h3
			{
				color:#464340;
				font-size:1.6em;
				line-height:1.25em;
				margin-bottom:6px;
				background: none;
				padding: 0;
				float: none;
			}

			#main_content img, #home_main_content img
			{
				/*float: left;*/
				margin-bottom: 10px;
			}

			#main_content p, #home_main_content p
			{
				padding: 4px 0;
				line-height: 1.3em;
			}
			#home_main_content p
			{
				font-size: 1.2em;
				line-height: 1.4em;
			}
			#home_main_content p img
			{
				float: none;
				margin-bottom: 0;
			}



.input_form_row label
{
	width: 125px;
	float: left;
	display: block;
	padding-top: 5px;
	color: #464340;


font-size:0.9em;
font-weight:bold;
line-height:1.3em;
margin-right:10px;
width:220px;
}


#breadcrumbs
{
	border-bottom: 1px solid #DFDCD9;
	color: #aea79f;
	padding: 0 0 9px 0px;
	float: left;
	width: 520px;
	margin: 0 0 15px 0;
	font-size: 0.9em;
}

#mid_column_wrapper
{
	float: left;
	width: 560px;
	padding-bottom: 10px;
}


#home_right_column_wrapper
{
	float: left;
	width: 390px;
}


/* LEFT HAND NAVIGATION */

#lhs_navigation
{
	width: 160px;
	float: left;
	margin-top: 0;
	border-top: 1px solid #68645F;

}

	#lhs_navigation ul { }

		#lhs_navigation ul li
		{
			padding: 6px 10px 7px 10px;
			line-height: 1.3em;
			border-bottom: 1px solid #68645F;
		}

		#lhs_navigation ul li.sys_first
		{
		/*	border-top: 0;*/
		}

		#lhs_navigation ul li.sys_selected
		{
			background: #232120;
		}

			#lhs_navigation ul li a
			{
				color: #FFF;
			}

			#lhs_navigation ul li.sys_selected a
			{
				color: #FFF;
			}
/* HELP CONTENT AND CONTACT DETAILS */
.help_content, #home_help_content
{
	color: #464340;
}

.help_content
{
	float: left;
	width: 210px;
	background: #efedec;
	padding: 45px 10px 10px !important;
	font-size: 1em;
/*	line-height: 1.2em;*/
	color: #464340;
}

#help_content h2
{
	color: #464340;
	font-size: 1.5em;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	padding: 19px 0 7px;
}
.help_content p
{
	color:#464340;
	font-size:0.9em;
	line-height:1.3em;
	padding:2px 0 10px;
}


	.help_content h3
	{
		font-size: 1.4em;
		line-height:1.3em;
		padding: 5px 0 4px;
	}


	#home_help_content
	{
		margin: 10px 0 0 10px;
		float: left;
		width: 380px;
		background: #fff;
		position: relative;
	}


	.help_content h2, #home_help_content h2
	{
		background: #ee5811;
		float: left;
		color: #FFF;
		width: 200px;
		padding: 9px 10px 9px 10px;
		margin: 0;
		background: url(../img/bg_h2_homepage.gif) repeat-x top left;
	}

	#home_help_content h2
	{
		width: 360px;
		font-size: 1.4em;
		line-height: .7em;
	}

	#home_help_content a.home_viewFAQs
	{
		position: absolute;
		right: 9px;
		top: 10px;
		color: #fff;
		font-size: 0.85em;
		display: block;
		text-decoration: none;
	}

	#home_help_content a.home_viewFAQs:hover
	{
		text-decoration: underline;
	}

	#home_help_content h3
	{
		color:#464340;
		font-size:1.8em;
		line-height:1.25em;
		padding-bottom:4px;
	}

	.help_content .contact_panel
	{
		width: 210px;
		margin-bottom: 10px;
		font-size: 1em;
		line-height: 1em;
		float: left;
		background: url(../img/logon_divider.gif) bottom left repeat-x;
	}

	.help_content ul.faq_articles li, #home_help_content ul.faq_articles li
	{
		background: url(../img/logon_divider.gif) bottom left repeat-x;
		padding: 7px 0;
		float: left;
		height: auto;
		width: 200px;
		margin: 0;
		padding: 5px 10px;
		font-size: 1.1em;
	}

	#home_help_content ul.faq_articles li
	{
		background: none;
		border-bottom: 1px solid #efedec;
		width: 360px;
		font-size: .9em;
		line-height: 1.5em;
	}



/* MAIN AREA SUB NAVIGATION (currently only for i-zone online) */

#main_content ul
{
	padding: 10px 20p;
	width: 520px;
	float: left;
}

		#main_content ul li
		{
			float: left;
			background:#DFDCD9 url(../img/tab-nav-bg.gif) no-repeat scroll right bottom;
			margin:2px 10px 2px 0;
			padding:7px 10px 15px;
			font-size:1em;
			font-weight:bold;
		}

		#main_content ul li.sys_first
		{
			/*border-top: 0;*/
		}

		#main_content ul li.sys_selected
		{
			background:#EE5811 url(../img/tab-nav-selected-bg.gif) no-repeat scroll right bottom;
		}

			#main_content ul li a
			{
				color: #464340;
			}

			#main_content ul li.sys_selected a
			{
				color: #FFF;
			}

		#main_content ul.normal_list li
		{
			background: none;
			float: none;
		}


/* List of actual articles (currently only for i-zone online) */
#main_content ul#iZoneFAQs, #main_content #iZoneFAQs
{
	padding: 10px 0px;
	width: 520px;
	float: left;
}

		#main_content ul#iZoneFAQs li, #main_content #iZoneFAQs .faq_row
		{
			background: #fff url(../img/logon_divider.gif) bottom left repeat-x;
			padding: 7px 0;
			float: left;
			height: auto;
			width: 520px;
			margin: 0;
			font-weight:normal !important;
		}
			#main_content ul#iZoneFAQs li a
			{
				color: #1a67b4;
			}


/* FOR THE HOMEPAGE -- CHECKLIST */

#check_list_top
{
	height: 145px;
	width: 380px;
	float: left;
	background: url(../img/bg_checklist_top.gif) top left no-repeat;
	margin: 10px 0 0 10px;
}

#check_list
{
	background: #fff url(../img/bg_checklist.gif) top left repeat-y;
	width: 380px;
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 10px 0;
}
#check_list img { margin-left: 10px; border-bottom: 1px solid #bfd5ea !important; }

#check_list_bottom
{
	width: 380px;
	height: 2px;
	margin: 0 0 0 10px;
	float: left;
	background: url(../img/bg_checklist_bottom.gif) top left no-repeat;
}

/* FOR THE HOMEPAGE -- Want to know more? */

#want_to_know_panel
{
	float: left;
	width: 380px;
	background: #fff;
	margin: 20px 0 0 10px;
}

#want_to_know_panel h2
{
	color: #1a67b4;
	font-size: 1.4em;
	padding: 7px 10px 5px 32px;
	cursor: pointer;
}

#want_to_know_panel h2.open
{
	border-bottom: 1px solid #efedec;
	margin-bottom: 5px;
	background: url(../img/bg_wanttoknow_hd_open.gif) no-repeat top left;
}
#want_to_know_panel h2.closed
{
	background: url(../img/bg_wanttoknow_hd_close.gif) no-repeat top left;
}


#want_to_know_panel ul
{
	padding: 0 0 5px 22px;
	display: none;
}
#want_to_know_panel ul li
{
	list-style-type: disc;
	color: #aea79f;
	font-size: 1.0em;
	line-height: 1.4em;
}

/* FOR THE PHOTO UPLOADER  */


.error_message
{
	float: left;
	font-size: 1em;
	color: #0a1e59 !important;
	padding: 10px 0;
}

.PreviewImageHolder {
    background: transparent url(../img/bg_smartcard_preview.gif) no-repeat 0 0;
    width:393px;
    height:250px;
    float:left;
    position:relative;
    margin:20px 0 0 72px;
}
.PreviewImageHolder img {
    width:99px;
    height:128px;
    position:absolute;
    top:18px;
    left:19px;
}
.PreviewSummary {
    display:none;
}

.CropButtonHolder {
    float:left;
    text-align:center;
    margin-top:20px !important;
}


/* FOR FIELDSETS */

fieldset {
    margin-top:20px;
}
fieldset legend {
    background: url("../img/logon_hd_bg.gif") no-repeat scroll left bottom #0a1e59;
    clear: both;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 10px -7px;
    padding: 6px 6px 13px;
}

.normal-list {

                list-style-type: disc !important;

                list-style-position: outside !important;

                padding-left: 30px !important;

                width: 100% !important;

}

.normal-list li {

                background-color: transparent !important;

                float: none !important;

                padding: 0 0 5px 0 !important;

                margin: 0 !important;

                height: auto !important;

}



/* FOR THE I-ZONE BOX */


/* FOR THE I-ZONE BOX ON FAQs PAGE */

#ctl00_MainContentPlaceHolder_iZoneSearchBox {
background:transparent url(../img/i-zone-search-bg4.png) no-repeat scroll left top;
height:80px;
margin:10px 0 0 0 !important;
padding:10px 10px 0 10px;
width:360px;
float:left;
}

#ctl00_MainContentPlaceHolder_iZoneSearchQuestion {
margin:0 10px 0 50px;
padding:4px 2px 0 4px !important;
width:234px;
vertical-align:middle;
float:left;
font-size:1em;
border:0 none !important;
height:21px !important;
}

/* FOR THE I-ZONE BOX ON HOMEPAGE */

#iZoneSearchBox {
background:transparent url(../img/i-zone-search-bg4.png) no-repeat scroll left top;
height:80px;
margin:10px 0 0 10px !important;
padding:10px 10px 0 10px;
width:360px;
float:left;
}

#iZoneSearchQuestion {
margin:0 10px 0 50px;
*margin-left: 40px;
padding:4px 2px 0 4px !important;
width:234px;
vertical-align:middle;
float:left;
font-size:1em;
border:0 none !important;
height:21px !important;
}

#iZoneSearchSubmit, #ctl00_MainContentPlaceHolder_iZoneSearchSubmit {
background: transparent url(../img/izonesearchbutton2.png) no-repeat scroll left top;
border: 0 none;
width:60px;
height:25px;
padding:0;
float:left;
}

#iZoneSearchBox h4, #ctl00_MainContentPlaceHolder_iZoneSearchBox h4 {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
margin:0 0 0 50px;
padding:0 0 7px 0;
}

#iZoneSearchBox #iZoneSearchBox h4 span, #ctl00_MainContentPlaceHolder_iZoneSearchBox h4 span {
font-style:italic;
font-weight:normal;
}

.question_relevance { display: none; }



/* ****************** FOOTER ********************************** */

#footer
{
	text-align: left;
	width: 960px;
	background: #fff;
	float: left;
}
#footer_wrapper
{
	width: 940px;
	padding: 0 10px;
	margin-top: 7px;
	border-bottom: 10px solid #fff;
	float: left;
	background: url('../img/ft_bg.gif') repeat-y top left;
}
.footer_column
{
	width: 300px;
	float: left;
	padding: 9px 0 10px 0;
}
.with_line
{
	width: 311px;
	padding: 9px 9px 10px 0;
}
.footer_column h4
{
	color: #464340;
	font-size: 18px;
	padding: 0 0 8px 0;
}
.footer_column ul
{
	list-style: none;
	padding: 1px 0 0 0;
	margin: 0;
	float: left;
	font-size: 12px;
	width: 150px;
	line-height: 1.3em;
}

.footer_column ul li
{
	padding: 0px 0 3px 0;
}


.footer_column ul li ul
{
	list-style: url('../img/ft_list_indent.gif');
	padding-left: 18px;
}
#footer_disclaimer
{
	height: 16px;
	width: 938px;
	background: #efedec;
	float: left;
	color: #464340;
	font-size: 12px;
	padding: 8px 11px;
}
#under_footer
{
	clear: both;
	text-align: left;
	width: 960px;
	background: #fff;
	height: 10px;
}
#copyright
{
	float: right;
}
#mp3player, .mp3player
{
	z-index:-1;
}


/* ************************* MODAL POPUPS ************************* */

.modalPopup {
	background:#FFFFFF;
	border:10px solid #363433;
	padding:12px;
	width:300px;
}

.modalBackground {
	background-color:#000000;
	opacity:0.65;filter:alpha(opacity=65);
}

.modalPopup h1 {
	color:#232120;
	font-size:24px;
	font-weight:bold;
	line-height:1em;
	margin-bottom:10px;
	text-align:left;
}

.modalPopup select
{
	margin-bottom: 10px;
}

.modalPopup textbox
{
	margin-bottom: 10px;
}

.textareaLong
{
	width: 260px;
}

.input_button_row > input {
    background: none repeat scroll 0 0 #1a67b4;
    border: medium none;
    color: #fff;
    font-size: 12px;
    padding: 13px 20px 10px;
    text-transform: uppercase;
}

.input_button_row > input:hover {
    opacity: 0.7;
    transition: all 0.4s ease 0s;
}

#ButtonApplicationValidate {
    background: none repeat scroll 0 0 #1a67b4;
    border: medium none;
    color: #fff;
    font-size: 12px;
    padding: 13px 20px 10px;
    text-transform: uppercase;
}

#ButtonApplicationValidate:hover {
    opacity: 0.7;
    transition: all 0.4s ease 0s;
}