body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Georgia, Times New Roman, Times,serif;
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
	color: #131313;
	text-decoration: none; 
	background-color: #e3f8fa;
	
	}
	

html { 
	min-width: 600px;
	overflow-x: hidden;
}

.asdf
{
	color:#fff;
	text-decoration:none;
}

.asdf:hover
{
	color:#fff;
	text-decoration:none;
}


div.message2 {
	background:#E0EEFA url(../img/info.gif) no-repeat scroll 13px 4px;
	border:1px solid #74AEE1;
	padding:3px 10px 3px 40px;
	text-align: center;
	width: 50%;
	font-weight: bold;
}

div.message {
	left: 300;
	margin: 0 auto;
	background:#E0EEFA url(../img/info.gif) no-repeat scroll 12px 10px;
	border:1px solid #74AEE1;
	padding:8px 10px 15px 40px;
	text-align: center;
	width: 50%;
	font-weight: bold;
}

div.error-message {
	margin: 15px 0px;
	clear: both;
	background:#F9EBEA url(../img/error.gif) no-repeat scroll 12px 2px;
	border:1px solid #E6A5A4;
	padding:1px 1px 1px 18px;
	text-align: center;
	width: 250px;
	font-weight: bold;
	font-family: Georgia,Times New Roman,Times,serif;
}
p.error {
	background-color: #ddd; 
	color: #464646;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
	text-align: center;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
	text-align: center;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
	text-align: center;
}
.success {
	text-align: center;
	margin: 15px 0px;
	background:#E1F2DE url(../img/success.gif) no-repeat scroll 12px 10px;
	border:1px solid #A4D89B;
	padding:8px 10px 15px 40px;
	width:auto;
}
	
/* Text*/

h1 {
	letter-spacing:-0.05em;
	font-size: 1.5em;
	border-bottom: 1px solid #e1dfe0;
	font-weight: bold;
	margin-top: 1.2em;
	margin-bottom: 0px;
	padding-bottom: 3px;
	position: relative;
	}

h2 {
	font-size:2.3em;
	}

h3 {
	font-size:1.3em;
	margin-bottom:3px;
	color:#3c78a7;
	font-weight:bold;
	}

h4 {
	font-size:1.0em;
	}

h3.cat_title, h3.cat_title a {
	color:#333;
	letter-spacing:-0.05em;
	font-size:0.85em;
	}

h3#respond {
	margin-top:0px;
	padding-top:20px;
	}

h3#comments {
	margin-top:32px;
	padding-left:0px;
	}

h3.authors {
	margin-top:15px;
	}
a {
	text-decoration: underline;
	color: #131313;
	}
a:hover {
	text-decoration: underline;
	color: #004572;
	}

ul {
	margin: 0;
	padding: 0;
	}
p {
     margin: 0;
	}

input, textarea, textfield, button, select  {
	padding: 1px;
	font: 12px/20px Arial, Verdana, Georgia, "Times New Roman", Times, serif;
	}
.kad  {
	padding: 1px;
	font: bold 14px Arial, Verdana, Georgia, "Times New Roman", Times, serif;
	height: 20px;
	}
	
.spacer {
	line-height: 10px;
	}
#footer {
	font-size: 100%;
	color: #0b7cc6;
	float: left;
	width: 100%;
	background: #e3f8fa;
	border-top: 1px solid #bae1e5;
	position: relative;
	padding-top: 5px;
	padding-bottom: 20px;
	text-align: center;
	}
.text {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 3px;
	font-family: Georgia, Times New Roman, Times,serif;
	}
.textlog {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 3px;
	font: 21px Georgia, Times New Roman, Times, serif;
	}

#blackhead {
	width: 100%;
	margin: 0 auto;
	background-color: #464646;
	height: 28px;
	float: left;
	}
#tophead {
	width: 100%;
	margin: 0 auto;
	height: 120px;
	background: #1a72ff url(../img/head.jpg) no-repeat center top;
	border-bottom: 1px solid #bae1e5;
	}

#whitehead {
	width: 100%;
	margin: 0 auto;
	background-color: #FFFFFF;
	line-height: 34px;
	float: left;
	}

#bgwhite {
	width: 100%;
	margin: 0 auto;
	float: left;
	padding-top: 30px;
	padding-bottom: 20px;
	background: #fff url(../img/bg.jpg) no-repeat right bottom;
	}

#bgright {
	width: 34%;
	background-color: #f6f5f5;
	float: right;
	border-right: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin: 2px auto 0;
	}

#loginbox {
	width: 100%;
	background-color: #f6f5f5;
	float: left;
	border-right: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin: 2px auto 0;
	}

.wrap {
	width: 970px;
	margin: 0 auto;
	}

.contentnormal {
	width: 100%;
	float:left;
	}


#wraplog {
	width: 350px;
	margin: 0 auto;
	}


#wrapper {
	width: 0px;
	margin: 0 auto;
	float: left;
	}

#contentberita {
	width: 56%;
	float: right;
	position: relative;
	}
	
.contentkiri {
	width: 49%;
	float: left;
	padding-top: 20px;
	position: relative;
	}
	
.contentkanan {
	width: 49%;
	float: right;
	padding-top: 20px;
	position: relative;
	}


#advert {
	margin: 0 auto;
	float: left;
	padding-right: 2%;
	position: relative;
	padding-top: 26px;
	}
#content3 {
	width: 71%;
	margin: 0 auto;
	float: left;
	padding-bottom: 10px;
	padding-top: 36px;
	position: relative;
	}
