/*https://responsivedesign.is/develop/browser-feature-support/media-queries-for-common-device-breakpoints/*/
@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'DIN-Regular';
	src: url('ufonts.com_din-regular1.eot');
	src: url('ufonts.com_din-regular1.eot?#iefix') format('embedded-opentype'),
		 url('ufonts.com_din-regular1.woff') format('woff'),
		 url('ufonts.com_din-regular1.ttf') format('truetype'),
		 url('ufonts.com_din-regular1.svg#ufonts.com_din-regular1') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 320px) {
	html, body{ margin:0; padding:0; font-family:"Segoe UI",Arial,sans-serif; font-size:14px; color:#1B1B1B;}
	
	.center{margin:0 auto; text-align:center;}

	.clear{ clear:both; margin:0 !important; padding:0 !important;}
	.flt_lft{ float:left;}
	.flt_rht{ float:right;}
	ul{ list-style:none; margin:0; padding:0;}
	p, h1, h2, h3, h4, h5, h6{ margin:0; padding:0;}
	img{ margin:0; padding:0; border:none;}

	a{ color:#0087B9; text-decoration:none;}
	a:hover{ color:#0087B9; text-decoration:underline;}

	#container{ margin:0; padding:0; width:100%; }
	#wrapper{ margin:0 auto; padding:0; width:450px;}

	#header{ margin:0; padding:0; width:450px; height:25px; }
	#header .resizer{ margin:0; padding:0; float:right; position:relative; top:-3px;}

	#headerblock{ margin:10px 0; padding:0; width:450px; height:59px;}
	a.logo{ margin:0 0 10px 10px; padding: 0; background:url(../img/logo.jpg); height:59px; width:286px; display:block; float:left; text-indent:-9999px;}

	#menu{ margin:0; padding:0; background:#403F3F; height:30px;}
	#menu ul li{font-weight:bold; margin:0; padding:0; float:left; height:30px; line-height:30px; text-transform:uppercase; text-align:center; font-size:14px;}
	#menu ul li a{ color:#FFF; text-decoration:none; padding:0; display:block; width:100px;}
	#menu ul li a:hover{ color:#FFF; background:#2591B9; text-decoration:none;}
	#menu ul li.separator{ border-left:1px solid #fff;}

	#flashbox{ margin:0; padding:0; height:340px; width:450px;}

	#bodyWrap{ margin:0; padding:0; width:450px;}
	#contentWrap{ margin:0; padding:40px 10px; width:980px;}

	#authorityLogo{ margin:0; padding:0; width:980px;}
	#authorityLogo h2{ margin:0; padding:0 0 15px 0; font-size:20px; color:#1B1B1B; font-family:'DIN-Regular'; text-transform:uppercase;}
	#authorityLogo ul li{ margin:0 0 0 125px; padding:0; float:left; display:block; font-family:'DIN-Regular'; text-align:center; background:#fff; font-size:14px; font-weight:bold; }
	#authorityLogo ul li a{width:151px; margin:0; padding:0; color:#1b1b1b; text-decoration:none; display:block;}
	#authorityLogo ul li a:hover{ color:#EE3526; text-decoration:none;}

	#authorityLogoAbout{ margin:0; padding:0; width:980px;}
	#authorityLogoAbout h2{ margin:0; padding:0 0 15px 0; font-size:20px; color:#1B1B1B; font-family:'DIN-Regular'; text-transform:uppercase;}
	#authorityLogoAbout ul li{ margin:0 0 0 120px; padding:0; float:left; display:block; font-family:'DIN-Regular'; text-align:center; background:#fff; font-size:14px; font-weight:bold; }
	#authorityLogoAbout ul li a{width:151px; margin:0; padding:0; color:#1b1b1b; text-decoration:none; display:block;}
	#authorityLogoAbout ul li a:hover{ color:#EE3526; text-decoration:none;}

	#onlineRenewal { margin:15px auto 0 auto; width:800px;}
	#onlineRenewal ul li{ margin:0; padding:0 0 5px 0; height:27px; width:660px; display:block;}
	#onlineRenewal label{ margin:0; padding:0; float:left; height:27px; line-height:27px; float:left; width:400px; font-size:14px;line-height: 18px;}
	#onlineRenewal input[type=text]{ margin:0 0 0 10px; padding:5px; border:1px solid #1b1b1b; width:225px; float:left; height:15px; -webkit-border-radius: 5px; border-radius: 5px; }
	#onlineRenewal input[type="submit"] {margin-left:410px;}

	#pagelink{ margin:0; padding:0 15px; background:url(../img/quicknavbg.jpg); height:54px; border-bottom:1px solid #dedede;}
	#pagelink ul{ margin:0; padding:0; list-style:none;}
	#pagelink ul li{ margin:0 10px 0 0; padding:0; float:left; line-height:54px; font-weight:bold;}
	#pagelink ul li a{ color:#0087b9; text-decoration:none;}
	#pagelink ul li a:hover{ color:#636363; text-decoration:none;}
	#pagelink ul li a.active{ color:#636363; text-decoration:none; cursor:default;}

	#innerContainer{ margin:0; width:450px;}
	#innerContainer .leftCol{padding:20px; margin:0; width:209px; float:left; background:#eeeeee;}


	a.leftlogo{ margin:0 auto; padding:0; background:url(../img/logo1.jpg); height:72px; width:72px; text-indent:-9999px; display:block;}
	.leftCol h3{ margin:0; padding: 8px 0; font-size:18px; color:#1b1b1b; font-family:'DIN-Regular'; text-transform:uppercase; text-align:center;}
	.address td{ margin:0; padding:2px; vertical-align:top; font-size:14px;}

	#innerContainer .rightCol{ margin:0; padding:20px; width:690px; float:right;}
	.rightCol p{ margin:0; padding:10px 0 0 0; line-height:18px;}
	.rightCol p:last-child{ margin:0; padding:0;}

	#innerContainer .rightCol li
	{
		background: url(../img/bullet.png) no-repeat;
		background-position: 0 60%;
	list-style-position:outside;
	padding-left:18px;
	}

	#innerContainer .fullPage{padding:20px; margin:0;}

	.header
	{
		padding:5px 0 5px 10px;

		margin-bottom:35px;
		border-left-color:#d7463f;
		border-left-width:6px;
		border-left-style:solid;
		display:block;
		position:relative;
	}

	h1
	{    
		color:#1b1b1b;
		font-size:26px;
		font-weight:normal;
		padding-bottom:5px;
	}

	h2
	{
		font-family:"Segoe UI"; font-weight:bold; font-size:20px; color:#1B1B1B;
	}

	form.form{ margin:0; padding:0; width:auto;}
	form.form div{ margin:0 0 8px 0; padding:0;}
	form.form label{ margin:0; padding:0 20px 0 0; width:150px; float:left;  line-height:30px; font-size:14px; text-align:right;}
	form.form label span{ color:#F00;}
	form.form input[type=text]{ border: 1px solid #B9BDC1;  color: #797979; font: 15px Arial,Helvetica; margin: 0; padding: 5px; width: 300px; float:left;}
	form.form select{border: 1px solid #B9BDC1; color: #797979; font: 15px Arial,Helvetica; margin: 0; padding: 5px; width: 380px; float:right;}
	form.form p{ margin:0; padding:0 0 8px 0; font-size:12px; line-height:18px; text-align:justify;}

	#columns{ margin:0; padding:0;}

	.form2{ margin:0; padding:0; width:auto;}
	.form2 div{ margin:0 0 8px 0; padding:0;}
	.form2 label{ margin:0; padding:0; width:100px; float:left; font-size:14px; text-align:right;}
	.form2 label span{ color:#F00;}
	.form2 input[type=text]{ border: 1px solid #B9BDC1; color: #000000; font: 15px Arial,Helvetica; width: 220px;}
	.form2 textarea{ border: 1px solid #B9BDC1; color: #000000; font: 15px Arial,Helvetica; margin: 0; padding: 5px; float:left; }
	.form2 select{border: 1px solid #B9BDC1; color: #000000; font: 15px Arial,Helvetica; margin: 0; padding: 5px; width: 246px; float:left;}
	.form2 p{ margin:0; padding:0 0 8px 0; font-size:12px; line-height:18px; text-align:justify;}
	.submit { background:url(../img/submitbtn.png); height:43px; width:114px; float:left; border:none; text-indent:-9999px; cursor:pointer;}
	.cancel { margin:0 10px 0 95px;}

	   

	#footer{ margin:0; padding:20px 20px 1px 20px; width:960px; background:#DEDEDE; font-size:14px;}
	#footerMenu { margin:0; padding:0; height:28px; width:960px; line-height:28px;}
	#footerMenu a.logo{ margin:0 8px 0 0; padding:0; background:url(../img/footer-logo.png) no-repeat; height:28px; width:70px; float:left;}
	#footerMenu ul { height:28px; display:block; float:right; margin:0; padding:0; list-style:none;}
	#footerMenu ul li{ margin:0 0 0 10px; padding:0; line-height:28px; float:left; color:#fff;}
	#footerMenu ul li a{ color:#1b1b1b; text-decoration: none; font-size:12px;}
	#footerMenu ul li a:hover{ color:#1b1b1b; text-decoration:underline;}
	#footer a{ color:#1b1b1b; text-decoration: none; font-size:12px;}
	#footer a:hover{ color:#1b1b1b; text-decoration:underline;}

	#servicelink{ margin: 50px 0 10px 0; width:960px; padding:0;}
	.servblock{ margin:0; padding:0; width:192px; float:left;}
	.servblock h4{ margin:0; padding:0 0 4px 0; color:#1b1b1b; font-size:16px;}
	.servblock ul li{ margin:0; padding:0; line-height:20px;}
	.servblock ul li a{ color:#1b1b1b; text-decoration:none;}
	.servblock ul li a:hover{ color:#1b1b1b; text-decoration:underline;}

	#bottomlogobox{ margin:0; padding:0; width:960px; text-align:center;}


	.submit,button, button.submit, input[type="submit"] {
		background-image: url('../img/icon_arrow.png');
		background-repeat: no-repeat;
		background-position: 97% center;
		background-color: #000;
		text-decoration:none !important;
		color: #FFF !important;
		padding: 4px 19px 4px 9px;
		border: 0px;
		text-transform:uppercase;
	}

	.submit:hover,button:hover, button.submit:hover, input[type="submit"]:hover {
		background-image: url('../img/icon_arrow2.png');
		background-color: #D7463F;
		text-decoration:none !important;
		color: #FFF !important;
		border: 0px;
		
	}
	.cancel, button.cancel, input[type="reset"] {
		background-color: #CDCBBC;
		color: #FFF;
		padding: 4px 10px;
		border: 0px;
		text-transform:uppercase;
	}
	.cancel:hover, button.cancel:hover, input[type="reset"]:hover {
		background-color: #FFF;
		color: #000;
		border: 1px solid #000;
		padding: 3px 9px;
	}


	/* breadcrumbs */
	.section.links {
		height: 30px;
		margin: 5px 0;
		border: 1px solid #DEDEDE;
		position: relative;
		color: #0087B9;
		font-size: 12px;
	}
	.section.links .breadcrumbs {
		position: absolute;
	}
	.section.links .breadcrumbs {
		left: 15px;
		top: 7px;
		width:750px;
		height:18px;
		overflow:hidden;

	}

	.section.links .breadcrumbs span.variation-root,
	.section.links .breadcrumbs span.variation-root + span {
		display:none;
	}

	.section.links .breadcrumbs span.current-page {
		margin-right: 0;
		color: #666877;
	}
	.section.links .breadcrumbs span.current-page:visited {
		color: #666877;
	}
	.section.links .breadcrumbs span.current-page:hover {
		text-decoration: none;
	}

	.helpquestion
	{
		text-transform:uppercase;
		font-weight:bold;
	}

	.text-resize {
		font-weight: bold;
		color: #D9D9D9;
		line-height:20px;
	}

	.text-resize a {
		color: #D9D9D9;
	}

	.text-resize .small{
		font-size: 12px;
	}
	.text-resize .medium{
		font-size: 16px;
	}
	.text-resize .large{
		font-size: 20px;
	}


		.small { font-size: 12px; }
		.medium { font-size: 14px; }
		.large { font-size: 16px;}
		
	.resizer .resizerinner {margin-right: 8px; font-weight:bold;}
	.resizer .resizerinner a {color:#d9d9d9;}

	.resizer .small { font-size: 12px; }
	.resizer .medium { font-size: 16px; }
	.resizer .large { font-size: 20px; }
	
}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {

	/*html, body{ margin:0; padding:0; font-family:"Segoe UI",Arial,sans-serif; font-size:14px; color:#1B1B1B; background:url(../img/main_bg.jpg) no-repeat top center;}*/
    html, body{ margin:0; padding:0; font-family:"Segoe UI",Arial,sans-serif; font-size:14px; color:#1B1B1B;}
	   
	.center{margin:0 auto; text-align:center;}

	.clear{ clear:both; margin:0 !important; padding:0 !important;}
	.flt_lft{ float:left;}
	.flt_rht{ float:right;}
	ul{ list-style:none; margin:0; padding:0;}
	p, h1, h2, h3, h4, h5, h6{ margin:0; padding:0;}
	img{ margin:0; padding:0; border:none;}

	a{ color:#0087B9; text-decoration:none;}
	a:hover{ color:#0087B9; text-decoration:underline;}


	#container{ margin:0; padding:0; width:100%; background:url(../img/headerbg.jpg) repeat-x;  }
	#wrapper{ margin:0 auto; padding:0; width:1000px;}

	#header{ margin:0; padding:0; width:1000px; height:25px;}
	#header .resizer{ margin:0; padding:0; float:right; position:relative; top:-3px;}

	#headerblock{ margin:10px 0; padding:0; width:1000px; height:59px;}
	a.logo{ margin:0 0 10px 10px; padding: 0; background:url(../img/logo.jpg); height:59px; width:286px; display:block; float:left; text-indent:-9999px;}

	#menu{ margin:0; padding:0; background:#403F3F; height:30px;}
	#menu ul li{font-weight:bold; margin:0; padding:0; float:left; height:30px; line-height:30px; text-transform:uppercase; text-align:center; font-size:14px;}
	#menu ul li a{ color:#FFF; text-decoration:none; padding:0; display:block; width:249px;}
	#menu ul li a:hover{ color:#FFF; background:#2591B9; text-decoration:none;}
	#menu ul li.separator{ border-left:1px solid #fff;}

	#flashbox{ margin:0; padding:0; height:340px; width:1000px;}

	#bodyWrap{ margin:0; padding:0; width:1000px;}
	#contentWrap{ margin:0; padding:40px 10px; width:980px;}

	#authorityLogo{ margin:0; padding:0; width:980px;}
	#authorityLogo h2{ margin:0; padding:0 0 15px 0; font-size:20px; color:#1B1B1B; font-family:'DIN-Regular'; text-transform:uppercase;}
	#authorityLogo ul li{ margin:0 0 0 125px; padding:0; float:left; display:block; font-family:'DIN-Regular'; text-align:center; background:#fff; font-size:14px; font-weight:bold; }
	#authorityLogo ul li a{width:151px; margin:0; padding:0; color:#1b1b1b; text-decoration:none; display:block;}
	#authorityLogo ul li a:hover{ color:#EE3526; text-decoration:none;}

	#authorityLogoAbout{ margin:0; padding:0; width:980px;}
	#authorityLogoAbout h2{ margin:0; padding:0 0 15px 0; font-size:20px; color:#1B1B1B; font-family:'DIN-Regular'; text-transform:uppercase;}
	#authorityLogoAbout ul li{ margin:0 0 0 120px; padding:0; float:left; display:block; font-family:'DIN-Regular'; text-align:center; background:#fff; font-size:14px; font-weight:bold; }
	#authorityLogoAbout ul li a{width:151px; margin:0; padding:0; color:#1b1b1b; text-decoration:none; display:block;}
	#authorityLogoAbout ul li a:hover{ color:#EE3526; text-decoration:none;}

	#onlineRenewal { margin:15px auto 0 auto; width:800px;}
	#onlineRenewal ul li{ margin:0; padding:0 0 5px 0; height:27px; width:660px; display:block;}
	#onlineRenewal label{ margin:0; padding:0; float:left; height:27px; line-height:27px; float:left; width:400px; font-size:14px;line-height: 18px;}
	#onlineRenewal input[type=text]{ margin:0 0 0 10px; padding:5px; border:1px solid #1b1b1b; width:225px; float:left; height:15px; -webkit-border-radius: 5px; border-radius: 5px; }
	#onlineRenewal input[type="submit"] {margin-left:410px;}

	#pagelink{ margin:0; padding:0 15px; background:url(../img/quicknavbg.jpg); height:54px; border-bottom:1px solid #dedede;}
	#pagelink ul{ margin:0; padding:0; list-style:none;}
	#pagelink ul li{ margin:0 10px 0 0; padding:0; float:left; line-height:54px; font-weight:bold;}
	#pagelink ul li a{ color:#0087b9; text-decoration:none;}
	#pagelink ul li a:hover{ color:#636363; text-decoration:none;}
	#pagelink ul li a.active{ color:#636363; text-decoration:none; cursor:default;}

	#innerContainer{ margin:0; width:980px;}
	#innerContainer .leftCol{padding:20px; margin:0; width:209px; float:left; background:#eeeeee;}


	a.leftlogo{ margin:0 auto; padding:0; background:url(../img/logo1.jpg); height:72px; width:72px; text-indent:-9999px; display:block;}
	.leftCol h3{ margin:0; padding: 8px 0; font-size:18px; color:#1b1b1b; font-family:'DIN-Regular'; text-transform:uppercase; text-align:center;}
	.address td{ margin:0; padding:2px; vertical-align:top; font-size:14px;}

	#innerContainer .rightCol{ margin:0; padding:20px; width:690px; float:right;}
	.rightCol p{ margin:0; padding:10px 0 0 0; line-height:18px;}
	.rightCol p:last-child{ margin:0; padding:0;}

	#innerContainer .rightCol li
	{
		background: url(../img/bullet.png) no-repeat;
		background-position: 0 60%;
	list-style-position:outside;
	padding-left:18px;
	}

	#innerContainer .fullPage{padding:20px; margin:0;}

	.header
	{
		padding:5px 0 5px 10px;

		margin-bottom:35px;
		border-left-color:#d7463f;
		border-left-width:6px;
		border-left-style:solid;
		display:block;
		position:relative;
	}

	h1
	{    
		color:#1b1b1b;
		font-size:26px;
		font-weight:normal;
		padding-bottom:5px;
	}

	h2
	{
		font-family:"Segoe UI"; font-weight:bold; font-size:20px; color:#1B1B1B;
	}

	form.form{ margin:0; padding:0; width:auto;}
	form.form div{ margin:0 0 8px 0; padding:0;}
	form.form label{ margin:0; padding:0 20px 0 0; width:150px; float:left;  line-height:30px; font-size:14px; text-align:right;}
	form.form label span{ color:#F00;}
	form.form input[type=text]{ border: 1px solid #B9BDC1;  color: #797979; font: 15px Arial,Helvetica; margin: 0; padding: 5px; width: 300px; float:left;}
	form.form select{border: 1px solid #B9BDC1; color: #797979; font: 15px Arial,Helvetica; margin: 0; padding: 5px; width: 380px; float:right;}
	form.form p{ margin:0; padding:0 0 8px 0; font-size:12px; line-height:18px; text-align:justify;}

	#columns{ margin:0; padding:0;}

	.form2{ margin:0; padding:0; width:auto;}
	.form2 div{ margin:0 0 8px 0; padding:0;}
	.form2 label{ margin:0; padding:0; width:100px; float:left; font-size:14px; text-align:right;}
	.form2 label span{ color:#F00;}
	.form2 input[type=text]{ border: 1px solid #B9BDC1; color: #000000; font: 15px Arial,Helvetica; width: 220px;}
	.form2 textarea{ border: 1px solid #B9BDC1; color: #000000; font: 15px Arial,Helvetica; margin: 0; padding: 5px; float:left; }
	.form2 select{border: 1px solid #B9BDC1; color: #000000; font: 15px Arial,Helvetica; margin: 0; padding: 5px; width: 246px; float:left;}
	.form2 p{ margin:0; padding:0 0 8px 0; font-size:12px; line-height:18px; text-align:justify;}
	.submit { background:url(../img/submitbtn.png); height:43px; width:114px; float:left; border:none; text-indent:-9999px; cursor:pointer;}
	.cancel { margin:0 10px 0 95px;}

	   

	#footer{ margin:0; padding:20px 20px 1px 20px; width:960px; background:#DEDEDE; font-size:14px;}
	#footerMenu { margin:0; padding:0; height:28px; width:960px; line-height:28px;}
	#footerMenu a.logo{ margin:0 8px 0 0; padding:0; background:url(../img/footer-logo.png) no-repeat; height:28px; width:70px; float:left;}
	#footerMenu ul { height:28px; display:block; float:right; margin:0; padding:0; list-style:none;}
	#footerMenu ul li{ margin:0 0 0 10px; padding:0; line-height:28px; float:left; color:#fff;}
	#footerMenu ul li a{ color:#1b1b1b; text-decoration: none; font-size:12px;}
	#footerMenu ul li a:hover{ color:#1b1b1b; text-decoration:underline;}
	#footer a{ color:#1b1b1b; text-decoration: none; font-size:12px;}
	#footer a:hover{ color:#1b1b1b; text-decoration:underline;}

	#servicelink{ margin: 50px 0 10px 0; width:960px; padding:0;}
	.servblock{ margin:0; padding:0; width:192px; float:left;}
	.servblock h4{ margin:0; padding:0 0 4px 0; color:#1b1b1b; font-size:16px;}
	.servblock ul li{ margin:0; padding:0; line-height:20px;}
	.servblock ul li a{ color:#1b1b1b; text-decoration:none;}
	.servblock ul li a:hover{ color:#1b1b1b; text-decoration:underline;}

	#bottomlogobox{ margin:0; padding:0; width:960px; text-align:center;}


	.submit,button, button.submit, input[type="submit"] {
		background-image: url('../img/icon_arrow.png');
		background-repeat: no-repeat;
		background-position: 97% center;
		background-color: #000;
		text-decoration:none !important;
		color: #FFF !important;
		padding: 4px 19px 4px 9px;
		border: 0px;
		text-transform:uppercase;
	}

	.submit:hover,button:hover, button.submit:hover, input[type="submit"]:hover {
		background-image: url('../img/icon_arrow2.png');
		background-color: #D7463F;
		text-decoration:none !important;
		color: #FFF !important;
		border: 0px;
		
	}
	.cancel, button.cancel, input[type="reset"] {
		background-color: #CDCBBC;
		color: #FFF;
		padding: 4px 10px;
		border: 0px;
		text-transform:uppercase;
	}
	.cancel:hover, button.cancel:hover, input[type="reset"]:hover {
		background-color: #FFF;
		color: #000;
		border: 1px solid #000;
		padding: 3px 9px;
	}


	/* breadcrumbs */
	.section.links {
		height: 30px;
		margin: 5px 0;
		border: 1px solid #DEDEDE;
		position: relative;
		color: #0087B9;
		font-size: 12px;
	}
	.section.links .breadcrumbs {
		position: absolute;
	}
	.section.links .breadcrumbs {
		left: 15px;
		top: 7px;
		width:750px;
		height:18px;
		overflow:hidden;

	}

	.section.links .breadcrumbs span.variation-root,
	.section.links .breadcrumbs span.variation-root + span {
		display:none;
	}

	.section.links .breadcrumbs span.current-page {
		margin-right: 0;
		color: #666877;
	}
	.section.links .breadcrumbs span.current-page:visited {
		color: #666877;
	}
	.section.links .breadcrumbs span.current-page:hover {
		text-decoration: none;
	}

	.helpquestion
	{
		text-transform:uppercase;
		font-weight:bold;
	}

	.text-resize {
		font-weight: bold;
		color: #D9D9D9;
		line-height:20px;
	}

	.text-resize a {
		color: #D9D9D9;
	}

	.text-resize .small{
		font-size: 12px;
	}
	.text-resize .medium{
		font-size: 16px;
	}
	.text-resize .large{
		font-size: 20px;
	}


		.small { font-size: 12px; }
		.medium { font-size: 14px; }
		.large { font-size: 16px;}
		
	.resizer .resizerinner {margin-right: 8px; font-weight:bold;}
	.resizer .resizerinner a {color:#d9d9d9;}

	.resizer .small { font-size: 12px; }
	.resizer .medium { font-size: 16px; }
	.resizer .large { font-size: 20px; }




}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Ajax Loading style
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#loading_div {  
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(51,51,51,0.7);
    z-index: 10;    
}

.loading { 
    /*border:1px solid #ddd; 
    padding:20px; 
    margin:40px 5px; 
    width:80px;*/
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px;  /* -1 * image height / 2 */
    display: block;         
}


 .holds-the-iframe {
  /*background:url(../img/ajax-loader.gif) center center no-repeat;*/
 }