/***********************************
 * Define your custom scrollbar
 */

.scrollbar {
	position: absolute;
	z-index: 10;
	width: 1px;
	height: 1px;
	border-width: 3px;
	-webkit-border-image: url(images/scrollbar2.png) 3;
}
 
.scrollbar.horizontal {
	bottom: 1px;
	left: 1px;
}
 
.scrollbar.vertical {
	top: 1px;
	right: 1px;
}

/***********************************
 * Cut here
 */

body,ul,li {
	padding:0;
	margin:0;
}

body {
	font-size:12px;
	-webkit-user-select:none;
    -webkit-text-size-adjust:none;
/*	-webkit-box-sizing:border-box;*/
	font-family:helvetica;
/*	padding-bottom:45px;	/*	This prevents the scroller to lock if the user swipes down outside of the screen.
							 	NOT needed if in home screen mode. */
}

#header {
	width:100%;
	height:45px;
	line-height:45px;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #00b5dd), color-stop(0.05, #297e9a), color-stop(1, #297e9a));
	padding:0;
	color:#eee;
	font-size:20px;
	text-align:center;
}
#header img{
	margin-top:3px;
}

#header a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	text-shadow:0 -1px 0 rgba(0,0,0,0.5);
}

#footer {
	width:100%;
	height:25px;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #00b5dd), color-stop(0.02, #00a0c3), color-stop(1, #0091b1));
	padding:0;
	border-top:1px solid #444;
}

#footer li {
	display:block;
	float:left;
}

#footer li {
	width:20%;
	text-align:center;
}

#footer a.remove {
	border-right:1px solid #146078;
}

#footer a.add {
	border-left:1px solid #18728f;
}

#footer a {
	display:block;
	text-decoration:none;
	font-size:12px;
	color:#fff;
	line-height:24px;
	text-shadow:0 -1px 0 #000;
}

#footer span {
	display:block;
	font-size:30px;
	font-weight:bold;
}

#wrapper {
	height:200px;		/* Of course you need to specify the object height */

	position:relative;	/* On older OS versions "position" and "z-index" must be defined, */
	z-index:1;			/* it seems that recent webkit is less picky and works anyway. */

	width:100%;
	background:#fff;
	overflow:hidden;
/*	background:#aaa url(wrapper-bg.png);*/
}

#scroller {
/*	-webkit-touch-callout:none;*/
/*	-webkit-tap-highlight-color:rgba(0,0,0,0);*/

	float:left;
	width:100%;
	padding:0;
	
/*	-webkit-box-shadow:0 0 8px #555;	/* Don't use shadows in production, they slow down drastically CSS animations */
}

#scroller ul {
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
	text-align:left;
}

#scroller li {
	padding:0 10px;
	height:40px;
	line-height:40px;
	border-bottom:1px solid #125469;
	border-top:1px solid #fff;
	background-color:#fafafa;
/*	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d4d4d4), to(#fafafa));*/
	font-size:14px;
	text-align:center;
}


#bar {
	background: #b00;
	color:#fff;
	width: 100%;
	height: 50px;
	position: fixed;
	left: 0px;
	bottom: 0px;
	border-top: 1px solid #000;
	background-repeat: no-repeat;
	background-position: left center;
}



/*#table{width: 100%; height: 100%;}
#hader_left{height: 92%; width: 0px;}
#header{margin:0 10px 10px 10px;}

#pagecenter{background:#fff;}

#footer_left{height: 92%; width: 0px;}
#footer_center{height: 8%; background: #264e76 url('../images/page_footer_bgr.jpg') repeat-x;}
#footer{margin:0 10px 10px 10px;}*/


.exenpic{margin-right:5px;}


.dblue13b{ font:bold 13px  Arial, Tahoma, Verdana; color: #355688; TEXT-DECORATION: none; line-height:1.5em;}
.dblue13b  A:link, .dblue13b  A:visited, .dblue13b  A:active{ color:#355688; TEXT-DECORATION: none;}
.dblue13b A:hover{color:#355688; TEXT-DECORATION: underline;}

.dblue12{ font:12px  Arial, Tahoma, Verdana; color: #355688; TEXT-DECORATION: none; line-height:1.5em;}
.dblue12  A:link, .dblue12  A:visited, .dblue12  A:active{ color:#355688; TEXT-DECORATION: none;}
.dblue12 A:hover{color:#355688; TEXT-DECORATION: underline;}


.black_12{ font:12px  Arial, Tahoma, Verdana; color: #000; TEXT-DECORATION: none; line-height:1.5em;}
.black_12  A:link, .black_12  A:visited, .black_12  A:active{ color:#000; TEXT-DECORATION: none;}
.black_12 A:hover{color:#000; TEXT-DECORATION: underline;}


.white_12{ font:12px  Arial, Tahoma, Verdana; color: #fff; TEXT-DECORATION: none; line-height:1.5em;}
.white_12  A:link, .white_12  A:visited, .white_12  A:active{ color:#fff; TEXT-DECORATION: none;}
.white_12 A:hover{color:#fff; TEXT-DECORATION: underline;}



.input1 {width:130px; height:18px; padding:2px; margin:0px; border:1px solid #02bff1; font-size:12px; font-family:Arial; outline:none; resize:none; position:absolute; z-index:5;}
textarea.input1 {height:48px; }