#contentfull {
	width: 100%;
	margin: 0 auto;
	float: left;
	padding-bottom: 10px;
	padding-top: 36px;
	position: relative;
	}
#padleft {
	width: auto;
	float: left;
	}
#padright {
	width: auto;
	float: right;
	text-align: left;
	padding-right: 8px;
	width: 99px;
	}
#contentright {
	width: 48%;
	margin: 0 auto;
	float: right;
	padding-left: 2%;
	text-align: right;
	position: relative;
	}
#contentright2 {
	width: 28%;
	margin: 0 auto;
	float: right;
	position: relative;
	text-align: center;
	padding-top: 34px;
	}

#contenttoplink {
	width: 100%;
	float: left;
	margin-top: 80px;
	}
#toplinkadmin {
	width: 100%;
	float: left;
	margin-top: 58px;
	}
#toplink li {
	float: left;
	text-align: center;
	list-style-type: none;
	line-height: 22px;
	margin-right: 2px;
	padding-left: 24px;
	padding-right: 24px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;	
	background: url(../img/gradien.gif) repeat-x bottom;
	border-top: 1px solid #bae1e5;
	border-right: 1px solid #bae1e5;
	border-left: 1px solid #bae1e5;
	}
#toplink li a {
	text-decoration: none;
	font-weight: bold;
	color: #464646;	
	}
#topstay {
	color: #0b7cc6;
	font-weight: bold;
	background: #FFFFFF url(../img/bg_grey.jpg) !important;
	}
#toplink li a:hover {
	color: #0b7cc6;
	}

#header {
	position: absolute;
	width: 970px;
	padding-top: 120px;
}

#header ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
}

#header ul#primary li  {
	display: inline;
	list-style: none;
}

#header ul#primary a,#header ul#primary span,#header ul#primary a.current {
	width: 10em;
	display: block;
	float: left;
	padding: 3px 7px;
	margin: 0px 2px 0 0;
	text-align: center;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;	
	background: #FFFFFF url(../img/tabgradien.gif) repeat-x bottom;
	border-top: 1px solid #bae1e5;
	border-right: 1px solid #bae1e5;
	border-left: 1px solid #bae1e5;
}

#header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover, #stay {
	margin-top: 0;	
	color: #0b7cc6;
	background: #FFFFFF url(../img/bg_grey.jpg) !important;
}

#header ul#primary a {
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;	
	background: #FFFFFF url(../img/tabgradien.gif) repeat-x bottom;
	border-top: 1px solid #bae1e5;
	border-right: 1px solid #bae1e5;
	border-left: 1px solid #bae1e5;
}

#header ul#primary a:hover {
	margin-top: 0;
	color: #0b7cc6;
	background: #FFFFFF url(../img/bg_grey.jpg) !important;
}

#header ul#secondary {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -2.0em;
	left: 1px;
	width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	z-index: 1;
}

#header ul#secondary li a,#header ul#secondary li span {
	width: auto;
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0;
	text-align: auto;
	border: none;
	border-right: 1px dotted #AAA;
	background: none;

}

#header ul#secondary li a {
	color: #0b7cc6;
	text-decoration: underline;
}

#header ul#secondary li a:hover {
	color: #333;
	background: transparent;
	padding: 0 10px;
	border: none;
	border-right: 1px dotted #AAA;
}

#header ul#secondary li a:active {
	color: #000;
	background: transparent;
}

#header ul#secondary li:last-child a { border: none; }

.white {
	color: #fff;
	line-height: 26px;
	font-size: 75%;
	}
.white a {
	color: #fff;
	}

.yellow a {
	color: #ffff00;
	}
.headbold {
	font-weight: bold;
	font-size: 130%;
	color: #464646;
	border-bottom: 1px solid #e9e9e9;
	line-height: 40px;
	padding-top: 10px;
	}

.headbold2 {
	font-weight: bold;
	font-size: 120%;
	color: #464646;
	}
.tlink {
	font-size: 85%;
	margin-right: 20px;
	}

.tlink_stay {
	font-size: 85%;
	margin-right: 20px;
	color: #d17600;
	text-decoration: underline;
	line-height: 26px;
	font-weight: bold;
	}

.tlink_stay:hover {
	color: #ed1c24;
	text-decoration: none;
	}


.button {
	-moz-border-radius:3px;
	border: 1px solid #00784a;
	background: #00784a;
	font-weight: bold;
	padding: 3px 20px;
	color: #FFF;
	}
	
/* dashboard */

#project_list h1, #archived_project_list h1 {
	font-size: 1.5em;
	border-bottom: 1px solid #e1dfe0;
	font-weight: bold;
	margin-top: 1.2em;
	margin-bottom: 0px;
	padding-bottom: 3px;
	position: relative;
	}

#project_list h1 span, #archived_project_list div span, h1.title span {
	font-weight: normal;
	font-style: italic;
	color: #999;
	}

#project_list h1 a, #archived_project_list h1 a {
	color: #333;
	}

#archived_project_list div {
	padding: 5px;
	border-bottom: 1px solid #eee;
	}

div.event {
	padding: 5px 1px;
	border-bottom:1px dotted #ccc;
	}

div.event:hover {
	background: #f5feff;
	}
div.event a {
	text-decoration:none;
	}
div.event a:hover {
	text-decoration:none;
	color: #004572;
	}

div.event .event_type {
	float: left;
	text-align: center;
	margin-right: 14px;
	}

.PageList {
	margin:0;
	padding:0;
	list-style:none;
	color:#bbb;
	line-height: 28px;
	}
.PageList li {
	display:inline;
	}
.PageList a, .PageList li a {
	text-decoration:none;
	color:#D17600;
	}
