﻿html {margin:0;padding:0;color:#000;}
form {padding:0;margin:0;}
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
li {}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select {*font-size:100%;}
legend {color:#000;}
body {font:12px tahoma,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea {font:99% arial,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
img {max-width:738px;margin:5px 0px 5px 0px;}


h3 {font-size:13px; color:#333; font-weight:bold; padding:5px 0px 5px 0px;}
h3.large {font-size:14px; color:#333; font-weight:bold; padding:5px 0px 5px 0px; border-bottom:2px solid #eee;}

.notice marquee {
    position:absolute;
    width:500px;
    color:#fff;
    border:1px solid #fff;
}

table				{ border: none; width: 100%; }
a img				{ border: none; }

a, a:link			{ color: #275abf; text-decoration: none; }
a:hover, a:active,
a:focus				{ color: #333; text-decoration: none; }

.a_right			{ text-align: right; }
.a_center			{ text-align: center; }
.a_justify			{ text-align: justify; }
.f_left				{ float: left; }
.f_right			{ float: right; }

.clear				{ clear: both; }
.clear_left			{ clear: left; }
.clear_right		{ clear: right; }

.smallest_font		{ font-size: 10px; }
.smaller_font		{ font-size: 11px; }
.bigger_font		{ font-size: 12px; }
.biggest_font		{ font-size: 14px; }
.propercase			{ text-transform: capitalize; }
.uppercase			{ text-transform: uppercase; }

.checkbox_pos		{ position: relative; bottom: 3px; }
.radio_pos			{ position: relative; bottom: 6px; }

#wrapper {width:990px; margin:0 auto 0 auto;background: #fff;}

#header {display:block; border:0px solid #000; height:110px; background-color:#0b4da3; margin-bottom:-30px; background: url('../images/header-bg.jpg') repeat-x;}

#nav01 {display:block; width:200px; text-align:right; position:relative; left:770px; top:10px;}
#nav01 ul {margin:0; padding:0; list-style:none;}
#nav01 ul li {display:inline;}
#nav01 ul li a {font-size:11px; color: #fff; text-decoration: none;}
#nav01 ul li a:hover {text-decoration:none; color:#faec4b;}
#nav01 ul li.seperator {color:#fff; padding:0 5px 0 5px;}

#notice {display:block; width:600px; text-align:right; position:relative; left:380px; top:-10px; color:#fff;}

#logo {display:block; width:347px; height:137px; position:relative; top:-10px; left:36px;}
#logo h1 a {display:block; width:141px; height:137px; margin:0; padding:0; background:url('../images/logo.png') no-repeat; text-indent:-1000px; overflow:hidden; float:left}
#logo p {display:block; width:195px; height:137px; margin:0; padding:0; background:url('../images/khanuul-title.png') no-repeat; text-indent:-1000px; overflow:hidden; float:left}

.centerlogo {width:240px; height:137px; margin:15px 0px 0px 0px; padding:0; background:url('../images/logo.png') no-repeat;}

#nav02 {display:block; width:990px; height:30px; position:relative; background:url('../images/nav02-bg.png') no-repeat;}

.loading-panel
{
    height:100%;
    width:100%;
    background:#fff url(../images/codeLoader.gif) center center no-repeat;    
}

table.detail { border-collapse: collapse; width: 100%; }
td.detail-h  { padding: 5px; border-bottom: 1px solid #eee; }
td.detail-i  { padding: 5px; border-bottom: 1px solid #eee; }

p.ok
{
	background: #ffffaf url(../images/tick.png) 8px 50% no-repeat;
    border: 1px dashed green;
    border-top:3px solid green;
    color: green;
    margin-left: 0px;
    margin-right: 0px;
    padding: 10px 5px 10px 30px;
}
p.caution
{
	background: #ffffaf url(../images/information.png) 8px 50% no-repeat;
    border: 1px dashed orange;
    border-top:3px solid orange;
    color: Purple;
    margin-left: 0px;
    margin-right: 0px;
    padding: 10px 5px 10px 30px;
}
p.error
{
	background: #ffffaf url(../images/cross.png) 8px 50% no-repeat;
    border: 1px dashed red;
    border-top:3px solid red;
    color: #d22222;
    margin-left: 0px;
    margin-right: 0px;
    padding: 10px 5px 10px 30px;
}

/** RADMENU DEFAULT */
.RadMenu_Default
{
    border: 0px solid green;
    float:left;
    position:relative;
    white-space:nowrap;    
}
.RadMenu_Default .rmLink
{
     line-height: 25px;
     position: relative;
     display: inline-block !important;     
     color: #fff;
     font-size:12px;
     font-weight:bold;     
     text-decoration:none;
     cursor: pointer;
}
.RadMenu_Default .rmRootGroup .rmLink:hover,
.RadMenu_Default .rmRootGroup .rmFocused,
.RadMenu_Default .rmRootGroup .rmExpanded
{
    color: #fffdb2;
} 
.RadMenu_Default .rmGroup
{
    border: 0px solid #006699;
    background-color: #00aeef;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-topright:0px;
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-bottomleft:4px;
}

.RadMenu_Default .rmHorizontal .rmItem { border-right:  0px solid green; }
.RadMenu_Default .rmVertical .rmItem { border-bottom: 0px solid green; } 
.RadMenu_Default .rmGroup .rmLink { background: #00aeef url(../images/dropdown_linkbg.gif) no-repeat left center; }
.RadMenu_Default .rmGroup .rmLink:hover,
.RadMenu_Default .rmGroup .rmFocused,
.RadMenu_Default .rmGroup .rmExpanded
{
     color: #fffdb2;
     background: #00aeef url(../images/dropdown_linkbg.gif) no-repeat left center;
}

.RadMenu_Default  .rmHorizontal .rmSeparator
{
     height: 20px;
     width: 1px;
     line-height: 20px;
     background-color : #851414;
     border: 0;
}
.RadMenu_Default .rmVertical .rmSeparator
{
     height: 1px;
     margin: 2px 0;
     border: 0;
     background-color: #600e0e;
     line-height: 0px;
} 

.RadMenu_Default  .rmVertical .rmFirst { border-top:  0px solid #aad199; }  

.RadMenu_Default .rmRootGroup .rmItem .rmDisabled .rmText,
.RadMenu_Default .rmGroup .rmItem .rmDisabled .rmText
{    
    color: #999;
    font-style:italic;
}
.RadMenu_Default .rmGroup .rmText {
    margin:0 0 0 4px;
    padding:0 5px 0 280px;
}
.RadMenu * {margin:0; padding:0;}


/** RADMENU LEFT */
.RadMenu_Left
{
    border: 0px solid green;
    background: transparent;
} 
.RadMenu_Left .rmRootGroup
{
    display:block;
    width:300px;
}
.RadMenu_Left .rmRootGroup .rmLink
{
     background: url(../images/list_brown_arrow.png) 5px 50% no-repeat; 
     font-weight: bold;
     line-height: 25px;
     border-bottom: 1px solid #d4dade; 
}
.RadMenu_Left .rmRootGroup .rmLink:hover,
.RadMenu_Left .rmRootGroup .rmFocused,
.RadMenu_Left .rmRootGroup .rmExpanded
{
    color: #000;
} 
.RadMenu_Left .rmGroup
{    
    background-color: #eeeeee;    
    opacity:0.9;
    filter:alpha(opacity=80);
}

.RadMenu_Left .rmVertical .rmItem  { color: #0b4da3; padding:0 0px 0 0px; margin-left:0px; border-left:1px solid #ccc; border-right:1px solid #ccc; }

.RadMenu_Left .rmGroup .rmItem .rmLink 
{
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    
    color: #0b4da3;
    background: #fff;
}
.RadMenu_Left .rmRootGroup .rmItem .rmLink .rmText { padding-left: 5px; display:block; }
.RadMenu_Left .rmGroup .rmItem .rmLink .rmText { padding-left: 5px; display:block; }

.RadMenu_Left .rmGroup .rmLink:hover,
.RadMenu_Left .rmGroup .rmFocused,
.RadMenu_Left .rmGroup .rmExpanded
{
     border:1px solid #ccc;
     color: #000;
     background: #e0e3e5;
}

.RadMenu_Left  .rmHorizontal .rmSeparator
{
     height: 20px;
     width: 1px;
     line-height: 20px;
     background-color : #851414;
     border: 0;
}
.RadMenu_Left .rmVertical .rmSeparator
{
     height: 1px;
     margin: 2px 0;
     border: 0;
     background-color: #600e0e;
     line-height: 0px;
} 

.RadMenu_Left  .rmVertical .rmFirst { border-top:  0px solid #aad199; }  

.RadMenu_Left .rmRootGroup .rmItem .rmDisabled .rmText,
.RadMenu_Left .rmGroup .rmItem .rmDisabled .rmText
{
    color: #999;
    font-style:italic;
} 

#breadcump {display:block; width:990px; height:26px; background:url('../images/breadcump-bg.png') repeat-x; position:relative;}
#breadcump .breadcump-l {}
#breadcump .breadcump-r {width:210px;}
#breadcump .icon {padding: 7px 5px 5px 25px; color:#3c3737; font-size:11px;}

#search {display:block; width:220px; height:20px;margin-top:-2px;}
#search .search-textbox {border:2px solid #01aef0; background:#fff; font-size:11px; color:#333333; padding:2px 5px 2px 5px; width:180px;}
#search .search-button {width:20px; height:20px; background:url('../images/search-icon.png') no-repeat; border:0; text-indent:-1000px;}


#wrapper-content {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc;}
#wrapper-content .left-side {width:210px; padding:10px 0 10px 10px; vertical-align:top;}
#wrapper-content .right-side {width:210px; padding:10px 10px 10px 0; vertical-align:top;}
#wrapper-content .main-side {padding:10px 15px 10px 15px; vertical-align:top;}

.box		 { width: 254px; background: url(../images/box-bg.png) repeat-y; margin-bottom: 10px; }
.box-top	 { width: 254px; background: url(../images/box-top.png) no-repeat top; }
.box-bottom  { width: 254px; height: 5px; background: url(../images/box-bottom.png) no-repeat bottom; }
.box-content { padding: 10px; }

.box h3 { font-size: 15px; margin: 0 2px 0 2px; border-bottom: 1px solid #ccc; padding: 10px 10px 5px 10px; background: #e72227; color: #fff; text-shadow: rgb(238, 238, 238) 0px 0px; }

#box-block {
	
}
#box-block h3  {
	border-top: 3px solid #0b4da3; 
	color: #fff; 
	font-size: 12px; 
	margin: 0; 
	padding: 4px 2px 4px 9px; 
	text-transform: uppercase; 
	background: #0b4da3;
}
/* Navigation */

#box-block ul.lc {
	border-bottom: 1px solid #d4dade; list-style: none; margin: 0 0 20px; padding: 0 0 1px;
}
#box-block ul.lc li {
	border-bottom: 1px solid #d4dade; padding: 8px 0;
}
#box-block ul.lc li a	{ color: #275abf; }
#box-block ul.lc li a:hover{ color: #333; }


#box-block ul.nav li	{ background: url(../images/list_brown_arrow.png) 5px 50% no-repeat; font-weight: bold; padding: 8px 0 8px 15px; text-transform: uppercase; }
#box-block ul.nav li a{ color: #5a647b; }
#box-block ul.nav li a:hover { color: #333; }


#box-block ul.lc li img	{ position: relative; bottom: -2px; }

#footer {display:block; background-color:#00679a; background: url('../images/footer-bg.jpg') repeat-x;}
#footer .footer-copyrights { color:#fff; font-size:11px; padding: 10px 10px 10px 0; text-align:center;}
#footer .footer-copyrights a {text-decoration:none;color: #fff;}
#footer .footer-copyrights a:hover {text-decoration:none;color: #fff;}

#footer .footer-menu {color:#fff; font-size:11px; padding: 20px 10px 0 20px; vertical-align:top; text-align:center;}
#footer .footer-menu ul {padding:0; margin:0; list-style:none;}
#footer .footer-menu ul li {display:inline;}
#footer .footer-menu ul li a {color:#fff; text-decoration: none;}
#footer .footer-menu ul li a:hover {text-decoration:none; color:#fff;}
#footer .footer-menu ul li.seperator {color:#fff; padding:0 5px 0 5px;}

/*********** HOMEPAGE ***************/

.homeTabTitle 
{
    font-size:14px;
    font-weight:bold;
    border-bottom:1px solid #0b4da3;    
    height:20px;
    color:#0b4da3;
}
.homeTabContent 
{
    border:0px solid #000;
    height:250px;
}

.peculiarNews 
{
    border:1px solid #ccc;    
    padding:5px;
    background-color:#fff;
    -moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}

/******************* SLIDE *****************/

.news_style{
    display:none;
}

.news_show
{
    position:absolute;
    color:black;    
    clip:rect(0px 550px 220px 0px);
}

.news_border
{
    width:550px;
    height:220px;    
    border: 0px solid gray;
    padding: 0px 5px 0px 5px;
}

.news_mark
{   
    width:550px;
    height:5px;
    text-align:center;
}

.news_title
{
    padding: 5px 0px 9px 5px;
    color:black;
}

.news_show img
{
    margin-left: 5px;
    margin-right: 5px;
}


.buttondiv
{
    margin-top:-33px;
    position: absolute;
    padding: 5px 5px 5px 490px;
    border: 0px solid gray;
    height:20px;
}
.news_move
{
    position: relative;
}

.mytable
{
    width:550px;
    height:20px;
    vertical-align: top;
}
    
/* Customize slider items look */
.RadSlider .rslItemsWrapper .rslItem span
{
    line-height:22px;
    color:#5E5E5E;
}

.RadSlider .rslItemsWrapper .rslItemSelected span
{
    color:#fff;
}

/* Slides content */
.slide .slideContent
{
    clear: both;    
}
.slideshoviewer {
    margin-bottom:0px;
    
}
/** ARTICLE **/

.article-created-date {
    font-weight:bold;
    font-size:10px;
    padding-bottom:5px;
    color:#275abf;
}
.article-read-count {
    font-size:10px;
    font-weight:bold;
    color:#275abf;    
}
.article-readmore 
{
    font-size:10px;
    margin-top:5px;
    text-align:right;
    font-weight:bold;
    color:#275abf;
}
.article-placeholder {
    padding-bottom:10px;    
    margin-bottom:10px;
}
.category-placeholder {
    margin:10px 0 10px 20px;
}
.category-placeholder ul {
    margin:0;
    padding:0;
}
.category-placeholder ul li {
    list-style: none;
}
.category-placeholder ul li a {
    font-size: 13px;
    font-weight: bold;
}
.category-placeholder ul li a:hover {
    
}
.category-placeholder ul li a span {
    font-size: 11px;
    font-weight: normal;
}
.category-description {
    padding-left:5px;
    font-size:12px;
}

/** TABS **/

.tabs-wrapper {
    
}

.sunset-tab-content {
    border-top:1px solid #999;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    border-left:1px solid #999;    
    padding:5px;
    margin-top:-1px;
}
.message {
    border:1px solid #b10008;
    background-color:#ffdb91;
	padding: 5px 15px;
	color: #a10008;
	font-size: 11px;
	margin-bottom:5px;
}
/** COMMENT **/
.comment-toolbar {
    margin-bottom:10px;
    padding-bottom:5px;    
}
.comment-button {
	background:url(../images/new-comment.gif) no-repeat left;
	display:inline-block;
	padding:2px 5px 2px 20px;
}
.comment-header {
    margin:5px 0px 5px 0px;
    padding-top:3px;
    border-top:1px solid #c7767a;
}
.comment-poster {
    font-size:10px;
    font-weight:bold;
    padding-right:20px;
}
.comment-poster-ip {
    font-size:10px;
}
.comment-body {
    font-size:10px;
    padding:0px 0px 3px 0px;
}
.comment-footer a{
    color:#ACACAC;
    font-size:10px;
    font-weight:bold;
}
.input-button-black 
{
	border: 0;
	padding: 0 0 4px 0;
	background: url(../images/button-bg-black.png) no-repeat;
	text-align: center;
	
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	width: 70px;
	height: 24px;
	cursor:pointer;
}

.choiceList
{
	background-image:url('../images/choiceList.png');	
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:5px;
	list-style:none;
}
/** RIGHT BUTTONS **/
.buttons-wrapper {
    margin-top:40px;
}
.buttons-container {    
    padding:5px;
    margin-bottom:5px;
    border:1px solid #e5c365;    
    background-color:#efefd3;
    -moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	color:#913030;
}
.buttons-application {
    background: url(../images/btn-application.png) no-repeat;
    height:32px;
    margin-bottom:5px;
}
.buttons-phonebook {
    background: url(../images/btn-phonebook.png) no-repeat;
    height:32px;
    margin-bottom:5px;
}
.buttons-law {
    background: url(../images/btn-law.png) no-repeat;
    height:32px;
    margin-bottom:5px;
}
.buttons-filelibrary {
    background: url(../images/btn-filelibrary.png) no-repeat;
    height:32px;
    margin-bottom:5px;
}
.buttons-link {
    margin:0px 0px 0px 40px;
    padding-top:10px;    
}
.buttons-link a { color:#913030; font-weight: bold; }
.buttons-link a:hover { color:#9130a0; font-weight: bold; }
.article_print_button 
{
    background: url(../images/print_button.png) repeat-x center right;
    width:16px;
    height:16px;
    cursor:pointer;
}

.attach-file 
{
	display:block;
	width: 16px;
	height: 16px;
	background: url(../images/attachment-16-green.png) no-repeat;
	float: left;
	margin-right:5px;
}

.cursor1 { cursor: pointer; }
.cursor2 { cursor: default; }



/*** VIDEO ****/
.video-list 
{
    border:1px solid #ccc;
    padding:7px;        
    margin-right:4px;
}

.video-list-item 
{
    background: url(../images/video.png) no-repeat left center;
    margin-top:5px;
}

.video-list-item-title 
{
    padding-left:25px;
}


 #loginBox {
	width: 400px;
	display: block;
	margin: 50px auto 0 auto;
}
#loginBox table.loginBox {
	width: 400px;
	border-top: 1px solid #eeeeee;
}
.loginBox-title {
	border-bottom: 1px solid #eeeeee;
	padding: 5px;
	width:50px;
	text-align: right;
	background: #fafafa;
}
.loginBox-item {
	border-bottom: 1px solid #eeeeee;
	padding: 5px;
	text-align: left;
}
.loginBox-item-failure {
	border-bottom: 1px solid #eeeeee;
	padding: 10px 10px 10px 10px;
	text-align: center;
	color: Red;
	font-size: 11px;
	font-family: Tahoma;
	background: #ffd;
}
.loginBox-item-username {
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 2px solid #eee;
	border-left: 1px solid #eee;	
	background: #fff;
	font-size: 12px;
	font-weight: normal;
	font-family: Tahoma;
	width: 100px;
	padding: 5px 5px 5px 23px;
	background: #fff url('../images/icons/login/login-manager-16x16.png') no-repeat 5px 2px;
}
.loginBox-item-password {
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 2px solid #eee;
	border-left: 1px solid #eee;	
	background: #fff;
	font-size: 12px;
	font-weight: normal;
	font-family: Tahoma;
	width: 100px;
	padding: 5px 5px 5px 23px;
	background: #fff url('../images/icons/login/password-16x16.png') no-repeat 5px 2px;
}
.loginBox-item-login {
	border: 0;
	padding: 0;
	margin: 0;
	width: 32px;
	height: 32px;	
	overflow:hidden;
	outline:none;
	text-indent: -10000px;
	background: transparent url('../images/icons/login/lock-32x32.png') no-repeat;
}

.loginBox-item-username:hover,
.loginBox-item-password:hover  {
	border-top: 1px solid #f3d191;
	border-right: 1px solid #f3d191;
	border-bottom: 2px solid #f3d191;
	border-left: 1px solid #f3d191;
}
.loginBox-item-username:focus,
.loginBox-item-password:focus  {
	border-top: 1px solid #e9c277;
	border-right: 1px solid #e9c277;
	border-bottom: 2px solid #e9c277;
	border-left: 1px solid #e9c277;
}

/*** VIDEO ****/
.video-list 
{
    border:1px solid #ccc;
    padding:7px;        
    margin-right:4px;
}

.video-list-item 
{
    background: url(../images/video.png) no-repeat left center;
    margin-top:5px;
}

.video-list-item-title 
{
    padding-left:25px;
}

/*** VIDEO ****/
.photo-list 
{
    border:1px solid #ccc;
    padding:7px;        
    margin:4px;
}

.photo-list-item 
{    
    margin-top:5px;
    background: url(../images/photo.png) no-repeat left center;
    text-align:left;
}

.photo-list-item-title 
{
    padding-left:25px;
    
}

