* { font-size:2vmin; font-family:  'Lucida Grande',tahoma,verdana; }
body { /* url("../images/bg-body.jpg") repeat-x; background-attachment: fixed; */ margin: 0; padding: 0; color: #232323; }
a,a.visited { color:#2456b2; text-decoration:none; }
a:hover { text-decoration:none;  color:#FF0000; }
img { border:0px;}

.page { min-width:320px; width:100%; }

.page { text-align:left; margin:0px auto; }

#header {  }
	#header #top { background:#2F383F; } 
	#header #top2 { background:#3B5998;}
	#header #top,#header #top2 { border-top: 0px solid #33CCFF; font-weight:bold; } 
	#header #top,#header #top2,#header #bottom {  color: #FFFFFF; }
	
/*
	#header #site-name { float:left; max-width:50%; overflow:hidden; padding-right:15px; }
	#header #sesslogin { float:right; max-width:45%; padding-left:15px; overflow:hidden; }
	#header #top .waslogin { padding-left:0px !important; }
*/

	#header  #sesslogin,#sesslogin span {  text-align:right; color:#FFFFFF; font-weight:100; font-size:85%; font-family:"Lucida Grande",tahoma, verdana; }
	#header #sesslogin a { color:#EE8945; }
	#header #sesslogin a:hover { color:#EE66EE; }

	#header #bottom { }
	#header #bottom { border-top: 0px solid #ECF7FC; background:#3B5998; }

	
#footerwrap { }
#footerwrap #footer { min-height: 16px; border-top: 1px solid #484848; margin-top: 5px; padding-left:7px; padding-top:2px; color:#888; }
#footer .code a {
	color:#888;
}
#footer .copyright a {
	color:#2456b2;
}


#header #middle { color:#222; background: #EEEEEE; height:33px; }

#footer #notification-box { height: 20px; float: left; padding-top: 4px; padding-left: 4px; font-weight: bold; color: #FFF; }
#footer #server-activity { height: 20px; float: right; width: 100px; text-indent: 0; padding: 4px 0 0 4px; border-left: 1px solid #A9A9A9; }

#page-mask,#save-mask { position: fixed; text-align: center;  }
#page-mask { width: 100%; height: 100%; top: 0px; left: 0px; background: #505050; z-index: 99; }
#save-mask { top: 40%; left: 40%; border: 1px solid #34373D; background: white; width: 20%; min-width: 300px; z-index: 100; display: none;  }
#save-mask img { margin: 4px 0; }

#main-content { background:#FEFEFE; }
#main-content a:hover{ color:red; }
#main-content #fillcontent {  }
#main-content #fillcontent fieldset { margin:0px !important; }
#warningbrd { border: 1px solid #FF6600; }
#errorbrd { border: 1px solid #FF0000;	 }
#errortxt { color:#FF0000; }
#warningtxt { color:#FF3366; }

.successbox,.noticebox,.errorbox { padding: 5px 10px; margin:10px 0px 10px 0px; padding: 5px 10px; }
.successbox { border: 1px solid #000000; background-color: #BFDDB3; color:#363636; }
.noticebox { border: 1px solid #AAAA66; background-color: #FFFFDD; color:#000000; }
.errorbox { border: 1px solid red; background-color: #FFCCCC; }
.errorbox #message { 
background: #FFCCCC url(images/error_pad.png) no-repeat left; 
padding: 0px 0px 0px 70px; min-height: 52px; max-height: 300px; overflow: auto; 
border: 1px solid red; margin: 0px 5px 5px 0px; 
}

legend { float:left; background: #FEB50A; border: 1px solid #CC3399; padding: 5px 10px 5px 10px; color: #222; font-weight: bold; 
margin: -20px 4px 2px 0px; width:auto; } 
fieldset { padding: 1% 2%; background: #FFF; border: 1px solid #CC3399; margin: 2%px 0; min-width: 320px; }

.row-header{ border: 1px solid #2456b2; vertical-align: middle; background: #C2DCFF; font-weight:bold; padding:5px 10px; margin:10px 0px;  }
.row-notice{ border: 1px solid #E4E3D6; vertical-align: middle; background: #5789F5; color:#fff; padding:5px 10px; margin:10px 0px; }
.row-notice div { color:#fff !important; }
.row-notice:after,.row-header:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;  }

.row-evener .no, .row-evener .kode,.row-evener .title,.row-evener .content,.row-evener .category,.row-evener .published,.row-evener .cbx,
.row-odder .no, .row-odder .kode,.row-odder .title,.row-odder .content,.row-odder .category,.row-odder .published,.row-odder .cbx,
.row-notice .no, .row-notice .kode, .row-notice .title, .row-notice .content, .row-notice .category, .row-notice .cbx, .row-notice .published {
	float: left; margin: 5px 0 0 4px; color: #222; text-align:left;
}
.row-evener .full,.row-odder .full,.row-notice .full { color: #222; text-align:left; }
.row-evener .full,.row-odder .full { margin: 5px 0 0 4px; }

.row-header .no, .row-header .kode, .row-header .title, .row-header .content, .row-header .category, .row-header .cbx, .row-header .published, .row-header .full {
	float: left; margin: 5px 0 0 4px; color: #2456b2; text-align:left; font-weight:bold;
}
.row-header .full {
	color: #2456b2; text-align:left; font-weight:bold;
}

.row-evener .no, .row-odder .no, .row-header .no, .row-notice .no{ width: 3%; }
.row-evener .kode, .row-odder .kode, .row-header .kode, .row-notice .kode{ width: 7%; }
.row-evener .title, .row-odder .title, .row-header .title, .row-notice .title{ width: 20%; }
.row-evener .content, .row-odder .content,.row-header .content, .row-notice .content{ width: 30%; }
.row-evener .category, .row-odder .category,.row-header .category,.row-notice .category{ width: 15%; }
.row-evener .cbx,.row-odder .cbx,.row-header .cbx,.row-notice .cbx{ float: right; width: 20px; }
.row-evener .published,.row-odder .published,.row-header .published,.row-notice .published{ float: right; width: 60px; }

.row-evener .full, .row-odder .full,.row-header .full, .row-notice .full{  }

.row-odder,.row-evener {  border: 1px solid #E4E3D6; margin-bottom: 4px; padding-bottom:5px; min-height: 28px; vertical-align: middle; }
.row-odder{ background: #FAFCFA; }
.row-evener{ background: #FFFFFF; }
.row-evener:hover,.row-odder:hover { background: #F0F4F9; }
.row-error { color:#FF0000; padding-left:7px; padding-right:7px; }

.row-odder:after,.row-evener:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;

}
/*
.row { clear: both; border: 1px solid #E4E3D6; margin-bottom: 4px; min-height: 25px; vertical-align: middle; background: #FAFAFA; }
.row .label,.row .label-req,.row .input { 
	float: left; margin: 5px 0 0 4px; color: #232323; 
}
.row .label { width:20%; } 
.row .label-req { width:20%; font-weight:bold; }
.row .detail { float: left; margin-top: 2px; min-width: 60%; }
.row .input { width:75%; padding:2px 5px;}
*/

.tt { float: left; width: 40px; text-align: right; margin: 5px 10px 0 0; }
/*
.button, input[type="submit"],input[type="button"],input[type="reset"] { color: #000000; background: #EFEFEF url(images/button_bg.jpg) left top repeat-x; border: 1px solid #0075B0; font-family:'Lucida Grande',tahoma,verdana; padding:2px; padding-left:5px; padding-right:5px; font-weight:bold; }
*/

input[type='file']:focus,
input[type='text']:focus,
input[type='password']:focus,
textarea.textarea:focus,
textarea.textbox:focus {
	background: #FFFFDD;
}

select { font-family:'Lucida Grande',tahoma,verdana; padding: 7px 5px; border: 1px solid #787878; background-color: #fff; vertical-align: middle; max-width: 250px; min-width:50px; min-height: 24px;
}
select option { padding:7px 5px; }

.droplist,
.textbox_short,.textbox_half,.textbox,
.textarea,
.readonly {
	font-family:'Lucida Grande',tahoma,verdana; padding: 7px 5px; border: 1px solid #999; background-color: #fff; 
}
.textbox_short,.textbox_half,.textbox,
.textarea {
	width:100%;	
}
.row .textbox,
.row .textarea {
	width:50%;	
}

.textbox_short { max-width:80px; }
.textbox_half { max-width:150px; }
.textbox { }
.readonly { background: #f7f7f7; border: 1px solid #d4d8e2; }
.textarea { font-family:'Lucida Grande',tahoma,verdana; width: 59%; height: 100px; }
.checkbox { vertical-align: middle; padding: 0; }

optgroup { background: #EBF3FF; font-style: normal; color: black; }
optgroup option { background:white; }
.droplist { height: 19px; }

.pagination-link { padding: 3px; border: 1px solid #CBC5C5; background: #E7E3E3; color: #675858; }
.pagination-link-active { padding: 3px; border: 1px solid #928787; background: #A99D9D; color: #FFF; }

#tab-header { border-bottom : 1px solid #3C64A2; }
#tab-header ul, #tab-header li { display : inline; list-style-type : none; margin : 0; padding : 0; }
#tab-header a { background : #676767; border : 1px solid #3C64A2; color : #FFF; float : left;  font-weight : normal; line-height : 2vmin; margin-right : 8px; padding : 9px 12px; text-decoration : none; }

#tab-header a:hover { background: #000000; color:#FFFFFF; }
#tab-header .tab-current { background: #3C64A2; color : #000; }
#tab-header a.tab-current  { background : #3C64A2; color : #FFFFFF; font-weight:bold; }
#tab-header a.tab-current:hover,#tab-header a.tab-current:active { background : #fff; border-bottom : 1px solid #FFFFFF; color : #000; font-weight:bold; }
#wrap-tabs { width: 100%; margin: 0; margin-top:7px;	 clear: both; }

.visible-tab { display:block; background: #fff; border: 1px solid #3C64A2; border-top: none; padding: 10px; min-height: 200px; }
.hidden-tab { display:none; }

.hidden-tab ol,.visible-tab ol,
.hidden-tab ul,.visible-tab ul { margin-left:14px; }
.hidden-tab li,.visible-tab li { padding-bottom:7px; }
.hidden-tab p,.visible-tab p { padding-bottom:14px; }
.img { margin-right:7px; margin-bottom:3px; border:4px solid #DEDEDE; }

.highlight { color:#000000; font-weight:bold; }
.highlighta{ font-weight:bold; background:#C8D2D2; text-align:center; padding:3px; }

.highlighton { color:#000000; font-weight:bold; background:#FF99FF; text-align:center; padding:3px; }
a.hide { margin-top:7px; background:#DDEEDD; padding:7px 12px; color:#FFFFFF; font-weight:bold; }
a.hide:hover { font-weight:bold; }
table.list { margin-top:2px; margin-bottom:10px; min-width:50%; border-left:1px solid #AAAAAA; border-top:1px solid #AAAAAA; border-right:none; }
table.list th { color:#2456B2; font-weight:bold; border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA; }
table.list th,table.list td { padding:2px 5px; border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;}

h1 {
  font-size: 2.7vw;
}
h3,h2 {
  font-size: 2.5vh;
}

h1,h2,h3 { margin-bottom:7px; color:#2456A2; }

.loading { 
	position:fixed; z-index:10000; padding:16px 16px; background:#434343; border:#999999 4px solid; left:47%; top:47%; 
	filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75; 
}

.transparent { filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75; }
.backend { display:none; }

.pagemain,.pagemain2,.pagemain3,.pagemain4 { min-width:320px; text-align:left; }
.pagemain { padding-top: 152px; }
.pagemain2 { padding-top: 122px; }
.pagemain3 { padding-top: 125px;}

.margin25 { margin-top:25%; }
@-webkit-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
.bg1 { background:#FAFAFA !important;}
.bg2 { background:#EEEEEE !important;}
.bg3 { background:#FAFAEA !important; }

.css3-blink {
  -webkit-animation-name: blinker;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 1s; 
  text-decoration:blink;
  color:#2456b2 !important;
  font-size:5.9vw;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	display: block;
	width: 100%;
}

* html .clearfix {
	height: 1%;
}

@media screen and (max-width : 320px) 
{
	* { font-size:13px; }
	tab-header a { line-height: 18px; }
	h1 { font-size: 16px; }
	h3,h2 { font-size: 15px; }
}
@media screen and (max-width : 760px) 
{
	* { font-size:14px; }
	tab-header a { line-height: 18px; }
	h1 { font-size: 16px; }
	h3,h2 { font-size: 15px; }
}