.PageList a:hover{
	text-decoration:none !important;
	}


#Discussions{
	float:left;
	width:100%;
	background: #f7f6f6;
	border-bottom: 1px solid #e7e7e7;
	border-top: 1px solid #fff;
	}
#Discussions li li{
	height:auto;
	border:0;
	}

#Discussions, #Discussions *{
	margin:0;
	list-style:none;
	padding: 3px;
	}

#Discussions li ul{
	padding:7px 6px 7px 6px;
	color:##D6A11D;
	}
#Discussions ul span,#Discussions ul span a,#Discussions ul a{
	color:#aaa;
	text-decoration:none;
	}
#Discussions ul span a:hover,#Discussions ul a:hover{
	color:#f00;
	}
#Discussions ul a{
	color:#000;
	}
.DiscussionType{
	font-size:14px;
	float:left;
	margin-right:5px!important;
	color:#D17600;
	font-weight:bold;
	line-height:20px;
	}
.DiscussionType span,.DiscussionType.Normal{
	display:none;
	}
.DiscussionType *{
	float:left;
	}
.DiscussionTopic,.User.Name{
	font-size:14px;
	line-height:20px;
	overflow:hidden;
	}
.DiscussionTopic span{
	display:none;
	}
.DiscussionTopic a,.User.Name a{
	text-decoration:underline!important;
	font-weight:bold;
	}
.DiscussionTopic a:hover{
	text-decoration:none!important;
	}
.DiscussionCategory,.DiscussionStarted,.DiscussionComments,.DiscussionLastComment,.DiscussionActive,.DiscussionNew{
	width:auto;
	display:inline;
	font-size:10px;
	margin-right:10px!important;
	}
.NewComments .DiscussionNew a{
	color:#c00!important;
	}
#Discussions li.Read.NewComments .DiscussionNew{
	display:inline;
	}



#boxer {
	background: #ececec;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px 10px 15px;
	text-align: center;
	width: 100%;
	}
	

.title a {
	font-size: 120%;
	text-decoration: none;
	font-weight: bold;
	color: #d6a11d;
	}
.title a:hover {
	text-decoration: underline;
	}
.clearfloat {
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	float: left;
	padding-top:15px;
	position: relative;
	width: 100%;
	}
	
div.clearfloat:hover {
	background: #fffeee;
	}
	
.meta {
	font-size:0.7em;
	color:#333;
	padding-top: 3px;
	padding-bottom: 8px;
	}

.meta a {
	color:#333;
	}
	
.metar {
	width: 87%;
	float: right;
	}
	
.metar li {
	font-size:0.7em;
	color:#333;
	list-style:none;
	display:inline;
	float: left;
	padding:0px 8px 0px 4px;
	}

.metar a {
	color:#d17600;
	}
.img_box {
	padding: 3px;
	border: 1px solid #CCCCCC;
	float: left;
	width: auto;
	margin-right: 15px;
	}

.textline a {
	font-weight: bold;
	text-decoration: underline;
	font-size: 80%;
	line-height: 18px;
	}

.textline2 a {
	text-decoration: underline;
	color: #0b7cc6;
	font-weight: bold;
	}
.textline2 a:hover {
	text-decoration: none;
	}
	
.textline2 {
	float: left;
	width: 99%;
	padding: 2px 0px;
}

.textline3 a {
	text-decoration: underline;
	color: #0b7cc6;
	font-weight: bold;
	}
.textline3 a:hover {
	text-decoration: none;
	}
	
.textline3 {
	width: 99%;
	padding: 2px 0px 30px;
	clear: both;
}

.cattitle {
	background: #6a6a6a;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 5px 5px 6px;
	text-align: left;
	margin-top: -2px;
	margin-bottom: 5px;
	}

.catsub li {
	list-style:none;
	border-bottom:1px dotted #ccc;
	display:block;
	padding:2px 2px 2px 18px;
	background:#e6e6e6 url(../img/bullet.gif) no-repeat 8px center;
	font-size: 76%;
	line-height: 1.5em;
	border-top: 1px solid #ebebeb;
	text-align: left;
	}
.catsubnormal {
	display:block;
	padding:3px;
	font-size: 100%;
	line-height: 1.5em;
	border-top: 1px solid #efefef;
	text-align: left;
	color: #004a80;
	}
.buttonlink {
	background: #d17600;
	padding: 7px;
	-moz-border-radius:4px;
}
.buttonlink a {
	font-weight: bold;
	color: #FFFFFF;
}

div.paging {
	background:#fff;
	color: #ccc;
	margin-bottom: 2em;
	text-decoration: none;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
	text-decoration: none;
}
div.paging span.current {
	color: #000;
	text-decoration: none;
}
div.paging span a {
	text-decoration: none;
}

.pagenavi {
	color: #00396c;
	text-align: center;
}

.pagenavi a, .pagenavi a:link {
	padding: 1px 5px 1px 5px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #51afc8;
	color: #51afc8;
	background-color: #FFFFFF;	
}
.pagenavi a:visited {
	padding: 1px 5px 1px 5px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #51afc8;
	color: #51afc8;
	background-color: #FFFFFF;	
}
.pagenavi a:hover {	
	border: 1px solid #303030;
	color: #303030;
	background-color: #FFFFFF;
}
.pagenavi a:active {
	padding: 1px 5px 1px 5px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #51afc8;
	color: #d17600;
	background-color: #FFFFFF;	
}
.pagenavi span.pages {
	padding: 1px 5px 1px 5px;
	margin: 2px 2px 2px 2px;
	color: #303030;
	border: 1px solid #303030;
	background-color: #FFFFFF;
}
.pagenavi span.current {
	padding: 1px 5px 1px 5px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #00396c;
	color: #00396c;
	background-color: #FFFFFF;
}
.pagenavi span.extend {
	padding: 1px 5px 1px 5px; 
	margin: 2px;	
	border: 1px solid #303030;
	color: #303030;
	background-color: #FFFFFF;
}

