/*
      Created by Keith Donegan of Code-Sucks.com
	  E-Mail: Keithdonegan@gmail.com
	  http://www.code-sucks.com
	  
	  Social Network icon  http://www.designbolts.com
*/

* { padding: 0; margin: 0; border: 0; }

body {
 font-family: Tahoma, Helvetica, sans-serif;
 font-size: 12px;
 background: #E0E4CC;
 color:#262626;
}

input[type=text],input[type=password], select
{
	height:25px;
	border:1px solid #CECECE;
}

a{
	color: #333;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

::selection {
	background: #fe57a1;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #fe57a1;
	color: #fff;
	text-shadow: none;
}


img { border: 0; }

blockquote {
  font: 14px/22px normal helvetica, sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #fff;
} 

p {
	font-family: Tahoma !important;
	font-size:13px !important;
	text-align:justify;
}

h1, h2, h3
{
	display:block;
}

h1{
	font: 20px/22px Arial, 'Liberation Sans', FreeSans, sans-serif !important;
	color:#555555;
}

h1.heading{
	font: 25px/25px Arial, 'Liberation Sans', FreeSans, sans-serif !important;
	margin: 6px 0 6px 0;
	padding: 0 0 3px 15px;
	border-left:10px solid #c4601e;
	border-bottom:1px solid #c4601e;
}

table td, table th
{
    padding: 3px; /* 'cellpadding' equivalent */
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px dashed #262626;
	margin: 25px 0;
	padding: 0;
}

h2 {
	font: 18px/1.0em  Arial, 'Liberation Sans', FreeSans, sans-serif !important;
	font-weight: 100;
	padding: 15px 0;
	color:#555555;
}

ol
{
	padding-left:35px;
}
.red{
	color:#c62d2d;
}
.noliststyle{
	list-style:none;
}

#mosttopnav
{
	width:100%;
	height:30px;
	background:#6ABBDA url('../images/clock.png') no-repeat;
	background-position: 12% 50%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}

#mosttopnav #container
{
	margin:0 auto;
	width:960px;
	text-align:right;
	font-weight:normal;
	padding-top:10px;
	font-size:14px;
}

#mosttopnav #container #internal-link
{
	float:right;
	font-weight:normal;
	font-size:13px;
}


#mosttopnav #container #internal-link a
{
	text-decoration:none;
}

#mosttopnav #container #internal-link a:hover
{
	color:#e8e8e8;
}


#mosttopnav #container #hour
{
	float:left;
	color:#FFFFFF;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:2px;
	padding-left:20px;
}

#wrapper { 
	margin:0 auto;
	width:960px;
}

#header {
	width: 100%;
	min-height: 75px;
	/*background: #F1F1F1;*/
	padding-top:30px;
	position:relative;
}

#header #logo
{
	padding:0;
}

#header #login{
	text-align:left;
	height:17px;
	color:#FA6900;
}

#header #login a{
	color:#FF3300;
}

#setting {
	background-color: #75B6D6;
	color: #FFFFFF;
	position: fixed;
	top: 200px;
	padding: 10px;
	text-decoration: none;
}

#footer {
	width: 100%;
	float: left;
	height: 75px;
	/*background:url('../images/Line.png') repeat-x;*/
	padding:5px 0 0 0;
	margin:5px 0;
}

#gototop {
	display: none;
	font-weight: bold;
	font-family: tahoma;
	font-size: 10px;
	width: 70px;
	background: url(../../images/arrow_collapse.gif) 8% 50% no-repeat #eceff5;
	color: #3b5998;
	font-size: 11px;
	text-decoration: none;
	position: fixed;
	right: 5px;
	bottom: 5px;
	padding: 7px 7px 7px 20px;
}

#topnav {
	height: 35px;
	margin: 0 0 0.5208% 0;
	padding: 7px 0 0 1.0416%;
	background: #D2E48F;
	border: 1px solid #ccc;
	/*border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;*/
}

#topnav #searchsite
{
	float:right;
	padding:0 1.0146%;
	position:relative; /*important*/
}

#topnav #searchsite form
{
	display:inline;
}


#topnav #searchsite input[type=text]
{
	padding-right: 25px;
}

