@import url("fonts.css");
@import url("generic.css");

	/*border-radius:10px;
		-moz-border-radius:10px;
			-webkit-border-radius:10px;
	behavior:url(css/PIE.htc);*/


/****************************************
	Layout
****************************************/
.main_container {
	max-width: 768px;
	width:100%;
	margin:0 auto;
	padding:0px;
	position:relative;
}

#top_bar {
	background:url(../images/bg_yellow.png) repeat-x bottom #c6ad62;
	width:100%;
}

#top_bar ul {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
	vertical-align:top;
}
#top_bar ul li {
	margin:0px;
	padding:0px;
	list-style:none;
	background:none;
	border:none;
	display:inline-block;
	*display: inline;
	zoom: 1;
	border-right:1px solid #e0c470;
}
#top_bar ul li a {
	color:#000;
	display:block;
	padding:14px 12px 15px 12px;
}
#top_bar ul li a:hover {
	background:#0a0f37;
	color:#fff;
}
.tmActive {
	background:#0a0f37 !important;
	color:#fff !important;
}


#top_bar ul li ul {
	width:180px;
	border:none;
	margin:0 0 0 -1px;
}
#top_bar li li>a {
	width:auto !important;
}
#top_bar ul li ul li {
	width:100% !important;
	border-bottom:1px solid #c09925;
	border-left:1px solid #c09925;
	border-right:1px solid #c09925;
}
#top_bar ul li ul li a {
	color:#fff;
	background:#0a0f37;
	padding:8px 10px;
}
#top_bar ul li ul li a:hover {
	background:#c09925;
	color:#000;
}
	

#top_header {
	background:url(../images/top_header.png) repeat-x top;
	width:100%;
	text-align:center;
	margin:0px 0px 30px 0px;
	position:relative;
	font-size:17px;
	color:#d5ba66;
}
#top_header span {
	color:#fff;
}

#logo {
	width:208px;
	height:97px;
	margin:0px auto 0 auto;
	padding:14px 0px 0px 0px;
}

#welcome {
	position:absolute;
	top:18px;
	left:2.500000000%;
	text-align:left;
}

#btn_logout {
	position:absolute;
	top:16px;
	right:2.500000000%;
}

#slogan {
	text-align:center;
}
#slogan h2 {
	display:inline;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	line-height:34px;
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	border-bottom:1px solid #ddc167;
	margin:0px;
	padding:0px;
	background:none;
}
#slogan span {
	font-size:34px;
	color:#ddc167;
}

#login {
	width:67.708333333%;
	background:rgba(255, 255, 255, .1);
	margin:36px auto 0 auto;
}

.login_title {
	background:url(../images/bg_yellow.png) repeat-x bottom #c6ad62;
	color:#fff;
	padding:15px 23px;
}
.login_title span {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:22px;
	line-height:24px;
	text-transform:uppercase;
	color:#000;
	font-weight:bold;
	text-shadow:0px 1px 1px #ede477;
}

.login_grey_bg {
	background:#eeeeee;
	border:1px solid #fff;
	border-bottom:none;
	color:#444444;
}
.login_grey_bg2 {
	background:#d9d9d9;
	border:1px solid #fff;
	border-top:none;
	text-align:center;
}
.login {
	position:relative;
	margin:0px 0px 15px 0px;
}
.login_grey_bg .text_field {
	height:50px;
	padding:0px 10px 0px 60px;
	border:1px solid #d5ba66;
	margin:0px;
}

.icon_field {
	position:absolute;
	top:1px;
	left:1px;
}

.left_area {
	width:47.5%;
	float:left;
}
.right_area {
	width:47.5%;
	float:right;
}

.btn_position {
	margin:37px 0px 0px 0px;
}

.selectArea {
	width:30.468750000%;
	margin:0 2.864583333% 0 0;
	float:left;
}

.table_title {
	background:#c6ac5f;
	color:#000;
	padding:8px 0px 8px 0px;
	font-weight:bold;
	font-size:13px;
	text-transform:uppercase;
	line-height:18px;
}
.table_title p {
	margin:0px 8px 0px 10px;
	padding:0px;
}

.table_bg {
	background:url(../images/gradient.png) repeat-x bottom #fff;
	color:#000;
	padding:8px 0px 8px 0px;
	font-size:14px;
	line-height:18px;
}
.table_bg p {
	margin:0px 8px 0px 10px;
	padding:0px;
}
.table_bg .text_field {
	margin:0px;
	width:75%;
	background:#fff;
	border-color:#c6ac5f;
	padding:4px 8px;
	font-size:15px;
}