.navigation {
	padding-top:10px;
	text-align:center;
	}
.subsubsub {
	list-style: none;
	margin: 14px 0 8px 0;
	padding: 0;
	white-space: nowrap;
	font-size: 12px;
	color: #CCCCCC;
}

.subsubsub a {
	line-height: 200%;
	padding: 3px;
	text-decoration: none;
	color: #d17600;
}

.subsubsub a.current {
	font-weight: bold;
	background: none;
	border: none;
	color: #000000;
}

.subsubsub li {
	display: inline;
	margin: 0;
	padding: 0;
	color: #ed1c24;
}
.subsubsub a:hover {
	color: #ed1c24;
}

.leftboxer {
	background: #f6f5f5;
	padding: 8px;
	margin-bottom: 5px;
	margin-top: 5px;
	width: auto;
	}
	
div#current-widgets, #postcustomstuff table, #your-profile fieldset, a.page-numbers, #rightnow, div.dashboard-widget, .widefat {
	border-color:#CCCCCC;
}
.widefat {
	border-collapse:collapse;
	border-style:solid;
	border-width:1px;
	clear:both;
	margin:0;
	width:100%;
}

.widefat thead, .thead {
	background-color: #464646;
	color: #d7d7d7;
}

.widefat {
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	width: 100%;
	clear: both;
	margin: 0;
}

.widefat a {
	text-decoration: none;
}
.widefat a:hover {
	text-decoration: underline;
}

.widefat abbr {
	white-space: nowrap;
}

.widefat td, .widefat th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	font-size: 85%;
	vertical-align: text-top;
}

.widefat td {
	padding: 10px 15px 10px 10px;
	vertical-align: top;
}

.widefat th {
	padding: 9px 15px 6px 10px;
	text-align: left;
	line-height: 1.3em;
}

.widefat th input {
	margin: 0 0 0 12px;
	padding: 0;
}

.widefat .check-column {
	text-align: right;
	width: 1.5em;
	padding: 0;

}

.widefat tbody th.check-column {
	padding: 10px 0;
}
/*
th.check-column + th, th.check-column + td {
	padding-left: 5px;
}
*/
.widefat .num {
	text-align: center;
}
.tr_row {
	background: #f9f9f9;
	}

.leftfloat {
	width: auto;
	float: left;
	margin: 0 auto;
	}
	
	

legend {
	margin-left: 0.5em;
	color: #d7d7d7;
	font-weight: bold;
	position: relative;
	left: -6px;
	background: #464646;
	padding: 4px 12px;
}
label {  

	width: 1em;  
	margin-right: 1.1em;  
	text-align: right;
}
fieldset ol {
	padding: 0;
	list-style: none;
}
fieldset li {  
	float: left;  
	clear: left;  
	width: 100%;  
	padding-bottom: 0.5em;
}

fieldset {
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 1em;
	padding: 0;
	position: relative;
	border: 1px solid #ccc;
	background: #f9f9f9;
}

fieldset fieldset {  
	margin-bottom: -2.5em;  
	border-style: none;  
	background-color: transparent;  
	background-image: none;
}
fieldset fieldset legend {  
	padding-left: 10px;  
	font-weight: bold;
}
fieldset fieldset ol {  
	position: relative;  
	top: -1.5em;  
	margin: 0 0 0 11em;  
	padding: 0;
}
fieldset fieldset label {  
	float: none;  
	width: auto;  
	margin-right: auto;
}

.msg-info {
	border:solid 1px #74aee1;
	background:#e0eefa url(../img/info.gif) no-repeat 12px 10px;
	padding:8px 10px 15px 40px;
	text-align:left;
	width: auto;
}

.msg-error {
	border:solid 1px #e6a5a4;
	background:#f9ebea url(../img/error.gif) no-repeat 12px 10px;
	padding:8px 10px 15px 40px;
	text-align:left;
	width: auto;
}

.msg-success {
	border:solid 1px #a4d89b;
	background:#e1f2de url(../img/success.gif) no-repeat 12px 10px;
	padding:8px 10px 15px 40px;
	text-align:left;
	width: auto;
}

.msg-legend {
	border:solid 1px #eeee03;
	background:#ffffcf url(../img/legend.gif) no-repeat 12px 10px;
	padding:9px 10px 15px 40px;
	text-align:left;
	width: auto;
}

.msg-legend li, .msg-success li, .msg-error li, .msg-info li {
	display: inline;
	margin: 0;
	font-size: 80%;
}
.leg {
	width: 14%;
	float: left;
	font-size: 80%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #dfdfdf;
}
.leg2 {
	width: 86%;
	float: right;
	font-size: 80%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #dfdfdf;
}

/* 
	Start table styles
*/


table {
  border-collapse: collapse;
  color: #363636;
  background: #f6f6f6;
  width: 99%;
  margin: 0 auto;
}
caption {
	text-align: left;
	background: transparent;
	font-size:1.4em;
	font-weight:bold;
	padding:0px 4px 10px;
	position:relative;
	letter-spacing:-0.05em;
	color: #004a80;
	text-decoration: none;
}

caption a{
	text-decoration: none;
	font-size:0.8em;
}