#search{
	width: 100%;
	float: left;
	padding: 0px;
	height: 220px;
	margin:0 0 5px 0;
}

#search #leftColumn{
	background:#C0E9F7;
	float:left;
	width:65.4167%; /*628px*/
	height:100%;
	border: 1px solid #ccc;
	/*border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;*/
}

#search #rightColumn{
	float:right;
	width:33.749%;
	margin-left:0.625%;
	height:100%;
	overflow:hidden;
	position:relative;
}

#search #rightColumn img{
	border: 1px solid #ccc;
	/*border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;*/
}

.textbox-search
{
	width:350px;
}

/* catalog result */
#catalog-result{
	/*960px*/
	border:1px #ccc solid;
	padding:5px;
	background:#F2F6F9;
	float:left;
	width:98.75%; /*948px*/
	min-height:300px;
}

#catalog-result .item
{
	float:left;
	width:48%;
	padding:0 1% 0 1%;
}

#catalog-result .item a
{
	color:#1966BE !important;
}

#catalog-result .item a:hover
{
	text-decoration:underline;
}

#catalog-result .even
{
	background-color:#dddbdb;
}

#catalog-result .odd
{
	background-color:#EAEAEA;
}

#catalog-result .item-callnum
{
	font-weight:bold;
}

#catalog-result .item-title
{
	font-size:14px;
	font-weight:bold;
}

#catalog-result .item-author
{
	font-size:12px;
	color:#444444;
}

#catalog-result .item-zero
{
	color:#C62D2D;
}

#catalog-result #new-items
{
	padding:1%;
}

#catalog-result #new-items a
{
	color:#1966BE !important;
}

#catalog-result #new-items a:hover
{
	text-decoration:underline;
}

#catalog-result #construction{
	width:auto;
	height:500px;
	background:url('../../images/Construction.png') no-repeat;
	overflow:hidden;
	position:relative;
}

#catalog-result #construction #text{
	position:absolute;
	font: bold 24px/30px Helvetica, Sans-Serif;
	left:450px;
	top:100px;
	background:white;
	padding:10px;
	opacity:0.75;
	zoom: 1;
	filter: alpha(opacity=75);
	text-shadow: 2px 2px 2px #CCCCCC;
}

#catalog-result #access
{
	/*background-color: #87c254;*/
	color:white;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align:center;
}

#catalog-result #access.public
{
	background-color: #87c254;
	border: 1px solid #86ae56;
	text-shadow: 0 1px 0 #000000;
	-webkit-box-shadow: inset 0 1px 0 0 #c9e6b3;
	-moz-box-shadow: inset 0 1px 0 0 #c9e6b3;
	box-shadow: inset 0 1px 0 0 #c9e6b3;
}

#catalog-result #access.internal
{
	background-color: #ddce40;
	border: 1px solid #b5aa4f;
	text-shadow: 0 1px 0 #000000;
	-webkit-box-shadow: inset 0 1px 0 0 #e5de9c;
	-moz-box-shadow: inset 0 1px 0 0 #e5de9c;
	box-shadow: inset 0 1px 0 0 #e5de9c;
}

#catalog-result #access.limited
{
	background-color: #a07d24;
	border: 1px solid #594512;
	text-shadow: 0 1px 0 #000000;
	-webkit-box-shadow: inset 0 1px 0 0 #d1b879;
	-moz-box-shadow: inset 0 1px 0 0 #d1b879;
	box-shadow: inset 0 1px 0 0 #d1b879;
}

#search-panel{
	/*display:table-cell;*/
	height:50px;
	vertical-align:middle;
	padding:10px 0 10px 10px;
	border:5px solid #C0D7DF;
	background:#EAEAEA;
}

#search-panel input[type=text]{
	width:70%;
	height:35px;
	border:1px solid #ccc;
}


/* catalog result */

#cari-katalog
{
	background : url("../images/Search.png") no-repeat center center;
	height:42px;
	width:140px;
	border:0;
	color:transparent;
}

/* alignment */
.center {
	text-align:center;
}

/*font size*/
.f10px
{
	font-size:10px;
}

.f11px
{
	font-size:11px;
}

