/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#979793;
	text-align:center;
}

img {vertical-align:top;}

ul { list-style:none;}

.left { float:left !important;}
.right {float:right !important;}
.clear  { clear:both;}

html, input, textarea
{
	font-family: Arial;
	font-size: 0.75em;
	line-height: 1.333em;
	color: black;
}

select { vertical-align:middle; font-weight:normal;}

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

/* ============================= main layout ====================== */

.link {background:url(images/link-bg.gif) no-repeat 0 0; padding:3px 0 3px 29px; color:#44494f; font-size:1.083em; display:block; float:right; margin-top:9px;}

.list li a {line-height:1.667em;}

.imgindent {margin:0 20px 0 0; float:left;}
.title {margin-bottom:10px;}
.title2 {padding-bottom:4px; border-bottom:1px solid #dfdfd9; margin-bottom:15px;}
.title3 {margin-bottom:20px;}

/* ============================= header ====================== */

.flash1 {width:520px; height:183px; margin:-15px -11px 0 -14px; position:absolute;}

.flash2 {width:576px; height:272px;}
.row3 {padding:4px 0; border-bottom:3px solid #f4f4ec; margin-bottom:10px; margin-top:167px; position:absolute;}

.header-box {background:url(images/header-box-bg.jpg) top left no-repeat #6a912d;}
.header-box .title {padding:11px 0 0 40px; margin:0;}


.border1 {border:1px solid #dfdfd9;}
.border1 .left {padding:8px 0 9px 22px;}
.border1 .right {padding:6px 9px 0 0;}

.submenu li {display:inline; font-size:0.833em; text-transform:uppercase; background:url(images/submenu-line.gif) no-repeat 0 0; padding:0 5px 0 8px; margin-left:-1px;}
.submenu li a {color:#7a7a6e; text-decoration:none;}
.submenu li a:hover {text-decoration:underline;}
.submenu .active a {text-decoration:underline;}
.submenu .first {background:none;}

.submenu1 li
{
	display: inline;
	font-size: 11px;
	text-transform: uppercase;
	background: url(images/submenu-line.gif) no-repeat 0 0;
	padding: 0 5px 0 8px;
	margin-left: -1px;
	font-weight: normal;
	font-family: 'Arial Black';
}
.submenu1 li a {color:#7a7a6e; text-decoration:none;}
.submenu1 li a:hover {text-decoration:underline;}
.submenu1 .active a {text-decoration:underline;}
.submenu1 .first {background:none;}

.row2 .left {padding:19px 0 14px 1px;}
.row2 .right {padding:40px 18px 0 0;}
.row2 a {color:#cf3a00;}

.menu {padding-right:1px;}
.menu ul {width:100%; overflow:hidden; border-bottom:3px solid #cf3a00;}
.menu li {float:left; font-size:0.833em; text-transform:uppercase;}
.menu li a {display:block; color:#44494f; padding:10px 18px 8px 20px; background:#f4f4ec; border-top:1px solid #e9e9e0; border-bottom:1px solid #e9e9e0; border-right:1px solid #e9e9e0; text-decoration:none;}
.menu li a:hover {background:#cf3a00; border-top:1px solid #cf3a00; border-bottom:1px solid #cf3a00; border-right:1px solid #cf3a00; color:#fff; text-decoration:none;}
.menu .active a {background:#cf3a00; border-top:1px solid #cf3a00; border-bottom:1px solid #cf3a00; border-right:1px solid #cf3a00; color:#fff;}
.menu .first a  {border-left:1px solid #e9e9e0;}
.menu .first a:hover  {border-left:1px solid #cf3a00;}

.menut {padding-right:1px; width:100%}
.menut ul {width:100%; overflow:hidden; border-bottom:3px solid #cf3a00;}
.menut li {float:left; font-size:0.833em; text-transform:uppercase;}
.menut li a
{
	display: block;
	color: #44494f;
	background: #f4f4ec;
	border-top: 1px solid #e9e9e0;
	border-bottom: 1px solid #e9e9e0;
	border-right: 1px solid #e9e9e0;
	text-decoration: none;
	padding-right: 90px;
	padding-left: 91px;
	padding-bottom: 8px;
	padding-top: 10px;
}
.menut li a:hover {background:#cf3a00; border-top:1px solid #cf3a00; border-bottom:1px solid #cf3a00; border-right:1px solid #cf3a00; color:#fff; text-decoration:none;}
.menut .active a {background:#cf3a00; border-top:1px solid #cf3a00; border-bottom:1px solid #cf3a00; border-right:1px solid #cf3a00; color:#fff;}
.menut .first a  {border-left:1px solid #e9e9e0;}
.menut .first a:hover  {border-left:1px solid #cf3a00;}

.row3 {padding:4px 0; border-bottom:3px solid #f4f4ec;}


/* ============================= content ====================== */

.main-box
{
	border: 1px solid #c7c7c2;
	background: white;
	padding: 15px 11px 14px 14px;
}

.main-box2
{
	border: 1px solid #c7c7c2;
	background: #fc940a;
	padding: 15px 11px 14px 14px;
}

.col-pad1 {padding:0 6px 0 1px;}
.col-pad2 {padding-right:18px;}
.box1 {background:url(images/box1-tail.gif) bottom repeat-x;}
.box1 .tail-right {background:url(images/box1-tail.gif) right repeat-y;}
.box1 .tail-left {background:url(images/box1-tail.gif) left repeat-y;}
.box1 .tail-top {background:url(images/box1-tail.gif) top repeat-x; width:100%;}
.box1 .indent {padding:18px 19px 23px 20px;}
.box1 p {padding:10px 0 0 0;}

.box2 {border:1px solid #dfdfd9; background:#f4f4ec; padding:6px 5px 6px 5px;}

.box3 {border:1px solid #dfdfd9; padding:17px 18px 22px 19px;}

.Kepala
{
	background-image: url(images/bg.jpg);
}

.TextBoxStand
{
	width:130px;
	FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Arial, Verdana, 'MS Sans Serif';
}

.box4
{
	background: #ffffff;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}

.date {color:#cf3a00; font-size:14px;}

.lined-row .col-1, .lined-row .col-2 {background:url(images/line-hor1.gif) top repeat-x; font-size:0.1em; line-height:1em; }
.lined-row .col-line {background:none; height:12px;}

.line-hor1 {border-bottom:3px solid #f4f4ec; padding-bottom:6px; margin-bottom:4px;}
.line-hor2 {border-bottom:3px solid #f4f4ec; padding-bottom:3px; margin-bottom:4px;}

.tabs {background:url(images/line.gif) bottom repeat-x;}
/*.tabs ul {width:100%; overflow:hidden;}
.tabs li {float:left; width:89px; margin-right:1px;}
.tabs li a {border-left:1px solid #e1e1db; border-top:1px solid #e1e1db; border-right:1px solid #e1e1db; background:#e1e1db; display:block; text-align:center; text-transform:uppercase; font-size:0.917em; line-height:1.091em; color:#000000; text-decoration:none; padding:7px 0 1px 0;}
.tabs li a:hover {background:#fff; color:#69912c;}*/
.tabs .active a {background:#fff; color:#69912c;}

.table .row-1 {color:#9b9b94;}
.table .col-1 {padding:12px 0 2px 9px;}
.table .col-2 {padding:12px 0 2px 13px;}
.table .col-3 {padding:12px 0 2px 11px;}

.table {border-left:solid 1px #e1e1db; border-bottom:solid 1px #e1e1db; border-right:solid 1px #e1e1db; padding:0 1px; background:#fff;}

/*.table li {display:inline;}
.table li a {width:100%; text-decoration:none; display:block; overflow:hidden; cursor:pointer;}
.table li a strong { padding:8px 0 4px 0; display:block; width:100%; overflow:hidden; font-weight:normal;}
.table li b {width:62px; font-weight:normal; display:block; float:left; color:#9b9b94; text-align:center;}
.table li span {width:162px; display:block; float:left; color:#44494f; padding-left:13px;}
.table li i {width:56px; font-style:normal; display:block; float:left; color:#9b9b94; text-align:center;}
.table .li1 a {background:#fff url(images/line.gif) repeat-y 238px 0;}
.table .li2 a {background:#f4f4ec url(images/line.gif) repeat-y 238px 0;}
.table .li1 a strong {background:url(images/line.gif) repeat-y 62px 0; padding:9px 0 5px 0;}
.table .li2 a strong {background:url(images/line.gif) repeat-y 62px 0;}
.table .li1 a:hover {background:#afc96a url(images/line.gif) repeat-y 238px 0;}
.table .li2 a:hover {background:#afc96a url(images/line.gif) repeat-y 238px 0;}
.table .li1 a:hover strong {background:url(images/line.gif) repeat-y 62px 0;}
.table .li2 a:hover strong {background:url(images/line.gif) repeat-y 62px 0;}
.table li a:hover b {color:#000;}
.table li a:hover i {color:#000;}
.table li a:hover span {color:#000;}*/

.special {color:#44494f; font-size:0.917em; display:block; padding:10px 0 2px 2px;}
.extra {color:#000; text-transform:uppercase; font-size:0.917em;}
.line-height20 {line-height:1.667em; color:#44494f; padding:12px 0 10px 0;}
.mail {color:#44494f; font-size:1.0833em; padding:10px 0 0 0;}
.mail a {color:#44494f;}

.indent2 {padding:18px 14px 34px 15px;}
.indent3 {padding:18px 14px 24px 15px;}
.margin1 {margin-top:10px;}
.margin2 {margin-right:30px;}
.padding1 {padding-top:20px;}
.padding2 {padding-bottom:0;}

/* ============================= footer ====================== */

#footer {text-align:center; color:white; padding: 15px 11px 14px 14px;}
#footer a {color:white; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* ============================= forms ============================= */

#SearchForm
{
	position: absolute;
	padding-right: 0px;
	padding-left: 750px;
	padding-bottom: 0px;
	padding-top: 7px;
}
#SearchForm .search-button {background:#cf3a00; border:1px solid #d1420a; font-size:0.833em; color:#fff; text-decoration:none; text-transform:uppercase; display:block; float:left; padding:2px 9px 1px 8px;}
#SearchForm .search-button:hover {background:#ae2a00;}
#SearchForm span {display:block; float:left;}
#SearchForm .input {width:163px; height:18px; border:1px solid #dfdfd3; background:#f4f4ec; padding:0 0 0 5px; font-size:1em; float:left; margin:0 8px 0 6px;}

#SearchForm2 {padding:20px 10px 0 40px; color:#f4f4ec;}
#SearchForm2 .input {width:226px; height:19px; border:1px solid #789641; background:#afc96a; padding:0 0 0 5px; font-size:1em; float:left; color:#547422;}
#SearchForm2 .select {width:231px; border:1px solid #789641; background:white; font-size:1em; float:left; color:black; line-height:1.7em; padding:2px 0;}
#SearchForm2 .rowi {height:45px;}
#SearchForm2 .rowl {height:33px;}
#SearchForm2 a {color:#202910; text-transform:uppercase; font-size:0.833em; margin-right:15px;}
#SearchForm2 .link4 {color:#eeff5b;}

.textDat
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Arial, Verdana, 'MS Sans Serif'
}

.TextMul
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 11px;
    COLOR: navy;
    FONT-FAMILY: Arial, Verdana, 'MS Sans Serif'
}


/*.box1 {background:url(images/box1-tail.gif) bottom repeat-x;}
.box1 .tail-right {background:url(images/box1-tail.gif) right repeat-y;}
.box1 .tail-left {background:url(images/box1-tail.gif) left repeat-y;}
.box1 .tail-top {background:url(images/box1-tail.gif) top repeat-x; width:100%;}

/*Grey Tab*/
.linkedin-gray .ajax__tab_header 
{
	color:#fff;
}
.linkedin-gray .ajax__tab_outer
{
    background:url(images/Grey_Tab/gray_left.gif) no-repeat 0px 0px;
}
.linkedin-gray .ajax__tab_inner
{
    background:url(images/Grey_Tab/gray_right.gif) no-repeat 100% 0px;
}
.linkedin-gray .ajax__tab_hover .ajax__tab_outer
{
    background:url(images/Grey_Tab/gray_left.gif) no-repeat 0px -150px;
}
.linkedin-gray .ajax__tab_hover .ajax__tab_inner
{
    background:url(images/Grey_Tab/gray_right.gif) no-repeat 100% -150px;
}
.linkedin-gray .ajax__tab_active .ajax__tab_outer
{
    background:url(images/Grey_Tab/gray_left.gif) no-repeat 0px -300px;
}
.linkedin-gray .ajax__tab_active .ajax__tab_inner
{
    background:url(images/Grey_Tab/gray_right.gif) no-repeat 100% -300px;
}
.linkedin-gray .ajax__tab_body 
{
	border:solid 2px #778d98;	
	font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    width:100%;
    height:100%;
}

/* ajax__tab_xp-theme theme */
.ajax__tab_xp-theme .ajax__tab_header
{
	font-family: verdana,tahoma,helvetica;
	font-size: 11px;
	background-image: url(images/tab_ie/tab-line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_outer 
{
    padding-right:4px;
    background:url(images/tab_ie/tab-right.gif) no-repeat right;
    height:21px;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_inner 
{
    padding-left:3px;
    background:url(images/tab_ie/tab-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_tab
{
    height:13px;
    padding:4px;
    margin:0;
    background:url(images/tab_ie/tab.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_outer 
{
    background:url(images/tab_ie/tab-hover-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_inner 
{
    background:url(images/tab_ie/tab-hover-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_tab 
{
    background:url(images/tab_ie/tab-hover.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_outer 
{
    background:url(images/tab_ie/tab-active-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_inner 
{
    background:url(images/tab_ie/tab-active-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_tab 
{
    background:url(images/tab_ie/tab-active.gif) repeat-x;
    
}
.ajax__tab_xp-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    border:1px solid #999999;
    border-top:0;
    padding:8px;
    background-color:white;
    width:100%;
    height:100%;
}

.ajax__tab_xp-theme .ajax__tab_body .li
{
	list-style-position: inside;
	list-style-type: circle;
}
/* ajax__tab_xp-theme theme-End */

.Boder
{
    BACKGROUND-COLOR: #ffcc33
}

.modalBackground {
     background-color:#000;
     filter:alpha(opacity=70);
     opacity:0.7;
}

.modalBackground2
{
    background-color:#fff;
}


.modalPopup 
{
	background-color:white;  
    padding:1em 6px;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:350px;
	position:relative; 
	margin-bottom:0px;   
	overflow: auto;
}

.ajaxcss
{
	font-family: Arial, Verdana, 'MS Sans Serif';
	font-weight: bolder;
	font-size: 14px;
	background-color: inactivecaption;
}

.LabelLnk
{
	cursor: pointer
}

/*Calender - Start*/
.calendarFrame
{
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    border-bottom: black thin solid;
    width:100%;
}

.calendarMonthYear
{
    font-size: 0.9em;
    color: #ffffff;
    font-family: Arial;
    font-weight: bold;
    background-color: #709137;
    letter-spacing: 1px;
}

.calendarMonthYear1
{
    font-size: 0.9em;
    color: #ffffff;
    font-family: Arial;
    font-weight: bold;
    background-color: #fc940a;
    letter-spacing: 1px;
}

.calendarDay1
{
	font-size: 0.9em;
	color: #ffffff;
	font-family: Arial;
	font-weight: bold;
	background-color: #fcc40a;
}

.calendarDay
{
    font-size: 0.9em;
    color: #ffffff;
    font-family: Arial;
    font-weight: bold;
    background-color: #afc96a;
}

.hasEvent
{
    font-size: 0.7em;
    color: #ffffff;
    font-family: Verdana, Arial;
    background-color:Red;
    text-align: center;
    width: 25px;
    height: 25px;
    cursor: pointer;
    
}

.hasToday
{
    font-size: 0.7em;
    color: #ffffff;
    font-family: Verdana, Arial;
    text-align: center;
    width: 25px;
    height: 25px;
    cursor: pointer;
    vertical-align: middle;
    background-color:Gray
}

.hasNoEvent
{
    font-size: 0.7em;
    font-family: Verdana, Arial;
    text-align: center;
    width: 25px;
    height: 25px;
}

.MenuMain
{
	background-color: white;
	padding: 1em 6px;
	z-index: 1;
	border-width: 1px;
	overflow: auto;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 100%;
	height: 100%;
}

.MenuItem
{
	font-family: Arial, Verdana, 'MS Sans Serif';
}

.MenuItem ul
{
	list-style-type: disc;
	list-style-position: outside;
	text-indent: 3em;
}

.MenuItem ul li
{
	list-style-type: disc;
	list-style-position: outside;
	text-indent: 3em;
}

.lcdstyle
{
	color: black;
	padding: 3px;
	width:100%;
	text-align:center;
}

.lcdstyle sup{ 
	font-size: 80%
}

.hari{ 
	font: bold 20px Arial;
}

.biasa{ 
	font: bold 16px Arial;
}

.Butang
{
    border-right: thin solid;
    border-top: thin solid;
    border-left: thin solid;
    border-bottom: thin solid;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    background-color: lightgrey;
}