td, th {
	border: 1px dotted #767676;
	padding: .4em;
	color: #363636;
	line-height: 18px;
	vertical-align: middle;
  }

thead th, tfoot th {
	border: 1px solid #00365d;
	text-align: left;
	background: #004a80;
	color: #FFFFFF;
	font-size: 110%;
  }
tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  }
tbody td a:hover {
  color: #0b7cc6;
  }
tbody th a {
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
tbody th a:hover {
  background: transparent;
  color: #363636;
  }
tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
tfoot td {
  border: 1px solid #03476F;
  background: #f6f6f6;
  padding-top:3px;
  color: #FFFFFF;
  }
.odd {
  background: #eee;
  }
.wodd {
  background: #ffffff;
  font-size: 10px;
  }
tbody tr:hover {
  background: #d0edf0;
  color: #FFFFFF;
  }
tbody tr:hover th,
tbody tr.odd:hover th {
  background: #FFD800;
  color: #FFFFFF;
  }
  
#topsearch {
	float: right;
	position: relative;
	width: 160px;
	margin-top: 18px;
	z-index: 1;
	}
#botsearch {
	float: right;
	position: relative;
	width: 173px;
	z-index: 1;
	}
	
.search_box {
	border: 0px none;
	background: url(../img/search_bg.png) no-repeat center center;
	width: 160px;
	height: 26px;
	float: right;
	position: absolute;
	margin: 5px;
}

.search_button {
	border: 0px none;
	background: transparent url(../img/search.png) no-repeat;
	margin-top: 5px;
	position: absolute;
	width: 20px;
}
.search {
	padding-bottom: 10px;
	border:0 none;
	color:#000;
	font-size:12px;
	width: 120px;
	background: transparent;
	line-height: 15px;
}

.search_box2 {
	border: 0px none;
	background: url(../img/search_bg.png) no-repeat center center;
	width: 160px;
	height: 26px;
	padding-left: 15px;
}

.search_button2 {
	border: 0px none;
	background: transparent url(../img/search.png) no-repeat;
	width: 20px;
	margin-top: 5px;
}
.search2 {
	padding-bottom: 10px;
	border:0 none;
	color:#000;
	font-size:12px;
	width: 120px;
	background: transparent;
	line-height: 15px;
	padding-left: 20px;

}
#login {
	float: right;
	position: relative;
	margin-top: 15px;
	z-index: 1;
	color: #FFFFFF;
	background: #1a72ff;
	padding: 5px 0px 5px 12px;
	-moz-border-radius:3px;
}

.menu-top-admin
{
	width: 30%;
	float: left;
	border: none;
	padding: 0px;
	background-color: #FFFFFF;
	border-style: none;
	border-width: 0px;

}

.buttonkeluar {
	-moz-border-radius:3px;
	border: 1px solid #1a72ff;
	background: #d1e3ff;
	font-weight: bold;
	padding: 2px 7px;
	color: #1a72ff;
	text-decoration: none;
	margin-left: 5px;
}

#sub a {
	-moz-border-radius:3px;
	border: 1px solid #bae1e5;
	background: #e3f8fa;
	font-weight: bold;
	padding: 2px 14px;
	color: #004a80;
	text-decoration: none;
	margin-left: 5px;
}

#sub a:hover {
	background: #fff;
	color: #000;
}

#sub2sub a {
	-moz-border-radius:3px;
	border: 1px solid #bae1e5;
	background: #fff;
	font-weight: bold;
	padding: 2px 14px;
	color: #004a80;
	text-decoration: none;
	margin-left: 5px;
}

.daftar a {
	color: #0b7cc6;
	background: url(../img/daftar.gif) no-repeat 4px center;
	padding-left: 22px;
}

.tambah3 a {
	color: #0b7cc6;
	background: url(../img/add2.png) no-repeat 4px center;
	padding-left: 22px;
}

.caltambah a {
	color: #0b7cc6;
	background: url(../img/document_add.png) no-repeat 4px center;
	padding-left: 22px;
}

.lihat a {
	color: #0b7cc6;
	background: url(../img/lihat.gif) no-repeat 7px center;
	padding-left: 26px;
	text-decoration: none;
}
.ubah a {
	color: #0b7cc6;
	background: url(../img/ubah.gif) no-repeat 7px center;
	padding-left: 26px;
	text-decoration: none;
}
.delete a {
	color: #0b7cc6;
	background: url(../img/pangkah.gif) no-repeat 7px center;
	padding-left: 26px;
	text-decoration: none;
}
.tambah a {
	color: #0b7cc6;
	background: url(../img/tambah.gif) no-repeat 0px center;
	padding: 18px;
}
.tambah2 a {
	color: #0b7cc6;
	background: url(../img/tambah.gif) no-repeat right center;
	padding-right: 18px;
	text-align: left;
}
.lagi a {
	color: #0b7cc6;
	background: url(../img/lagi.gif) no-repeat 0px center;
	padding-left: 16px;
}

.jana a {
	color: #0b7cc6;
	background: url(../img/document_out.png) no-repeat 0px center;
	padding-left: 16px;
}

.buka a {
	background: url(../img/buka.png) no-repeat 0px center;
	padding-left: 20px;
	text-decoration: none;
}

.tutup a {
	background: url(../img/tutup.png) no-repeat 0px center;
	padding-left: 20px;
	text-decoration: none;
}

