.pagebreak	{	page-break-after:always;}
.rcorners1 	{   border-radius: 20px;    background: #00bfff;    padding: 5px;    width: 850px;    height: 60px; }
.rcorners2 {    border-radius: 10px;    background: #00bfff;    padding: 5px;     width: 450px;    height: 40px; }
nav-v 				{ 	background: #ff0000;	width:80%; margin:5px;}
nav-v ul 			{ 	list-style:none; margin:0; padding:0;}						/* Removes bullet points */
nav-v ul li 		{ 	position:relative;width:400px}											/* Any child positioned absolutely will be positioned relative to this */
nav-v a 			{ 	color:#a0a0a0; padding:12px 0px; 	display:inline-block;;			/* Fill all available horizontal space */
						text-decoration:none;										/* Remove underline */
						font-family:Calibri; font-size:13px; text-transform:uppercase; padding-left:20px;}
nav-v a:hover 		{  	color:#fff;background: RGBA(200,200,200,0.05);					/*  RGBA background for transparancy:  last number(0.05) is the transparency  */}
nav-v ul li:hover ul { 	display:inline-block;; 												/* When list item is hovered, display UL nested within. */}
nav-v ul ul 		{ 	position:absolute; 											/* Remove element from document flow */
						 left:420px; 												/* Position relative to its parent <li> */
						 top:0; display:none;}
nav-v ul ul li 		{	width:350px; background:#f1f1f1; }
nav-v ul ul li a 	{	color:#a0a0a0; font-size:12px; text-transform:none;}
nav-v ul ul li a:hover { color:#fff;}
nav-v span			{	width:12px; height:12px; background:#fff; display:inline-block; float:left; margin-top:3px; margin-right:20px;
						position:relative; transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s;}
nav-v a:hover span 	{ 	background: #7d2c41; transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);}
	
/*------------------------- ENTIRE PAGEx -------------------------*/
@page{margin:0px auto;} //remove headers and footers from chrome
@page{margin-left: 30px;margin-right: 30px;margin-top: 30px;margin-bottom: 30px;}

.loader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url('stdimages/loading.gif') 50% 50% no-repeat rgb(249,249,249);}

/*
html *
{   font-size: 1em !important;   color: #000 !important;   font-family: Arial !important;}
*/
html 	{	-webkit-font-smoothing: antialiased;	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);	}
html a	{	-webkit-font-smoothing: antialiased;	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);	}
body 	{	font-family: Arial, Calibri, sans-serif;font-size: 12px;background: #c0c0c0;}
html, body {	height: 100%;	}

.longlat {display: inline-block;}
#map {display: none;}
#gmap {min-height:410px;}

* {	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	box-sizing: border-box;	font-size: 12px;}
.showcss {	display:block;}
.hidecss {	display:none;}
.popupc{position:absolute;top:150px;left:35%;background:#c0c0c0;width:250px;height:130px;padding:20px;border-radius:20px;}
/*------------------------- HEADER -------------------------*/
header {	background: #4499dd;	color: #ffffff;	height: 80px;	line-height: 80px;	padding: 5px;	margin-bottom: 0;	-moz-box-sizing: content-box;	-webkit-box-sizing: content-box;	box-sizing: content-box;}
header a {	padding: 0 20px;	color: #ffffff;	text-decoration: none;	border-radius: 5px;	-webkit-transition: all 1000ms;	-moz-transition: all 200ms;	-o-transition: all 200ms;	-ms-transition: all 200ms;	transition: all 1000ms;}
header a[class="bannerimage"] {	padding: 0;}
header a:hover {	background: #2277bb;}
.smallheader 	{	background: #4499dd;	font-size: 1.8em;	color: #ffffff; margin: 0;}
.smallheader tr {height: 30px; }
/*---------------------------------------------------*/
nav 					{	background: #a0a0a0;	padding:0px 0px 0px 40px;	width: 100%;		height: 35px;z-index:9;}
nav ul ul 				{	display: none;	padding: 0;	position: absolute;	top: 100%;	border: 1px solid  #2277bb;}
nav ul li:hover > ul 	{	display: block;}
nav ul 					{	padding: 0;	list-style: none;	position: relative;	display: inline-table;	margin: 0 auto;	z-index: 3;}
nav ul:after 			{	content: '';	clear: both;	diplay: block;}
nav ul li 				{	float:left;	-webkit-transition: all 200ms;	-moz-transition: all 200ms;	-o-transition: all 200ms;	-ms-transition: all 200ms;	transition: all 200ms;}
//display: inline-block;float: none; add to previous line
nav ul li:hover 		{	background: rgba(255, 255, 255, 0.1);}
nav ul li:hover a 		{	color: #ffffff;}
nav ul li a 			{	display: block;	padding: 10px 20px;	color: #ffffff;	text-decoration: none;font-size:12pt;}
nav ul ul li 			{	float: none;	position: relative;	white-space: nowrap;}
nav ul ul li a 			{	background: #4499dd;	color: #ffffff;}
nav ul ul li a:hover 	{	background: #2277bb;	color: #ffffff;	-webkit-transition: all 200ms;	-moz-transition: all 200ms;	-o-transition: all 200ms;	-ms-transition: all 200ms;	transition: all 200ms;}
nav ul ul ul li 			{	float: none;	position: relative;	white-space: nowrap;}
nav ul ul ul li a 			{	background: #4499dd;	color: #ffffff;}
nav ul ul ul li a:hover 	{	background: #2277bb;	color: #ffffff;	-webkit-transition: all 200ms;	-moz-transition: all 200ms;	-o-transition: all 200ms;	-ms-transition: all 200ms;	transition: all 200ms;}
nav ul ul ul 			{	position: absolute;	left: 100%;	top: 0;}
/*------------------------- SETTINGS FOR REMOVABLE HMENU LINKS ON BROWSER SHRINK -------------------------*/
@media(max-width: 1100px) 	{	.shrinka {	display: none;	}}
@media(max-width: 900px) 	{	.shrinkb {	display: none;	}}
@media(max-width: 300px) 	{	.shrinkc {	display: none;	}}
/*------------------------- MAIN LAYOUT -------------------------*/

#main 			{ 	margin: 0 auto;	padding: 1px 3px;	height: calc(100% - 30px - 20px - 25px - 35px);	width:95%;background:#FFFFFF;}
#mainmobile		{ 	margin: 0 auto;	padding: 5px 3px;	height:95%;	width:90%;}
#mainwithlogo 	{ 	margin: 0 auto;	padding: 5px 3px;	height: calc(100% - 80px - 30px - 25px - 35px);	width:100%;}
#maininner 		{	padding: 0 !important;	max-height: 100%;	max-height:  -webkit-100%;	max-height:  -moz-100%;	overflow: auto;	overflow-x: hidden;	margin: 0 auto;	width:100%;	background:#ffffff;}
footer 	{	top:10;left: 0;	bottom: 0;	right: 0;text-align:center;	padding: 0 0px;	width: 100%;	height: 25px;	background: #000000;	line-height: 25px;	color: rgb(172, 169, 168);}
footer a{	display: inline-block;	height: 100%;}
/*------------------------- MAIN FONTS and HEADINGS -------------------------*/
h1 {	color: #4499dd;		margin: 5px 0;}
/*------------------------- p31 LOGIN -------------------------*/
#loginform 									{	background: #e0e0e0;	border: 1px solid #c0c0c0;		padding: 10px 30px;	width: 400px;margin: 100px auto;	text-align: center;	font-size: 16px;border-radius:40px;}
#loginform input 							{	width: 100%;	padding: 10px;}
#loginform input[value="Login"] 			{	margin: 10px 0;}
#loginform input[value="User Registration"] {	width: auto;	display: block;	float: left;}
#loginform a 								{	float: center;	display: block;}
/*------------------------- p33 ENQUIRY -------------------------*/
#enquiry 					{	background: #e0e0e0;	border: 1px solid #c0c0c0;	padding: 10px 30px;	width: 400px;	margin: 20px auto;	font-size: 14px;}
#enquiry input, textarea 	{	padding: 7px;	width: 100%;}
#enquiry table 				{	background: transparent;}
#enquiry td 				{	border: none;	vertical-align: top;}
#enquiry input[type="button"], #enquiry input[type="submit"] 	{	width: auto;}
/*------------------------- p35 CLASSES -------------------------*/
#classes thead th, #classes thead td 	{	border: 1px solid #a0a0a0;}
#classes input[value="X"] 				{	float: right;}
/*------------------------- p46 CALENDAR / DIARY -------------------------*/
#diarymenu 		{	width: 200px;	float: left;}
.diarycal 		{	width: 1202px;	 margin-left: 5px;}
.diarycalmobile {	width: 98%;	float: left; margin-left: 5px;max-height:90%;}
.diarycalinner 	{	width: 100%;	position: relative;	padding: 0 !important;	height: calc(100%  - 30px  - 25px - 35px + 15px);	overflow: auto;	overflow-x: hidden;	 #c0c0c0;}
.diarycalinnermobile 	{	width: 100%;	position: relative;	padding: 0 !important;	height: 80%;	overflow: auto;	overflow-x: hidden;	#c0c0c0;}
.diarycaltable tbody tr td 					{	height: 30px;}
.diarycalmain tbody tr:nth-child(1) > td 	{	border-top: none;}
.tablewrapcaldetails {	border:  1px solid #c0c0c0;	border-bottom: none;height: calc(100%  - 30px  - 25px - 35px + 15px);	overflow: auto;	margin-bottom: 10px;width:50%;}
.detailsouter td 	{	border: none;	padding: 5px 5px;}
/*------------------------- p48 REPORTS -------------------------*/
.report td 						{	border: none;}
.report input[type="submit"] 	{	margin-left: 20px;	width: 15%;}
/*------------------------- TABLE DEFAULTS -------------------------*/
table 				{	border-collapse: collapse;	width: 100%;	background: #fff;}
td, th 				{	border: 1px solid #c0c0c0;	padding: 0.2rem;	text-align: left;}
thead, tfoot 		{	color: #4499dd;	background: #c0c0c0;}
tfoot th, tfoot td 	{	text-align: center;}

/*------------------------- DATA TABLES -------------------------*/

.tablelist td {border: none;}
.tablelist tbody tr:nth-child(even) {	background: #e0e0e0;}
.titlebar th {	background: #4499dd;	padding: 5px;	vertical-align: middle;	border: none;	text-align: center;	color: #fff;}
.titlebar th div 	{	margin: 0 auto;	display: inline-block;	background: red;}
.titlebar span 		{	color: #fff;	display: inline-block;	font-size: 1.4em;	float: left;}

.cmstip 		{	display: inline-block;	float: right;	width: 18px;height:18px;	background: #ffff00; border-radius: 9px; text-align: center; text-decoration: none; line-height: 18px; color: #ff0000; font-weight: 700;}
.cmstipdisplay 	{	display: none;	position: absolute;	top: 95%;	left:50px;	width: 400px;	padding: 10px;	color:#ffff00;		border: 1px solid #000;	background:#ff0000;}
.cartpopupdisplay{	display: none;	position: absolute;	top: 300px;	left:550px;	width: 500px;	padding: 10px;	color:#ffff00;		border: 1px solid #000;	background:#ff0000;}
.fieldtip 		{	display: inline-block;	float: right;	width: 18px;height:18px;	background: #22eaff; border-radius: 9px; text-align: center; text-decoration: none; line-height: 18px; color: white; font-weight: 700;}
.validation 	{	display: block;	float: left;	width: 18px;	height: 18px;		background: #ff3333; border-radius: 9px; text-align: center; text-decoration: none; line-height: 18px; color: white; font-weight: 700;}
a.nofieldtip 	{	display: block;	float: left;	width: 18px;	height: 18px;		background: url("cssimages/buttons/notooltip.gif") no-repeat;}
.tipdisplay 	{	display: none;	position: absolute;	top: 400px;	left:50px;	width: 100%;	padding: 10px;	color:#ffffff;		border: 1px solid #000;	background:#ff0000;}
	.caldisplay 		{	display: none;	position: absolute;	top:15px;	left:-8px;	width: 130px;	border-radius: 10px;padding: 5px;	color:#048710;		border: 1px solid #000;	background:#BFF5AE;z-index:9;text-align:center;}
	.caldisplayup 		{	display: none;	position: absolute;	top:-80px;	left:-8px;	width: 130px;	border-radius: 10px;padding: 5px;	color:#048710;		border: 1px solid #000;	background:#BFF5AE;z-index:9;text-align:center;}
	.bookcaldisplay 	{	display: none;	position: absolute;	top:15px;	left:-110px;width: 120px;	border-radius: 10px;height:100px;padding: 5px;	color:#0B6BEE;		border: 1px solid #000;	background:#A3C4F1;z-index:+9;}
	.bookcaldisplayup 	{	display: none;	position: absolute;	top:-90px;	left:-110px;width: 120px;	border-radius: 10px;height:100px;padding: 5px;	color:#0B6BEE;		border: 1px solid #000;	background:#A3C4F1;z-index:+9;}

	/*------------------------- DETAILS TABLES -------------------------*/
.detailsinner tbody td {	border: none;	padding: 5px;}
.tabledetails {	border:none;	background:  #e6f2ff;	vertical-align: middle;}
.detailsonecol {	width: 50%;	margin: 0 auto;}
.viewonlyrow {	border-bottom: 1px solid #c0c0c0;}
.viewonlyrow td {	padding: 9px !important;}
.fldNames {	font-weight: 300;color:#2277bb;border:none;text-align:left;font-size:.8em;}
.tabledetails tbody input, .tabledetails tbody select, .tabledetails tbody textarea {	width: 100%;	float: left;border:1pt solid;border-color:#a0a0a0;border-radius:5px;}
.tabledetails tbody input[class="inputmobile"], .tabledetails tbody select[class="inputmobile"], .tabledetails tbody textarea[class="inputmobile"] {	width: 100%;	float: left;font-size: 30pt;}
.tabledetails tbody input:hover, .tabledetails tbody select:hover, .tabledetails tbody textarea:hover {	}
.tabledetails tbody input:focus, .tabledetails tbody select:focus, .tabledetails tbody textarea:focus {	}
.tabledetails tbody input[type="button"] {	width: 50%;}
.tabledetails tbody input[class="crossref"] {	width: 75%;}
.tabledetails tbody input[class="email"] {	width: 85%;border:1pt solid;border-color:#a0a0a0;border-radius:5px;}
.tabledetails tbody input[class="currency"] {	width: 60%;	}
.tabledetails tbody input[type="text"] {	border:1pt solid;border-color:#a0a0a0;border-radius:5px;	}

.tabledetails tbody input[type="button"][value="+"] {	width: 10%;}
.tabledetails tbody input[type="button"][value="View"] {width: 20%;}
.tabledetails tbody input[type="button"][value="Show"] {width: 100%;}
.tabledetails tbody input[type="button"][value="Edit"] {width: 50;}
.tabledetails tbody input[type="button"][value="Add"] {	width: 20%;}
.tabledetails tbody input[class="fileinput"] {	width: 45%;}
.tabledetails tbody span {	float: right;	display: inline-block;	padding: 6px;}
.tabledetails tbody [class="fileInput"] {	width: 72%;	float: right;}
.tabledetails tbody [class="currency"] {	width: 60%;	border:1pt solid;border-color:#a0a0a0;border-radius:5px;}
.tabledetails tbody [class="yesno"] {	width: 35%;	float: left;border:1pt solid;border-color:#a0a0a0;border-radius:5px;}
.tabledetails tbody [class="inputsmaller"] {	width: 35%;	border:1pt solid;border-color:#a0a0a0;border-radius:5px;}
.tabledetails tbody [class="inputmicro"] {	width: 15%;	float:left;border:1pt solid;border-color:#a0a0a0;border-radius:5px;}
.tabledetails tbody [class="inputsmall"] {	width: 45%;	float: left;border:1pt solid;border-color:#a0a0a0;border-radius:5px;}
.tabledetails tbody [class="crossref"] {	width: 80%;	float: right;border:1pt solid;border-color:#a0a0a0;border-radius:5px;}
.tabledetails tbody [class="timeinput"] {	width: 70%; float:right;border:1pt solid;border-color:#a0a0a0;border-radius:5px;}
.tabledetails select[class="autofill"] {	width: 85%;}
.tabledetails select[class="dropgrow"] {	width: 100%;}
.tabledetails input[type="button"][value="AF"] {	width: 15%;}
.tabledetails input[type="button"][value="Send"] {	font-size:.6em;width: 15%;}
.detailsinner tbody input[class="currency"] {	width: 40%;	float: left;}
.tab {	text-decoration: none;	background: #c0c0c0;	color: #4499dd;	font-weight: 700;	margin: 5px;	width: 150px;	font-size: 1rem;	text-align: center;}
.selected {	background: #4499dd;	color: #e0e0e0;	text-align: center;	font-size: 1rem;}

/*------------------------- POPUPSUBLIST -------------------------*/
#sublistmain 	{	margin: 0 auto;	padding: 10px;	height: 100%;}
.tablewrapsub 	{	max-height: 100%;	overflow: auto;	overflow-x: hidden;	border-right: 1px solid #c0c0c0;}
.tablewrapsub tbody tr:nth-child(even) {	background: #e0e0e0;}
.iframewide 	{	display: none;	background: #fff;	position: fixed;	left: calc(50% - 700px);	top: 100px;	border: 1px solid #4499dd;	margin: 0 auto 10px;	width: 1400px;	overflow:auto;	height:80%;z-index: 10;}
.iframeSub 		{	display: none;	background: #fff;	position: fixed;	left: calc(50% - 250px);	top: 100px;	border: 1px solid #4499dd;	margin: 0 auto 10px;	width: 500px;	overflow:auto;	height:90%;z-index: 10;}
.iframeSubsmall	{	display: none;	background: #fff;	position: fixed;	left: calc(50% - 300px);	top: 100px;	border: 1px solid #c0c0c0;		margin: 0 auto 20px;	width: 600px;	overflow:auto;	z-index: 10;}
					
.iframeinscreen {	margin: 0 auto;	width: 90%;	height: 750px;}

.closeIframewide{	display: none;	width: 25px;	height: 25px;	border: 1px solid #c0c0c0;	background: #a0a0a0;	color: #c0c0c0;	font-size: 1.5em;line-height: 20px;	text-align: center;	border-radius: 13px;	position: fixed;	left: calc(50% + 660px);	top: 104;	z-index: 11;}
.closeIframe 	{	display: none;	width: 25px;	height: 25px;	border: 1px solid #c0c0c0;	background: #a0a0a0;	color: #c0c0c0;	font-size: 1.5em;line-height: 20px;	text-align: center;	border-radius: 13px;	position: fixed;	left: calc(50% + 220px);	top: 104;	z-index: 11;}
.closeIframesmall 	{	display: none;	width: 25px;	height: 25px;	border: 1px solid #c0c0c0;	background: #a0a0a0;	color: #c0c0c0;	font-size: 1.5em;line-height: 20px;	text-align: center;	border-radius: 13px;	position: fixed;	left: 0px;	top: 153px;	z-index: 11;}
.closeIframewide:hover 	{	background: #4499dd;	cursor: pointer;	color: white;}
.closeIframe:hover 		{	background: #4499dd;	cursor: pointer;	color: white;}
.closeIframesmall:hover {	background: #4499dd;	cursor: pointer;	color: white;}
.iframeSubOn {	display: block;}
#overlay {  display: none;  opacity: 0.6;  position: fixed;  top:0;  left:0;  width: 100%;  height: 100%;  z-index: 9;  background: #000;  -webkit-transition: .2s all ease;  transition: .2s all ease;}
#overlay[class="iframeSubOn"] {  display: block;}
/*------------------------- MULTI LINE LIST -------------------------*/

.multilist td, th 								{	border-right: none;	border-left: none;	border-top: none;	padding-left: 7px;	padding-right: 7px;	max-width: 150px;}
.multilist input[type="button"][value="Delete"] {	width: auto;}
.multilist tbody input, .multilist tbody select, .multilist tbody textarea {	width: 100%;	float: right;}
.multilist tbody input[type="email"] 			{	width: 75%;}
.multilist tbody input[class="fileinput"]		{	width: 65%;}
.multilist tbody span[class="fileinput"] 		{	width: 70%;}
.multilist tbody span[class="crossref"] 		{	width: 70%;}

/*------------------------- TABLESORT (dependent on tablesort.min.js)-------------------------*/
th.sort-header 												{  cursor:pointer;  }
th.sort-header::-moz-selection,th.sort-header::selection 	{  background:transparent;  }
table th.sort-header:after 									{  content:'';  float:right;  margin-top:7px;  border-width:0 4px 4px;  border-style:solid;  border-color:#404040 transparent;  visibility:hidden;  }
table th.sort-header:hover:after 							{  visibility:visible;  }
table th.sort-up:after,table th.sort-down:after,table th.sort-down:hover:after {  visibility:visible;  opacity:0.4;  }
table th.sort-up:after 										{  border-bottom:none;  border-width:4px 4px 0;  }
/*------------------------- INPUT STYLES/BUTTONS -------------------------*/
input 													{	border: 1px solid #c0c0c0;	padding: 5px;}
input:hover, textarea:hover, select:hover, button:hover {	border: 1px solid #a0a0a0;}
input:focus, textarea:focus, select:focus, button:focus {	border: 1px solid #4499dd;}

textarea 		{	width: 95%;	border: 1px solid #c0c0c0;}
textarea:focus 	{	border: 1px solid #4499dd;}

input[type="submit"] 		{	background: #4499dd;	color: #ffffff;}
input[type="submit"]:hover 	{	background: #2277bb;	}
input[type="button"] 		{	padding: 5px;	color: #000000;	background-color: #d0d0d0;}
input[type="button"]:hover 	{	background: rgb(220, 220, 220);	}
input[type="submit"][class="close"] 		{	float: right;background: #00ff00;	font-weight: 100;	color: #fff;}
input[type="submit"][class="close"]:hover 	{	float: right;background: #00aa00;	}
button 			{	padding: 5px;	border: 1px solid #ddd;	background-color: #d0d0d0;}
button:hover 	{	background: rgb(220, 220, 220);	}

input[type="button"][class="large"] 		{	background: #e0e0e0;	font-weight: 100;	color: #000;}
input[type="button"][class="large"]:hover 	{	background: #c0c0c0;	}
input[type="button"][class="delete"] 		{	background: #ff0000;	font-weight: 100;	color: #fff;}
input[type="button"][class="delete"]:hover 	{	background: #aa0000;	}
input[type="submit"][class="generateletter"] {	float: right;background: #4499dd;	font-weight: 100;	color: #fff;}
input[type="submit"][class="generateletter"]:hover 	{	background: #2277bb;	}

input[type="submit"][class="save"] 			{	float: right;background: #00ff00;	font-weight: 100;	color: #fff;}
input[type="submit"][class="save"]:hover 	{	background: #00aa00;	}
input[type="button"][class="add"] 			{	background: #e0e0e0;	font-weight: 100;	color: #000;}
input[type="button"][class="add"]:hover 	{	background: #c0c0c0;	}
input[type="button"][class="cancel"] 		{	background: #ffffbb;	font-weight: 100;	color: #000;}
input[type="button"][class="cancel"]:hover 	{	background: #aaaacc;	}
input[type="button"][class="confirm"] 		{	background: rgb(69, 184, 113);	font-weight: 100;	color: #fff;}
input[type="button"][class="confirm"]:hover {	background: rgb(62, 166, 102);	}
input[type="button"][class="close"] 		{	float: right;background: #00ff00;	font-weight: 100;	color: #fff;}
input[type="button"][class="close"]:hover 	{	float: right;background: #00aa00;	}
select 			{	border: 1px solid #c0c0c0;	padding: 5px 30px 5px 5px;	-webkit-appearance: none;	-webkit-border-radius: 0;	-moz-border-radius: 0;	border-radius: 0;
					background: url("../stdimages/dropdown.gif") right no-repeat;	background-position: right 5px bottom 6px;	background-color: #fff;}
select:hover 	{	background: url("../stdimages/dropdownhover.gif") right no-repeat;	background-position: right 5px bottom 6px;	background-color: #fff;}
.floatright 	{	float: right;}
.floatleft 		{	float: left;}
.floatcenter	{	float: center;}
button[class="cancel"] 	{	background: #ffffbb;	font-weight: 100;	color: #000;}
button[class="cancel"]:hover {	background: #aaaacc;	}

/*------------------------- ALERT -------------------------*/
#alertbox {	display: none;	position: fixed;	background: #fff;	border: 1px solid #c0c0c0;	padding: 10px;	height: 150px;	width: 300px;	top: 50%;	left: 50%;
	margin-top: -75px;	margin-left: -150px;}
#alertscroll {	height: 100px;	overflow: auto;}
.hideoverflow{overflow:hidden; }
.hideoverflow select { padding:5px; margin:-5px -20px -5px -5px; }
/*-------------------------mobile -------------------------*/
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/page-loader.jpg') 50% 50% no-repeat rgb(249,249,249);
}