.f13px
{
	font-size:13px;
}


.f15px
{
	font-size:15px;
}

/*font weight*/
.fw600
{
	font-weight:600;
}

/*color*/
.cf1f1f1
{
	color: #f1f1f1;
}

.c000000
{
	color: #000000;
}

.cffffff
{
	color: #ffffff;
}

.c262626
{
	color: #262626;
}

.c333333
{
	color: #333333;
}

.bgcol559550
{
	background-color:#559550;
}

.bgcolc62d2d
{
	background-color:#c62d2d;
}

.vseparator{ 
	height:500px;	
	display:inline;
	border:1px solid #F1F1F1;
	float:left;
	margin:0 0 0 3px;
}

/*icon*/
/*inspired by wordpress*/
.icon32{
	float: left;
	height: 34px;
	width: 36px;
}

.icon
{
	vertical-align:middle;
	margin:0 2px 0 0;
}

.monitor{
	background:url(../images/monitor.png) no-repeat;
}

.article{
	background:url(../images/document.png) no-repeat;
}

.photo{
	background:url(../images/camera.png) no-repeat;
}

.newspaper{
	background:url(../images/newspaper.png) no-repeat;
}

.square10{
	width:10px;
	height:10px;
	margin:2px 0.5681%; 
	float:left;
}

.square20{
	width:20px;
	height:20px;
	margin:2px 0.5681%; 
	float:left;
}

/* */
.news-title
{
	color:#ffffff;
}

.news-title:hover
{
	text-decoration:underline;
	cursor:pointer;
}

.news-content
{
	display:none;
}

.news-active
{
	display:block;
	min-height:100%;
}

.pad3
{
	padding: 3px 3px 3px 3px;
}

.pad5
{
	padding: 5px 5px 5px 5px;
}

.pad10left
{
	padding: 0 0 0 10px;
}

.pad10top
{
	padding: 10px 0 0 0;
}

.mar10bot
{
	padding: 0 0 10px 0;
}

.news-asset span{
	margin:-1px;
}

.news-asset div.share{
	width:150px;
	float:right;
}

.link-pagination
{
	padding:2px 0.5681%; 
}

.link-pagination a
{
	padding:2px 0.5681%;
	background-color:#262626;
	color:#FFF;
}

.link-pagination strong
{
	padding:2px 0.5681%;
	background-color:#c1bdbd;
	color:#000;
}

.item-list{
	width:100%;
	table-layout:fixed;
}

.item-list thead,tfoot tr{
	font-weight:bold;
	border-top:2px solid #6ABBDA;
	border-bottom:2px solid #6ABBDA;
}

.item-list td th{
	padding:2px 0.5681%;
}

#news-featured-nav
{
	text-align:center;
	position:relative;
}

#news-content-wrapper
{
	float:left; /* IE 7 hack*/
	border:1px solid #CECECE;
	padding:3px;
	position:relative;
	width:98.249%;
}

#leftcolumn { 
	border: 1px solid #ccc;
	background: #E0DBDB;
	padding: 3px; /*to be edited*/
	min-height: 450px;
	width: 45.104167%;
	float: left;
	position:relative;
}

#leftcolumn .box{ 
	width:48.4988%; /*210/433px*/
	border:1px solid #ccc;
	margin:2px;
	background:#EAEAEA;
	min-height:200px;
	position:relative;
}

#leftcolumn .box h2{ 
	font-weight: bold;
	font-family:Trebuchet MS, sans-serif;
	color: #FA6900;
	letter-spacing: -0.1px;
	word-spacing: -1px;
	font-size: 14px;
	line-height: 22px;
	height: 21px;
	margin: 3px 0 0 0;
	padding: 5px 0 0 5px;
	border-left:10px solid #FA6900;
	border-bottom:1px solid #FA6900;
}

#leftcolumn .box .even{
	color:#008cbf;
}

#leftcolumn .box .even:hover{
	color:#F38630;
}

#leftcolumn .box .odd{
	color:#62C3D0;
}

#leftcolumn .box .odd:hover{
	color:#F38630;
}

#leftcolumn a{
	color:#008cbf;
	font-size:14px;
}