#satu a {
	color: #0b7cc6;
	background: url(../img/1.png) no-repeat 7px center;
	padding-left: 26px;
	text-decoration: none;
}
#dua a {
	color: #0b7cc6;
	background: url(../img/2.png) no-repeat 7px center;
	padding-left: 26px;
	text-decoration: none;
}
#tiga a {
	color: #0b7cc6;
	background: url(../img/3.png) no-repeat 7px center;
	padding-left: 26px;
	text-decoration: none;

}
#empat a {
	color: #0b7cc6;
	background: url(../img/4.png) no-repeat 7px center;
	padding-left: 26px;
	text-decoration: none;
	width: 25px;
}
#lima a {
	color: #0b7cc6;
	background: url(../img/5.png) no-repeat 7px center;
	padding-left: 26px;
	text-decoration: none;
	width: 25px;
}
#enam a {
	color: #0b7cc6;
	background: url(../img/6.png) no-repeat 7px center;
	padding-left: 26px;
	text-decoration: none;
		width: 25px;
}

#backicon a {
	color: #0b7cc6;
	background: url(../img/back.png) no-repeat 7px center;
	padding-left: 26px;
	text-decoration: none;
}


#deldel a {
	color: #0b7cc6;
	background: url(../img/delete2.png) no-repeat 7px center;
	padding-left: 26px;
	text-decoration: none;
		width: 25px;
}

#box
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	text-align: left;
	background-color: #f7f7f7;
	width: 100%;
	padding: 0px;
	}

		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(../img/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(../img/trc.gif);
	background-position: 100% 0%;
	padding-bottom: 12px;
	padding-top: 12px;
	padding-left: 5px;
	padding-right: 5px;
}

	
#blc
	{
	background-image:url(../img/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(../img/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(../img/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(../img/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(../img/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url(../img/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
	
/* Subsection Tabs
--------------------*/
#main ul.subsection_tabs {
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
	clear:both;
	border-bottom:1px solid #ccc;
	height:20px;
	clear:both;
}

#main ul.subsection_tabs li.tab {
	float:left;
	margin-right:7px;
	text-align:center;
}

#main ul.subsection_tabs li.tab a {
	display:block;
	height:20px;
	padding:0 6px 0 6px;
	background-color:#fff;
	color:#666;
	width:80px;
}

#main ul.subsection_tabs li.tab a:hover {
	color:#666;
}

#main ul.subsection_tabs li.tab a.active {
	background-color:#ddd;
}

#main ul.subsection_tabs li.source_code {
	float:right;
}

/*ini bahagian css untuk surat*/
.suratframe{
	width: 100%;
	background-color: aqua;
}

#suratlogo {
	float: left;
	width: 230px;
}
#suratlogo2 {
	padding: 10px;
	float: right;
	font-size: 70%;
}
#suratcontent {
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	clear: both;
}
#suratalamatpenyurat {
	width: 75%;
	padding-top: 40px;
}
#suratisikandungan {
	padding-top: 40px;
}
#suratfooter {
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}




#suratheader {
	float: left;
	width: 100%;
	height: 90px;
}
#suratrujukan {
	width: 250px;
	float: right;
	margin-top: -30px;
}

.surattitle2 {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 100%;
}
.surattitle1 {
	font-size: 110%;
	font-weight: bold;
}
#surat {
	width: 595px;
	font-size: 95%;
}

 /* taman bahagian css untuk surat */
 
 /* operation css */
 #operation img{
	margin-right: 7px;
	margin-left: 7px;
 }

/* This is a very basic stylesheet for the date-picker. Feel free to create your own. */

/* Hide the input by using a className */
input.fd-hidden-input,
select.fd-hidden-input
        {
        display:none;
        }
/* Screen reader class - hides it from the visual display */
.fd-screen-reader
        {
        position:absolute;
        left:-999em;
        top:0;
        width:1px;
        height:1px;
        overflow:hidden; 
        outline: 0 none;
	-moz-outline: 0 none;
        } 
/* Disabled datePicker and activation button */
a.dp-disabled,
.dp-disabled table
        {
        opacity:.3 !important;           
        filter:alpha(opacity=40);           
        }
.dp-disabled,
.dp-disabled td,
.dp-disabled th,
.dp-disabled th span
        {
        cursor:default !important;          
        }
a.date-picker-control:focus,

div.datePicker table td:focus 
        {
        overflow:hidden;
        outline:0 none;
	-moz-outline: 0 none;
	color:rgb(100,130,170) !important;
        }
/* The wrapper div */
div.datePicker
        {
        position:absolute;        
        z-index:9999;
        text-align:center;

        /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
        font:900 0.8em/1em Verdana, Sans-Serif;

        /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
        /* font:900 77%/77% Verdana, sans-serif; */
        
        /* Or, if you prefer a pixel precision */
        /* font:900 12px/12px Verdana, sans-serif; */
        
        background:transparent;

        /* Mozilla & Webkit extensions to stop text-selection. */
        -moz-user-select:none;
        -khtml-user-select:none;                 
        }  
/* Styles for the static datePickers */
div.static-datepicker
        {
        position:relative;        
        top:5px;
        left:0;
        }
div.datePicker table
        {
        width:auto;
        height:auto;
        border-collapse:separate;         
        } 
/* Draggable datepickers */
div.datePicker tfoot th.drag-enabled,
div.datePicker thead th.drag-enabled,
div.datePicker thead th.drag-enabled span
        {
        cursor:move;
        }
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack
        {
        position:absolute;
        background:#fff;
        z-index:9998;
        padding:0;
        border:0;
        display:none;
        margin:0;
        }
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited
        {
        position:relative;
        /* Moz & FF */
        display: -moz-inline-stack;
        border:0 none;
        padding:0;
        margin:0 0 0 4px;
        background:transparent url('../img/cal-grey.gif') no-repeat 50% 50%;
        min-width:16px;
        line-height:1;
        cursor:pointer;
        visibility:visible;
        text-decoration:none;
        vertical-align:top;         
        }
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus,
a.dp-button-active:link,
a.dp-button-active:visited,
a.dp-button-active:hover,
a.dp-button-active:active,
a.dp-button-active:focus
        {
        background:transparent url('../img/cal.gif') no-repeat 50% 50% !important;
        }
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control
        {
        width:16px;
        }
