@charset "utf-8";
/* CSS Document */

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

body { margin: 0; background: #f0f1f5; font-family:sans-serif;	font-size: 9pt;}
.upper-div{	width: 100%; height:auto; margin: 0; background:#255f84 url(../images/bg-01.png);}
.middle-div{	width: 100%; height:auto; margin: 0; background:#255f84 ;}
	
.hr{background:#ffffff; height:4px;border-left:1px solid #ffffff;border-right:1px solid #ffffff;border-bottom:1px solid #f7f4ec;border-top:1px solid #f7f4ec; margin-top:10px; width:100%;}



/*
 * Header Section
 */
.header{background: #ffffff; position: relative; margin-left: .5em; margin-right: .5em; border-top:6px solid #255f84; padding-bottom:10px;}
.dateContainer{background:#ebebeb; width:100%; height:auto; border:1px solid #ffffff; padding:12px 8px 12px 8px; box-shadow: 0 0 1px #7c7a7a;
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
		background: linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 );
}
.menu-icon{ background:url(../images/menu-03.png) no-repeat center; width:27px; text-decoration:none;}
.menu-icon:hover{ background:url(../images/menu-01.png) no-repeat center; width:27px; text-decoration:none;}

.nav { list-style: none; margin-left: 0; margin-bottom: 0; padding-left: 0; display:none; }
.nav > li,
.nav > li > a { display: block; color:#6e5504; text-decoration:none; }
.nav > li > a:hover{ color:#08a4d1; text-decoration:none; }
.inline-items { margin-top: 0; }
.inline-items li { background:#f7f4ec; margin-left: 0; border: 1px solid #ffffff; padding: 8px 8px 8px 18px; box-shadow: 0 0 1px #7c7a7a;}

/*
 * Middle Row Section
 */
/*.columnsContainer {	background:#ffffff; margin-left: .5em; margin-right: .5em;  padding-left: 1.25em; padding-right: 1.25em; }*/
.columnsContainer{background: #ffffff; position: relative; margin-left: 5.5em; margin-right: 5.5em; }

.leftColumn { float: none; width: 18.5em; padding-top:1em;}
.rightColumn {
	margin: auto;
	padding-top:1em;
	width: 80%;
}

.content { margin: auto; padding-top:1em; }

/*
 * Vertical Text for Left Side Menu Section
 */
.vertical-text-01 { no-repeat center left; font-size: 10pt; color: #ffffff; font-weight:bold;  text-shadow: 0 1px 2px #373736; padding:4px 4px 4px 0px; margin-top:auto;}
.vertical-text-02 { no-repeat center left; font-size: 10pt; color: #ffffff; font-weight:bold;  text-shadow: 0 1px 2px #373736; padding:4px 4px 4px 0px; margin-top:auto;}

/*
 * Vertical Text Column and Menu Section
 */
.left-menu-title-01{ background:#017575; width:100%; height:auto; border:1px solid #ffffff; padding:12px 8px 12px 8px; box-shadow: 0 0 2px #7c7a7a;
		background: -moz-linear-gradient(top,  rgba(2,140,140,1) 0%, rgba(0,103,102,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(2,140,140,1) 0%, rgba(0,103,102,1) 100%);
		background: -o-linear-gradient(top,  rgba(2,140,140,1) 0%, rgba(0,103,102,1) 100%);
		background: -ms-linear-gradient(top,  rgba(2,140,140,1) 0%, rgba(0,103,102,1) 100%);
		background: linear-gradient(top,  rgba(2,140,140,1) 0%, rgba(0,103,102,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#028c8c', endColorstr='#006766',GradientType=0 );
}
.left-menu-title-02{ background:#017575; width:100%; height:auto; border:1px solid #ffffff; padding:12px 8px 12px 8px; box-shadow: 0 0 2px #7c7a7a;
		background: -moz-linear-gradient(top,  rgba(2,140,140,1) 0%, rgba(0,103,102,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(2,140,140,1) 0%, rgba(0,103,102,1) 100%);
		background: -o-linear-gradient(top,  rgba(2,140,140,1) 0%, rgba(0,103,102,1) 100%);
		background: -ms-linear-gradient(top,  rgba(2,140,140,1) 0%, rgba(0,103,102,1) 100%);
		background: linear-gradient(top,  rgba(2,140,140,1) 0%, rgba(0,103,102,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#028c8c', endColorstr='#006766',GradientType=0 );
 }

.menu-container-01{ background:#f7f4ec;  width:100%; height:auto; border:2px solid #ffffff; box-shadow: 0 0 2px #bfbfbf; } 
.menu-container-02{ background:#f7f4ec;  width:100%; height:auto; border:2px solid #ffffff; box-shadow: 0 0 2px #bfbfbf; }
.img{ width:100%; margin-top:10px; border:1px solid #253559; }
.img:hover{ border:1px solid #2794d4; }
.leftmenu-icon{background:url(../images/menu.png) no-repeat center; width:27px; text-decoration:none;}
.leftmenu-icon:hover{ background:url(../images/menu-01.png) no-repeat center; width:27px; text-decoration:none;}
.menu-container-01 ul{ margin: 0;  padding: 0;  border: 0;  list-style: none; display:none;}
.menu-container-02 ul{ margin: 0;  padding: 0;  border: 0;  list-style: none; display:none;}
.left-menu a{ margin-top:0;
	display: block; width:96%; margin:auto;
	height: auto; font-family:Arial, Helvetica, sans-serif; font-size:9pt;
	padding: 8px 3px 8px 16px; color: #e47911;text-decoration:none;
	border-bottom:1px dotted #bababb; }
.left-menu a:hover{ text-decoration: underline; color: #08a4d1; }	

/*
 * Middle Right Content Section
 */
/* p{text-align: justify; } */

.welcome-note-01{ color:#4d7a97; font-size:10pt; font-weight:normal; text-shadow: 0 1px 2px #e3e5e2; padding:5px 0px 5px 0px; }
.welcome-note-02{ color:#a06f1a; font-size:10pt; text-shadow: 0 1px 2px #e3e5e2; font-weight:bold; }
.txt-content{ font-stretch:extra-expanded; line-height:22px; text-align:justify; }

.rpt-title-01{ background:#a6a998; color:#ffffff; font-size:9pt; font-weight:bold; text-shadow: 0 1px 2px #000; border:1px solid #a6a998; padding:3px; margin-top:10px; }
.rpt-content-01{
	background:#ffffff;
	border:1px solid #f0f0f0;
	padding:0.5px;
	height:60vh;
	overflow:auto;
}
.rpt-title-02{ background:#9f8d67; color:#ffffff; font-size:9pt; font-weight:bold; text-shadow: 0 1px 2px #000; border:1px solid #9f8d67; padding:3px; margin-top:10px; }
.rpt-content-02{ background:#ffffff; border:1px solid #9f8d67; padding:6px; height:270px; overflow:auto; }