#location_Step2 {
	display:none;
}
#location_Step3 {
	display:none;
}
#location_Step4 {
	display:none;
}
#location_Step5 {
	display:none;
}
#location_Step6 {
	display:none;
}
#location_Step7 {
	display:none;
}
#location_Step8 {
	display:none;
}
#location_Step9 {
	display:none;
}
#location_Step10 {
	display:none;
}
#location_Step11 {
	display:none;
}
#location_Step12 {
	display:none;
}
#location_Step13 {
	display:none;
}

#cemetery_Step2 {
	display:none;
}
#cemetery_Step3 {
	display:none;
}
#cemetery_Step4 {
	display:none;
}
#cemetery_Step5 {
	display:none;
}
#cemetery_Step6 {
	display:none;
}

#crematory_Step2{ 
	display:none;
}
#crematory_Step3{ 
	display:none;
}

.StepByStep {
	text-align:center;
	width:130px;
	background:#c6ac5f;
	border-radius:25px;
	color:#000;
	padding:4px 12px 6px 12px;
	float:right;
	clear:both;
	margin:0px 0px 10px 0px;
	font-weight:bold;
}

.IconHash {
	background:url(../images/icon_hash.png) no-repeat 4px #fff !important;
	padding:4px 8px 4px 18px !important;
}
.IconDollar {
	background:url(../images/icon_dollar.png) no-repeat 4px #fff !important;
	padding:4px 8px 4px 18px !important;
}
.IconPercentage {
	background:url(../images/icon_percentage.png) no-repeat right #fff !important;
	padding:4px 16px 4px 8px !important;
}

.red{ 
	color:#F00;
	display:block;
	padding:12px 8px 8px 36px;
	background-color:#FFE8EA;
	border: solid 1px #FF4F61;
	background-image:url(../images/alert_pad.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-align:left;
	z-index:999;
}
.green{ 
	color:#090;
	display:block;
	padding:8px;
	background-color:#DDFCDC;
	border: solid 1px #5FDE62;
}
.red2{ 
	color:#F00;
}
.green2{ 
	color:#090;
}
#loading{
	position:fixed;
	color:#fff; font-weight:bold;
	z-index:900;
	width:100%; height:100%; /*opacity: 0.4; filter: alpha(opacity=40);*/
	display:none;
	top:96%;
}
#loading_bg{ background-color:#333; top:0; left:0; width:100%; height:100%; opacity: 0.4; filter: alpha(opacity=40); z-index:901; position:fixed;  }
#loading img{ margin:5px 5px 0 12px; z-index:999 !important; }
.loading_text{ color:#fff !important; z-index:999; }	
/****************************************
	MEDIA QUERIES
****************************************/

/***** for 1024px or less ===========*/
@media All and (max-width: 1024px) {
	
}



/***** for 768px or less ===========*/
@media All and (max-width: 768px) {
	.main_container {
		width:96%;
		margin:0 2%;
	}
}



/***** for 650px or less ===========*/
@media All and (max-width: 650px) {
	#top_bar ul li {
		display:block;
		border-bottom:1px solid #e0c470;
	}
	#top_bar ul li ul {
		display:block;
		margin:0 0 0 20px;
	}
}

@media All and (max-width: 600px) {
	
	#logo {
		width:100%;
	}
	
	#login {
		width:100%;
	}
	
	#welcome {
		position:relative;
		top:0;
		text-align:left;
		float:left;
	}
	
	#btn_logout {
		position:relative;
		top:0;
		text-align:right;
		float:right;
	}
}



/***** for 550px or less ===========*/
@media All and (max-width: 550px) {
	.left_area {
		width:100%;
	}
	.right_area {
		width:100%;
		float:left;
	}
	
	.selectArea {
		width:100%;
		margin:0 0 0 0;
	}

	.btn_position {
		margin:15px 0px 0px 0px;
	}
}



/***** for 480px or less ===========*/
@media All and (max-width: 480px) {
	#welcome {
		width:100%;
		margin:25px 0px 15px 0px;
		padding:0px 0px 5px 0px;
		text-align:center;
		border-bottom:1px solid #d3b865;
		left:0;
	}
	
	#btn_logout {
		width:100%;
		right:0;
		text-align:center;
	}
	#slogan h2 {
		font-size:18px;
	}
	#slogan span {
		font-size:24px;
	}
}


/***** for 320px or less ===========*/
@media All and (max-width: 320px) {
	
}