/* IE, Safari & Opera. Seperate CSS rule seems to be required. */
a.date-picker-control
        {
        display:inline-block;
        }
a.date-picker-control span
        {
        display:block;
        width:16px;
        height:16px;
        margin:auto 0;
        }
/* Default "button" styles */
div.datePicker thead th span
        {
        display:block;
        padding:0;
        margin:0;
        text-align:center;
        line-height:1em;
        border:0 none;
        background:transparent;
        font-weight:bold;
        cursor:pointer;
        }
/* The "month, year" display */
div.datePicker th span.month-display,
div.datePicker th span.year-display
        {
        display:inline;
        text-transform:uppercase;
        letter-spacing:1px;
        font:normal 1.2em Verdana, Sans-Serif;
        cursor:default;          
        }
/* Next & Previous (month, year) buttons */
div.datePicker th span.prev-but,
div.datePicker th span.next-but
        {
        font-weight:lighter;
        font-size:2.4em;
        font-family: georgia, times new roman, palatino, times, bookman, serif;
        cursor:pointer !important;
        }
/* Hover effect for Next & Previous (month, year) buttons */
div.datePicker th span.prev-but:hover,
div.datePicker th span.next-but:hover,
div.datePicker th span.today-but:hover
        {
        color:#a84444;
        }
/* Today button */
div.datePicker th span.today-but
        {
        text-align:center;
        margin:0 auto;
        font:normal 1em Verdana, Sans-Serif;
        width:100%;
        text-decoration:none;
        padding-top:0.3em;
        text-transform:uppercase;
        vertical-align:middle;
        cursor:pointer !important          
        }
/* Disabled buttons */ 
div.dp-disabled th span.prev-but,
div.dp-disabled th span.next-but,
div.dp-disabled th span.today-but,
div.dp-disabled th span.prev-but:hover,
div.dp-disabled th span.next-but:hover,
div.dp-disabled th span.today-but:hover,
div.datePicker th span.prev-but.fd-disabled:hover,
div.datePicker th span.next-but.fd-disabled:hover,
div.datePicker thead th span.fd-disabled,
div.datePicker th span.fd-disabled:hover
        {
        color:#aaa;
        cursor:default !important; 
        opacity:1;        
        }   
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header
        {
        text-align:center;
        margin:0 auto;
        font:900 1em Verdana, Sans-Serif;
        text-decoration:none;
        text-transform:lowercase;
        cursor:pointer;          
        }
/* The table */
div.datePicker table
        {               
        margin:0;
        padding:0;
        border:1px solid #ccc;        
        background:#fff url('../img/gradient-e5e5e5-ffffff.gif') repeat-x 0 -20px;
        text-align:center;
        border-spacing:2px;
        padding:0.3em; 
        width:auto;             
        empty-cells:show;   
        border-radius:0.8em;             
        -moz-border-radius:0.8em;
        -moz-box-shadow:0px 0px 5px #aaa;               
        }
/* Common TD & TH styling */
div.datePicker table td,
div.datePicker table tbody th
        {                 
        border:0 none;
        padding:0;
        text-align:center;
        vertical-align:middle;               
        cursor:pointer;
        background:#fff url('../img/gradient-e5e5e5-ffffff.gif') repeat-x 0 -40px;
        width:3em;
        height:3em;   
        overflow:hidden;      
        outline:transparent none 0px;        
        border:1px solid #ccc;
        text-transform:none;         
        -moz-border-radius:2px;         
        border-radius:2px;
        }
div.datePicker table td:focus,
div.datePicker table td:active
        {
        outline:0 none red;
        }
div.datePicker table th
        {
        border:0 none;
        padding:0;        
        font-weight:bold;
        color:#222;
        text-align:center;
        vertical-align:middle; 
        text-transform:none;        
        }
div.datePicker table thead th
        {
        height:auto !important;
        background-color: white;
        }
div.datePicker table tbody th
        {                          
        border:1px solid #dcdcdc;        
        }
/* Week number display */
div.datePicker table thead th.date-picker-week-header,
div.datePicker table tbody th.date-picker-week-header
        {
        font-style:oblique;  
        background:transparent;
        cursor:default;         
        }
div.datePicker table thead th.date-picker-week-header
        {
        cursor:help;
        border:0 none;
        padding:0 0 0.2em 0;
        }
/* tfoot status bar */
div.datePicker tfoot th
        {
        cursor:default;
        font-weight:normal;
        text-transform:uppercase;
        letter-spacing:0.1em;
        border:0 none;
        background:#fff;
        height:2.8em;
        }
/* TD cell that is _not_ used to display a day of the month */
div.datePicker table tbody td.date-picker-unused
        {
        background:#fff url('../img/backstripes.gif');
        border-color:#dcdcdc;          
        cursor:default !important;
        }

/* The TH cell used to display the "month, year" title */
div.datePicker table thead th.date-picker-title
        {
        width:auto;
        height:auto;
        padding:0.4em 0;
        }
/* The "mon tue wed etc" day header styles */
div.datePicker table thead th.date-picker-day-header
        {
        text-transform:lowercase;
        cursor:help;
        height:auto;
        }