#leftcolumn a:hover{
	color:#F38630;
}

#leftcolumn .left-1{ 
	float:left;
}

#leftcolumn .left-2{ 
	float:right;
}

#leftcolumn #bottom-info{ 
	position:relative;
	bottom:0;
	height:50px;
	margin:3px;
	width:96.8181%; /**/
	border:1px solid #ccc;
	text-align:right;
	background:#333333;
	padding-top:10px;
}

#leftcolumn hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px dashed #262626;
	margin: 2px 0;
	padding: 0;
}


#leftcolumn-single { 
	border: 1px solid #ccc;
	background: #E0DBDB;
	margin: 0.052% 0;
	padding: 5px;
	min-height: 350px;
	width: 20.3125%;
	float: left;
	position: relative;
}

#leftcolumn-single #searchsite input[type=image]
{
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:9px;
	left:179px;
}

#leftcolumn-single div.panel
{
	padding:5px;
}

#leftcolumn-single div.panel>ul li
{
	margin-left:20px;
}


#leftcolumn-single a
{
	color:#607890;
}

#leftcolumn-single a:hover
{
	color:#036;
}

#leftcolumn-single h2
{
	color:#1F3F5E;
	border-bottom: 1px dashed #888888;
}

#leftcolumn-single ul li
{
	margin: 3px 6px 3px 5px;
	list-style-image:url('../images/bulletblue.png');
}

/*#leftcolumn-single  hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px dashed #262626;
	margin: 2px 0;
	padding: 0;
}*/

/*#title{ 
	font:28px/1.2em Georgia, serif;
}*/

#content { 
	float: left;
	border: 1px solid #ccc;
	background: #E0DBDB;
	padding: 1px;
	min-height: 350px;
	width: 53.125%;
	display: inline;
	text-align:center;
	margin: 0 0 0 0.5208%;
}

#content-max { 
 float: left;
 border: 1px solid #ccc;
 background: #F2F6F9;
 margin: 0 0 0 0.5208%;
 padding: 0.72917%;
 min-height: 350px;
 width: 76.1458%; /*731px*/
 display: inline;
}

/*#content-max h1 {
	font: 25px/25px Arial, 'Liberation Sans', FreeSans, sans-serif !important;
	margin: 6px 0 6px 0;
	padding: 0 0 3px 15px;
	border-left:10px solid #c4601e;
	border-bottom:1px solid #c4601e;
	color:#555555;
}*/

#content-max h2 {
	font: 20px/25px Arial, 'Liberation Sans', FreeSans, sans-serif !important;
	margin: 5px 0 15px;
	border-bottom:1px dashed #888888;
	text-shadow: 2px 2px 2px #CCCCCC;
	color:#555555;
}

#content-max h2 a {
	color:#c4601e;
}

#content-max h2 a:hover {
	color:#e27e3b;
	text-decoration:none;
}

#content-max h3 {
	font: 15px/20px DINRegular, "Trebuchet MS", sans-serif;
	font-weight: bold;
	margin: 5px 0 15px;
}

#content-max p {
	margin:12px 0;
}

#content-max a {
	color:#4C83AF;
}

.faq{
	width:99.1792%; /*725px*/
	font: 12px/14px Arial, 'Liberation Sans', FreeSans, sans-serif !important
}

.faq .left-side{
	width:2.7586%; /*20px*/
	float:left;
}

.faq .right-side{
	width:93.7931%; /*680px*/
	padding-left:2.7586%; /*20px*/
}


#content-secure{ 
	border: 1px solid #ccc;
	background: #E0DBDB;
	width: 99.7916%; /*960 - 2px (border)*/
	min-height:300px;
	position:relative;
	float:left;
}

#content-secure #left-panel
{
	float:left;
	width:12.5%;
}

#content-secure #right-panel
{
	float:left;
	width:84.5%;
	padding:0px;
}

#content-secure #content-secure-header
{
	margin:15px 4.16667% 5px 4.16667%;
}


#content-custom-warning { 
	float: left;
	border: 1px solid #ccc;
	margin: 0px 5px 5px 0px;
	padding: 10px;
	width: 97.7%;
	display: inline;
	position:relative;
	min-height:360px;
	background:#E0DBDB;
}

