html {
  position: relative;
  min-height: 100%;
}

@media screen {
body {
 // background-color:#F9F4F0;
  margin-bottom: 5em; 
  background-image: url("../imgs/body_bg.jpg")
}
 .modal-dialog {
   padding-top: 25%;
 }
}

label {
 font-weight:normal;	
}

.mainpanel {
 background-color:#ffffff;
 moz-border-radius: 0 0 5px 5px / 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px / 0 0 5px 5px;
border-radius: 0 0 5px 5px / 0 0 5px 5px;

padding-top:0.5em;
padding-left: 0.8em;
padding-right: 0.8em;
padding-bottom:1em;	
}

.panel{
 background-color:#ffffff;
 moz-border-radius: 10px;
-webkit-border-radius: 10px;
 border-radius: 10px;
border: solid 1px #eee;
}

.panelhead{
 padding: 0.5em;
 border-top: 7px solid #FE7891;
 padding-top:0.5em;
padding-left: 0.8em;
padding-right: 0.8em;
padding-bottom:1em;	
}
.panelapp{
 border-top: 7px solid #FE7891;
 padding-top:2em;
padding-left: 0.8em;
padding-right: 0.8em;
padding-bottom:1em;	
}

.errorMessage {
 color:red;
 font-weight:bold;
}

@media print {
  a[href]:after {
    content: ""!important;
  }
  abbr[title]:after {
    content: ""!important;
  }
}

#mainnb {
	padding-bottom:1.5em;
}
#main{	
	padding-top:1em;
	padding-bottom:1.5em;
}


#footer {
border-top:thin solid #e0e0e0;
background-color:#ffffff;
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 3.5em;
  color:gray;
}

#footerul li {
	padding-left:1.0em;
	padding-right:1.0em;
	  font-size:0.9em;
}

#footerul li:first-child {
}

#footerul a {
	color:gray;	
}
#copyright{
	font-size:0.8em;
}


#middle {
 padding-top:5px;
}

.hv:hover {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}



#jump-top {
	display: none;
	position: fixed;
	z-index: 9999;
	width: 40px;
	height: 40px;
	bottom: 20px;
	right: 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #414137 url(../imgs/top.png) center center no-repeat;
	cursor: pointer;
}
#jump-top:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.apptitle {
	padding:1.5em;
}
.apptitle h1{
	color:#FE7891;
	font-size:2.8em;
}

.apptitle strong {
	color:#424242;
	font-size:1.3em;
}

#pcmenu li {
	text-align:center;
}
#pcmenu a {
	font-size:1.2em;
	color:#fff;
	display:block;
}
#pcmenu a:hover {
	color:#e91e63;
}
#pcmenu li.mb{
	height:5em;
}



ul#dropdownmenu {
	width: 100%;
	*zoom: 1; /*forIE6,7*/
}
ul#dropdownmenu:after {
	content: "";
	display: block;
	clear: both;
}
ul#dropdownmenu li {
//	width: 150px;
	float: left;
	*zoom: 1; /*forIE6,7*/
	white-space: nowrap;
	
}
ul#dropdownmenu li ul {
	visibility: hidden;
	position: absolute;
			z-index: 300;
			background-color: #FF98AD;
			list-style-type:none;
				padding-right:1.5em;
					padding-bottom:1em;
}
ul#dropdownmenu li:hover > ul {
	visibility: visible;
	
}
ul#dropdownmenu li ul li {
	width: auto !important;
//	width: 150px;
//	min-width: 150px;
	clear: left;
	position: relative;

}
ul#dropdownmenu li ul li ul {
	top: 0;
	left: 100%;
}
ul#dropdownmenu li a {
	display: block;
	text-align: center;
	text-decoration: none;
}
* html ul#dropdownmenu li a { /*forIE6*/
	zoom: 1;
}
ul#dropdownmenu li ul li a {
	text-align: left;
}

#lnavi {
	padding-top:1em;
}


h1.itemtitle {
	color:#613206;
}

.boldred{
	font-weight:bold;
	color:#E73C32;
}

.lnavipanel {
padding-top:0.5em;
padding-bottom:0.5em;
background-color:#f5f5f5;
}
.lnavilist{
	margin:0.3em;
}


ul {
margin: 0 0 0 1.0em;
padding: 0;
}
ol {
margin: 0 0 0 1.5em;
padding: 0;
}