/* The "todays date" style */
div.datePicker table tbody td.date-picker-today
        {
        background:#fff url('../img/bullet2.gif') no-repeat 0 0;
        color:rgb(100,100,100) !important;
        }

div.datePicker table tbody td.month-out.date-picker-highlight 
        {
        color:#aa8866 !important;
        }
/* The "highlight days" style */
div.datePicker table tbody td.date-picker-highlight,
div.datePicker table thead th.date-picker-highlight
        {
        color:#a86666 !important;
        }
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover
        {
        background:#fff url('../img/bg_header.jpg') no-repeat 0 0;
        cursor:pointer;
        border-color:rgb(100,130,170) !important;
        color:rgb(100,130,170); 
        text-shadow: 0px 1px 1px #fff;                
        }
/* The "disabled days" style */
div.datePicker table tbody td.day-disabled
        {          
        background:#fff url('../img/backstripes.gif;) no-repeat 0 0;
        color:#aaa !important;
        cursor:default;
        text-decoration:line-through;
        } 
div.datePicker table tbody td.month-out 
        {
        border-color:#ddd;
        color:#aaa !important;
        background:#fff url('../img/gradient-e5e5e5-ffffff.gif') repeat-x 0 -40px;                             
        } 
/* The "selected date" style */
div.datePicker table tbody td.date-picker-selected-date
        {
        color:#333 !important;
        border-color:#333 !important;
        }
/* The date "out of range" style */
div.datePicker table tbody td.out-of-range,
div.datePicker table tbody td.not-selectable
        {           
        color:#ccc !important;
        font-style:oblique;
        background:#fcfcfc !important;
        cursor:default !important;              
        } 
/* Week number "out of range" && "month-out" styles */
div.datePicker table tbody th.month-out,
div.datePicker table tbody th.out-of-range
        {
        color:#aaa !important;
        font-style:oblique;
        background:#fcfcfc !important;          
        }
/* week numbers "out of range" */
div.datePicker table tbody th.out-of-range
        {
        opacity:0.6;
        filter:alpha(opacity=60);
        }  
/* Used when the entire grid is full but the next/prev months dates cannot be selected */
div.datePicker table tbody td.not-selectable
        {         
        opacity:0.8;
        filter:alpha(opacity=80);        
        }
div.datePicker table tbody tr
        {
        display:table-row;
        }
div.datePicker table tfoot sup
        {
        font-size:0.86em;
        letter-spacing:normal;
        text-transform:none;
        height: 0;
	line-height: 1;
	position: relative;
	top: -0.2em;	
	vertical-align: baseline !important;
	vertical-align: top;  
        }
div.datePicker table thead th.date-picker-day-header,
div.datePicker table thead span.month-display,
div.datePicker table thead span.year-display
        {            
        text-shadow: 0px 1px 1px #fff;                            
        }
/* You can add focus effects (for everything but IE6) like so: */

div.datepicker-focus table.datePickerTable
        {
        border-color:#999 !important;         
        }
div.datePicker table tbody tr td:focus,
div.datePicker table tbody td.date-picker-hover 
        {
        overflow:hidden;
        outline:0px solid #ff0000;        
	-moz-outline: 0 none;
	-o-highlight:0 none;
	color:rgb(100,130,170) !important;        	
        }
div.static-datepicker table
        {
        -moz-box-shadow:0 0 0 transparent;
        
        }               
div.datepicker-focus table
        {
        /* Naughty, naughty - but we add a highlight using the table's border colour */
        outline:none;
         -moz-box-shadow:0px 0px 5px #aaa;         
        }    
       *:-o-prefocus{outline : -o-highlight-border;}
 
/* INTERNET EXPLORER WOES
   ======================
   
   Hover Effects
   -------------
   
   IE cannot deal with :focus on the TR so the datePicker script adds the class "dp-row-highlight" to the
   row currently being hovered over. This should enable you to add hover effects if desired.
   
   e.g. the following rule will highlight the cell borders in another colour when a row is moused over,
   it looks like crap though so I didn't include the rule within the demo:
   
div.datePicker table tbody tr.dp-row-highlight td
        {
        border-color:#aaa;
        }
*/

/* Remove the images for Internet Explorer <= v6 using the "* html" hack  
   This is a workaround for a nasty IE6 bug that never caches background images on dynamically created DOM nodes
   which means that they are downloaded for every cell for every table - nasty! */    
* html div.datePicker table td
        {
        background-image:none;
        }
* html div.datePicker table td.date-picker-unused
        {
        background:#f2f2f2;
        }
body.fd-drag-active 
        {
        -webkit-user-select:none;
        }
/* Chrome has problems with the -webkit-box-shadow and -webkit-border-radius styles together 
   Remove one or the other to get things looking less ugly */       
@media screen and (-webkit-min-device-pixel-ratio:0) {
        div.datePicker table
                {
                border-spacing:0.3em;
                /* Naughty, naughty */
                -webkit-box-shadow:0px 0px 5px #aaa;                 
                -webkit-border-radius:0.8em;                
                }          
        div.static-datepicker table
                {
                -webkit-box-shadow:0 0 0 transparent;
                } 
        div.datepicker-focus table
                {        
                -webkit-box-shadow:0px 0px 5px #aaa;       
                }       
        div.datePicker table td,
        div.datePicker table tbody th
                {
                padding:0.1em;
                -webkit-border-radius:2px;
                }
        div.datePicker table tbody td.date-picker-hover
                {                
                -webkit-box-shadow:0px 0px 1px rgb(100,130,170);
                }       
}