html,body {
  background-image: url(../images/footer-bg.jpg);
  margin: 0px;
  background-color: #F4F4F4;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  height:100%; /* needed for container min-height */	
}

div#wrapper {
width: 100%;
background-color:#FFFFFF;
height:100%;
padding: 0px;

}
#headerAll	{
	width:100%;
	height:102px;
	margin:auto;
	position:fixed;
	z-index: 101;
}
div#header {
padding: 15px;
margin: 0px;
height: 10px;
background-color: #032682;
}

div#navi {
  width:100%;
  height:27px;
  background-image:url(../images/menu-bg.jpg);
  margin:auto;
}

div#apptitle {
  width:100%;
  margin:auto;
  height:31px;
  background-color:#DCDCDC;
}
div#main {
height: 100%;
width: 100%;
padding-top: 94px;
/* padding: 10px; */
background-image: url(../images/footer-bg.jpg);
position: relative;
z-index: 100;
margin: auto;

}
div#footerbar {
bottom: 0;
width: 100%;
	position: fixed;
	text-align: center;
/* 	padding-top:10px; */
background-color: #BFBFBF;
z-index: 102;
}

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #FF0000;
}
a:active {
text-decoration: none;
}
div#footer ul li{
color : #000000;
background-color : transparent;
display: inline;
}

div#footer ul li a{
color : #115EAC;
background-color : transparent;
text-decoration : none;
}

div#footer ul li a:hover{
text-decoration : underline;
}
tr, td, th {
	font-size: 11.5px;
 	line-height: 15px;
}

table {
	text-align: left;
}

textarea {
	font-size: 12px;
}

input, select {
	font-size: 11px;
	padding: 1px;
}

.mandatory {
   background: #ffc;
}

select {
    max-width: 800px;
}

option.inactive {
	text-decoration: line-through;
	color: gray;
}
div.parbox {
	/*font-size: 11px;*/
	position: absolute;
	left: -800px;
	visibility: hidden;
	background-color: #e0e0e0;
	z-index: 109;
	}
table.parbox {
	border: outset 2px;
	}
tr.parbox {
	background-color: silver;
	}
td.parbox {
	/*font-size: 11px;*/
	font-family: tahoma, arial;
	font-size: 11px;
	vertical-align: bottom;
	}
td.parboxsep {
	/*font-size: 11px;*/
	font-family: tahoma, arial;
	font-size: 11px;
	height: 1px;
	border-top: solid 1px;
	background-color: #e0e0e0;
	}

.txtTitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #fd9b0e;
}

.txtNumber {
  text-align: right;
}


.txtTotal_Price {
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: italic,bold;
	}

.lookup {
/* 	background-color: #f0f0f0; */
	font-family: tahoma, arial;
	font-size: 11px;
	}

#wrapper_page {
	width:990px;
	height:auto;
	margin:auto;
}

#header-login {
	width:990px;
	height:110px;
	margin:auto;
	text-align: center;	
}

.logo {
	width:205px;
	height:88px;
	margin:auto;
	margin-top:10px;
}

.title_bar_subpage {
	width:314px;
	height:38px;
	text-align: center;
	background-image: url(../images/bg-title-subpage.png);
	font-family: Georgia, Arial, Tahoma, "Times New Roman";
	font-size: 18px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #000000;
	margin-left:250px;
	margin-top:-100px;
	padding-top:10px;
	font-weight: bold;
	z-index:100;
	overflow:auto;
	float:left;

}
.title_bar_subpage2 {
	width:314px;
	height:40px;
	text-align: center;
	background-image: url(../images/bg-title-subpage.png);
	font-family: Georgia, Arial, Tahoma, "Times New Roman";
	font-size: 18px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #000000;
	margin-left:250px;
	margin-top:-114px;
	padding-top:10px;
	font-weight: bold;
	z-index:100;
	overflow:auto;
	float:left;

}
.left_content {
	width:650px;
	height:auto;
	float:left;
}
.slide_gallery {
	width:626px;
	height:366px;
	background-image:url(../images/bg-img.png);
	margin-top:-30px;
	padding-top:32px;
	padding-left:28px;
	z-index:50;
	
}
.right_content {
	width:330px;
	height:auto;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-right:10px;
}

.buttons {
	width:130px;
	height:50px;
	float:right;
	margin-top:30px;
	margin-right:20px;
	
}

#footer-login {
	width:990px;
	height:30px;
	padding-top:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 1px #ffffff; 	
}
 /*FONT*/