#content-custom-warning input[type=text], input[type=password]{ 
	height:30px;
	width:50%;
	margin-bottom:20px;
	padding:5px;
}


#content-custom-warning #login-panel {
	margin:0 auto;
	width:60%;
	border: 1px solid #dd3c10;
	background:#FFEBE8;
	padding:5px;
}

#content-custom-warning #login-box .validation-advice{
	text-align:left;
}

#content-custom-warning #login-box div{
	padding-bottom:10px;
}

#content-custom-warning span{

} 

#content-custom-warning span a{
	font-weight:bold;
	color:#A9B79E;
}

#static-content
{
	text-align:justify;
}

#static-content p
{
	margin:5px 0 10px 0;
}

#static-content ul
{
	margin:0 0 10px 25px;
	
}

#foot-notification{
	bottom:0px;
	position:fixed;
	width:922px;
	text-align:center;
	display:none;
}

#foot-notification div{
	background:#2D2D2D;
	height:50px;
	width:500px;
	margin:0 auto;
	border-radius: 6px;
	-moz-border-radius: 6px;
}

.nav-box
{
	width:50px;
	float:left;	
	border:1px solid #F1F1F1;
	background:#F1F1F1;
	margin:5px;
	 border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.bottom-right{
   position:absolute;
   bottom:0;
   right:0;
}

.bottom-right span{
   font-size:9px;
}

#address-info{
	 background-color:#F7F4F1;
	 padding:4px;
	/* border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;*/
}

.my-placeholder {
        color: #ccc;
		font-size:11px;
    }
.validation-advice{
	font-size:11px;
	color:#990000;
	text-align:right;
}

/*plugin*/
ul.tabs{
    height:20px;
	list-style-type:none;
	padding:25px 0 0 50px;
}

ul.tabs li {
    float:left;
    background-color:#abd6e5;
    cursor:pointer;
    padding:4px 15px 4px 15px;
    border:1px solid #abd6e5;
    border-bottom:none;
    position:relative;
    top:1px;
    margin-right:2px;
    text-shadow:0 -1px 0 #d6d3d3;
    color:#fbfafa;
	z-index:0;
}

ul.tabs li.selected {
    background-color:#6abbda;
    border:1px solid #6abbda;
    border-bottom:1px solid #6abbda;
    color:#fbfafa;
}

ul.contents {
    border:1px solid #6abbda;
    height:150px;
    clear:both;
	background-color:#6abbda;
	width:550px;
	margin:0 auto;
	*margin:4px auto 0 auto;
}

ul.contents li{
    margin:10px
}

ul.link{
	margin:5px 15px;
}

ul.link li{
	padding:5px 0 0 0;
}
/***/

/*dropmenu*/
#dropnav{
	font-family:"Proxima Nova Regular","Helvetica Neue",Arial, Helvetica, sans-serif;
	text-shadow: -1px -1px -1px #a7b572;
	font-weight:400;
	font-style:normal;
	list-style: none;
	margin: 0;
}

#dropnav a {
	color:#FFFFFF;
}

#dropnav a:hover {
	text-decoration:underline;
}

#dropnav li {
	position: relative;
	padding:0.5208% 1.0146%;
	margin:0 0.2083%;
	float: left;
}

#dropnav > li {
	border:1px solid #a7b572;
	background:#bac97c;
	float:left;
	z-index:2;
}

#dropnav ul {
	position: absolute;
	top: 26px;
	left: 10px;
	list-style: none;
	width: 136px;
	border: 1px solid #AAA;
	-webkit-box-shadow: 1px 1px 5px #AAA;
	-moz-box-shadow: 1px 1px 5px #AAA;
	box-shadow: 1px 1px 5px #AAA;
	background: #BAC97C;
}

#dropnav ul li {
	float: none;
	padding: 0.5208%;
}

#dropnav .open {
	display: block;
}

#dropnav .close {
	display: none;
}

#dropnav ul li a {
	width: 130px;
	_width: 127px;
	padding: 3px;
	display: block;
	_float: left;
	font-weight: normal;
	border-bottom: 1px solid #a7b572;
}