@font-face {
	font-family: Georgia, Arial, Tahoma, "Times New Roman";
    font-style: normal;
    font-weight: normal;
	src: url("../georgia.ttf");
}
.clearfloat {
	clear: both;
}
/* clear float */
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h6 { clear: both; width:100%; height: 6px; }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h15 { clear: both; width:100%; height: 15px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

/*BUTTON */
a.RedButton
 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	border:1px solid #633100;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
    box-shadow: 1px 1px 2px #828282;
    border-radius: 6px;
	background-image:url(../images/bg-button-red.gif);		
	
 }
 
 a.RedButton:hover
 {
	font-size: 11px;
	color: #000000;
	background-color: #BB0000;
 }
 a.BlueButton
 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	border:1px solid #633100;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	box-shadow: 1px 1px 2px #828282;
	border-radius: 6px;
	background-image:url(../images/bg-button2.gif);
 }
 
 a.BlueButton:hover
 {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #0084C4;
 }
 a.GreenButton
 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	border:1px solid #633100;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	box-shadow: 1px 1px 2px #828282;
	border-radius: 6px;
	background-color: #006600;
 }
 
 a.GreenButton:hover
 {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #009700;
 }
 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #30327f;
	text-decoration: none;
}

/* New CSS */

@charset "utf-8";

/* CSS reset */
.top_header_bar {
	width:100%;
	margin:auto;
	height:38px;
	background-image:url(../images/bg-header.gif);
}
.top_header {
	width:100%;
	margin:auto;
	height:38px;
}
.welcome_text {
	width:auto;
	height:auto;
	margin-left:15px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	margin-top:12px;
}
.application_text{
	width:auto;
	height:auto;
	margin-left:15px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	margin-top:12px;
	text-transform: uppercase;
	font-weight: bold;
}
.date_text {
	width:auto;
	height:auto;
	margin-right:15px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;	
	margin-top:12px;	
}
.welcome_text_default {
	width:auto;
	height:auto;
	margin-right:95px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;	
	margin-top:12px;	
}	
.header_bar {
	width:100%;
	margin:auto;
	background-image:url(../images/bg-logo.gif);
	height:94px;
}	
.header {
	width:980px;
	height:94px;
	margin:auto; 
}
.logo {
	widht:auto;
	height:auto;
	float:left;
	margin-left:15px;
}
.title_bar {
	width:405px;
	height:47px;
	float:right;
	background-image:url(../images/bg-title.png);
	margin-right:15px;
	margin-top:47px;
}
.title {
	width:auto;
	height:auto;
	font-family: "Arial Narrow", Arial, Tahoma, Verdana, "Times New Roman";
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;	
	float:right;
	margin-top:5px;
	margin-right:25px;
	text-shadow: 1px 1px 1px #8c5b09;			
}
.title_sub {
	width:auto;
	height:auto;
	font-family: "Arial Narrow", Arial, Tahoma, Verdana, "Times New Roman";
	font-size: 20px;
	font-weight: bold;
	color: #000000;	
	float:right;
	margin-right:25px;
	text-shadow: 1px 1px 1px #ffffff;			
}
.title_menu {
	width:auto;
	height:auto;
	font-family: "Arial", Arial, Tahoma, Verdana, "Times New Roman";
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;	
	text-shadow: 1px 1px 1px #ffffff;	
	float:left;		
}
.center_bar {
	width:100%;
	height:100%;
	min-height:465px;
	background-image:url(../images/bg.gif);
	padding-top:25px;
}
.cover {
	width:960px;
	height:300px;
	margin:auto;
	background-image:url(../images/bg-center.gif);
	border: 5px solid #044336;
	border-radius: 12px;
}
.photos {
	width:575px;
	height:254px;
	float:left;
	background-image:url(../images/photos.png);
	overflow:auto;
	margin-left:25px;
	margin-top:-35px;
}
.login_bar {
	width:288px;
	height:286px;
	float:right;
	overflow:auto;
	background-image:url(../images/bg-login.png);
	margin-right:25px;
	margin-top:10px;
	padding-left:20px;

}
.content_text {
	width:290px;
	height:auto;
	float:right;
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;

}
.title_member_login {
	width:308px;
	height:auto;
	font-family: "Arial Narrow", Arial, Tahoma, Verdana, "Times New Roman";
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	float:right;
	text-shadow: 1px 1px 1px #ffffff;
	text-align: center;	
				
}
.people {
	width:372px;
	height:292px;
	background-image:url(../images/people.png);
	margin-left:250px;
	margin-top:120px;
}
.clearfloat {
	clear: both;
}
/* clear float */
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h6 { clear: both; width:100%; height: 6px; }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h15 { clear: both; width:100%; height: 15px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

#footer {
	width:965px;
	height:55px;
	padding-top:10px;
	padding-right:25px;
	margin:auto;
	padding-bottom:20px;

}
.office_text {
	width:320px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffb400;
	text-decoration: none;
	text-align: right;
	text-shadow: 1px 1px 1px #000000; 	
	float:right;

}
.address_text {
	width:320px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	text-align: right;
	text-shadow: 1px 1px 1px #000000; 	
	margin:auto;
	float:right;	
	margin-right:10px;
}
.office_text_default{
	width:320px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	text-align: right;
	text-shadow: 1px 1px 1px #ffffff;
	float:right;
}
.address_text_default {
	width:320px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	text-align: right;
	text-shadow: 1px 1px 1px #ffffff; 	
	margin:auto;
	float:right;	
	margin-right:10px;
}
.copyright_text {
	width:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	text-align: right;
	text-shadow: 1px 1px 1px #000000; 	
	margin:auto;
	float:left;	
	margin-left:50px;
	padding-top:20px;
}
.menu_bar {
	width:100%;
	height:36px;
	margin:auto;
	background-image:url(../images/bg-menu.gif);
}	
.menu {
	width:980px;
	height:36px;
	margin:auto;
	padding:0px;
}
.logout {
	width:80px;
	height:40px;
	float:right;
	margin:auto;
	margin-right:0px;
	overflow:hidden;
	margin-top:-72px;

}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0c7161;
	text-decoration: none;
}

.img_home {
	width:584px;
	height:300px;
	padding-top:15px;
	margin:auto;
	box-shadow: 2px 2px 2px 1px #cacaca;
	border-radius: 6px;
	padding: 2px;
	border: thin solid #ececec;

}
.left_content {
	width:400px;
	height:100%;
	float:left;
	clear:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 1.4em;
}


.right_content {
	width:230px;
	height:auto;
	min-height:auto;
	padding:10px;
	float:right;
	background-color: #f0f0f0;
	border-radius: 6px;
	border: 1px solid #e9e9e9;
}
 a:hover {
	color: #ff9000;
	text-decoration: none;
}

div.hfeed {
   width:85%;
	height:auto;
   position:relative;
}

article.post {
   position:relative;
   margin: 0 0 2em 0;
   background: #fff;
   padding: 10px;
   border: 1px solid rgba(0, 0, 0, 0.150);

   -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.18);
   -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.18);
   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.18);
}

article.post:before {
   z-index: -1;
   position: absolute;
   top: -2px;
   left: 0;
   content: '';
   width: 100%;
   height: 100%;
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.150);

   -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.19);
   -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.19);
   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.19);

   -webkit-transform: rotate(1deg);
   -moz-transform: rotate(1deg);
   -o-transform: rotate(1deg);
   -ms-transform: rotate(1deg);
   transform: rotate(1deg);
}

article.post:after {
   z-index: -2;
   position: absolute;
   top: 1px;
   left: -2px;
   content: '';
   width: 100%;
   height: 100%;
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.150);

   -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);

   -webkit-transform: rotate(359deg);
   -moz-transform: rotate(359deg);
   -o-transform: rotate(359deg);
   -ms-transform: rotate(359deg);
   transform: rotate(359deg);
}

#login_bg {
  width:100%;
  height:410px;
  background-image:url(../images/header-front-bg.jpg);
  margin:auto;
}

#login_header {
  width:1000px;
  height:400px;
  padding-top:10px;
  margin:auto;
  background-image:url(../images/dunex-eprs-front.jpg);
}

.login_logo {
  width:445px;
  height:111px;
  margin:auto;
  padding-top:10px;
  background-image:url(../images/logo1.png);
}
.login_title {
  width:auto;
  height:30px;
  margin:auto;
  padding-top:80px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #fd9b0e;
  text-align: center;
}
.login_line {
  width:100%;
  background-color:#fd9b0e;
  margin:auto;
  height:10px;
}	

#login_body_content {
  width:1300px;
  height:auto;
  margin:auto;
  padding:10px;
}	

.login_left_content {
  width:420px;
  height:auto;
  float:left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  margin-left:10px;
}		

.login_right_content {
  width:550px;
  height:auto;
  float:right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
}

.dashboard_wrap {
    width:1280px;
    height:1000px;
}       
.dashboard_left {
    width:630px;
    height:490px;
    float:left;
}       
.dashboard_right {
    width:630px;
    height:490px;
    float:right;
}
	
input:-moz-read-only { /* For Firefox */
    background-color: #d6d6d6;
}

input:read-only {
    background-color: #d6d6d6;
}