#dropnav ul li a:hover {
}

#dropnav ul ul {
	left: 137px;
	_left: 0;
	top: 0;
}
/*dropmenu*/

.btnStyle
{
	background-color: #6D859C;
	border: 1px solid #1F3F5E;
	padding: 2px 5px;
	color: white;
	font-weight: bold;
}
.btnStyle:hover
{
	border: 1px solid #444;
	background-color: #444;
}
.separator{
	height:2px;
	background: url("../images/separator1.png") repeat-x;
	margin:5px 0px;
}

.paper{
	background: url("../images/project_paper.png");
}

.shadow {
  -moz-box-shadow:    3px 3px 5px 0 #ccc;
  -webkit-box-shadow: 3px 3px 5px 0 #ccc;
  box-shadow:         3px 3px 5px 0 #ccc;
  
}

.news-detail
{
	height:120px;
	width:97.0588%;
	margin:1px;
	padding:2px;
	overflow:hidden;
}

/*scrollBar*/
div.scrollKnob{
	background-color:#999;
}

div.scrollBar{
	width:7px;
	float:right;
	position:relative;
	background:#f2f2f2;
}
/*scrollBar*/

/* Float Menu
.floatMenu{
	display:none;
	opacity:0;
	position:absolute;
	border:0px;
	background-color:#D2E48F;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
	z-index: 99999;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding:10px;
}

.floatMenu  ul{
	list-style-type:none;
}

.floatMenu  ul li{
	display:inline-block;
	text-align:center;
	margin:7px;
	clear:both;
}

.floatMenu  ul li div{
	padding:2px;
	border:1px solid #CECECE;
	background-color: #F1F1F1;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
	color:#435359;
}*/


/* Modal Popup */
#simple-modal-overlay {
  position: fixed ;
  display: block;
  z-index: 99998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  background-position: center center;
  background-repeat: no-repeat;
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#291a49));
  background: -webkit-radial-gradient(circle, #ffffff, #291a49);
  background: -moz-radial-gradient(circle, #ffffff, #291a49);
  background: -ms-radial-gradient(circle, #ffffff, #291a49);
}
.simple-modal {
  /* Style rewrite */

  width: 600px;
  left: 20px;
  top: 20px;
  /* */

  position: absolute;
  position: fixed;
  margin: 0;
  color: #808080;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  background-color: #FFFFFF;
  border: 1px solid #EAEEFA;
  border: 1px solid rgba(234, 238, 250, 0.6);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  z-index: 99999;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
.simple-modal .simple-modal-header {
  padding: 5px 15px;
  margin: 0;
  border-bottom: 1px solid #EEEEEE;
}
.simple-modal .simple-modal-header h1 {
  margin: 0;
  color: #404040;
  font-size: 18px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 36px;
}
.simple-modal a.close {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #999;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: normal;
  line-height: 10px;
  text-decoration: none;
}
.simple-modal a.close:hover {
  color: #444;
}
.simple-modal .simple-modal-body {
  padding: 15px;
  /* Extra style */

}
.simple-modal .simple-modal-body div.contents {
  overflow: hidden;
}
.simple-modal .simple-modal-body p {
  font-size: 13px;
  font-weight: normal;
  color: #606060;
  line-height: 18px;
}
.simple-modal .simple-modal-body p img {
  display: block;
  margin: 0 auto 10px auto;
}
.simple-modal .simple-modal-footer {
  display: block;
  background-color: #F5F5F5;
  padding: 14px 15px 15px;
  border-top: 1px solid #EEEEEE;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #FFF;
  -moz-box-shadow: inset 0 1px 0 #FFF;
  box-shadow: inset 0 1px 0 #FFF;
  zoom: 1;
  margin-bottom: 0;
  text-align: center;
}
.simple-modal .simple-modal-footer a.btn {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  background-repeat: no-repeat;
  padding: 5px 14px 6px;
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid transparent;
  -webkit-transition: 0.2s linear all;
  -moz-transition: 0.2s linear all;
  transition: 0.2s linear all;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.simple-modal .simple-modal-footer a.btn.primary {
  color: #FFF;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999;
  background-repeat: repeat-x;
  margin-right: 15px;
}
.simple-modal .simple-modal-footer a.btn.primary:hover {
  border: 1px solid #444;
  background-color: #444;
}
.simple-modal .simple-modal-footer a.btn.secondary {
  padding: 5px 2px 6px;
}
.simple-modal .simple-modal-footer a.btn.secondary:hover {
  color: #999;
}
/* Draggable style */
.simple-modal.draggable .simple-modal-header:hover {
  cursor: move;
  background-color: #f8f8f8;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
/* Loading style */
.simple-modal.loading .simple-modal-body {
  min-height: 60px;
  background: transparent url("../images/loader.gif") no-repeat center center;
}
.simple-modal.loading .simple-modal-body div.contents {
  display: none;
}
.simple-modal.loading .close, .simple-modal.loading .simple-modal-header, .simple-modal.loading .simple-modal-footer {
  display: none;
}
/* Hide header */
.simple-modal.hide-header .simple-modal-header {
  display: none;
}
/* Hide header */
.simple-modal.hide-footer .simple-modal-footer {
  display: none;
}

/*accordion*/

#accordion  {
  margin: 20px 0 0;
  max-width: 100%;
}

#accordion  a{
  color:#333;
}

#accordion H2 {
	background:#E0E4CC;
    color: #000000;
    /*cursor: pointer;*/
    font: 15px Helvetica, Arial, sans-serif;
    line-height: 16px;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
	height:25px;
}
#accordion .content {
	background-color: #C9C5C5;
	padding: 0 6px 8px 6px;
}
#accordion .content p {
	margin: 0.5em 0;
}
 
#accordion .content .charge-item {
	table-layout:fixed;
}

#accordion .content .charge-item  tbody tr{
	color:#505050;
}

#accordion .content .charge-item  tbody tr:hover{
	background-color:#C8C8C8;
	color:#fff;
}

#accordion .content tbody .due{
	background-color:#FAEAB9;
}

#accordion .content tbody .normal{
	background-color:none;
}


#accordion .content tbody tr td{
	border-top:1px dotted #fff;
	padding:5px;
}

#accordion .content .charge-item  td{
	overflow:hidden; 
	word-wrap:break-word; 
	vertical-align:top;
}

#accordion .content .charge-item  tfoot td{
	padding-top:10px;
	border-top:1px dotted #fff;
}

.stafflist
{
	padding:10px;
}

.stafflist ul
{
	margin: 0 0 0 10px;
}

.stafflist ul li
{
	list-style-type: square;
}

.stafflist ul li a
{
	color:#333333;
}




 /*accordion*/
 
 /*slideshow*/
#navigation{background:none;}
#navigation div#placeholder-caption{
	position:absolute;
	z-index:5000;
	height:50px;
	width:100%;
	overflow:hidden;
	margin-top:-50px;
	background-color:#C0E9F7;
	padding:5px;
	opacity:0.75;
	zoom: 1;
	filter: alpha(opacity=75);
}

#navigation div span#img-caption{
	color: #080808;
	font: bold 14px/16px Helvetica, Sans-Serif;
	letter-spacing: -1px; 
}

#navigation-slideshow{margin:auto;position:relative;}
#navigation-slideshow img{position:absolute;left:0;right:0;}
#navigation-slideshow ul{position:absolute;top:3px;left:3px;width:300px;z-index:2;color:#000;padding:0;margin:0;list-style:none;text-align:left;cursor:default;}
#navigation-slideshow li{display:inline-block;margin-right:2px;}
#navigation-slideshow a{display:block;width:10px;height:10px;background:rgba(0,0,0,0.5);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;}
#navigation-slideshow a:hover,
#navigation-slideshow a.current{background:rgba(0,0,0,0.75);}

.tip-wrap{z-index:3;}
.tip{background:rgba(255,255,255,0.5);color:#000;width:200px;height:auto;padding:10px;font-size:85%;text-align:center;}
.tip-top{height:0;width:0px;border-style:solid;border-color:transparent transparent rgba(255,255,255,0.5) transparent;border-width:10px;margin-left:100px;}
/*slideshow*/

#chart_div
{
	width:100%;
	text-align:center;
}