* {
	margin : 0px;
	padding : 0px;
}

body {
	background : #000 url('images/bg/bground.jpg');
	background-attachment:fixed;
	color : #7B7B7B;
	text-align : center;
	font-family : tahoma, sans-serif;
	font-size : 9px;
}

a {
	color : #000000; /*#7B7B7B;*/
}

a:hover {
	color : #7B7B7B;
	text-decoration : none;
}


/* Header Style */

#page_header {
	margin : 0px auto;
	width : 940px;
	height : 255px;
	text-align : left;
	overflow : hidden;
}

#page_title {
	margin-top : 13px;
}

#page_title img {
	position : absolute;
	top : 5px;
}



/* Menu Style */

#page_menu {
	margin : 0px auto;
	width : 940px;
	height : 35px;
	float : none;
	clear : both;
	text-align : center;
}

#page_menu ul {
	height : 35px;
}

#page_menu li {
	padding : 12px 24px 0px;
	height : 14px;
	float : left;
	display : block;
	position: relative;
}


/* Main Body Style */

#page_wrapper {
	background : #000 /*url('edit/g_wallpaper.png') #f37a21*/;
	margin : 0px auto;
	width : 940px;
	text-align : justify;
	display : block;
	clear : both;
}
#site_wrapper {
	background : #000 /*url('edit/g_wallpaper.png')*/;
	margin : 0px auto;
	width : 940px;
	text-align : justify;
	display : block;
	clear : both;
}

#page_leftcol {
	margin-left : 7px;
	width : 240px;
	float : left;
}

#page_maincol {
	margin-left : 7px;
	width : 500px;
	float : left;
}

#page_rightcol {
	margin-left : 7px;
	width : 172px;
	float : left;
}

#main_leftcol {
	margin-left : 7px;
	width : 747px;
	float : left;
}
/* Left Column Style */

.leftcol_box {
	width : 238px;
	background: #000 /*#ff8a00 url('images/bg/bg.png')*/;
	overflow : hidden;
	display : block;
	clear : both;
}
.leftmain_box {
	width : 740px;
	background: #000 /*#ff8a00 url('images/bg/bg.png')*/;
	overflow : hidden;
	display : block;
	clear : both;
}

.leftcol_box h2 {
	padding : 7px 0px;
	width : 177px;
	height : 11px;
	color : #fff;
	font-size : 11px;
	line-height : 11px;
	font-weight : bold;
}



/* Main Column Style */

#maincol_top {
	margin-top : 13px;
	width : 362px;
	height : 137px;
	background : url('images/maincol_bg.gif') repeat-x 0px 0px;
	overflow : hidden;
}

#maincol_top h2 {
	width : 121px;
	height : 32px;
	background : url('images/maincol_header.gif') no-repeat 0px 0px;
}

#maincol_top .sideimg {
	position : absolute;
	background : url('images/maincol_img.gif') no-repeat bottom left;
	width : 87px;
	height : 137px;
}

#maincol_top .content {
	position : absolute;
	margin-left : 95px;
	width : 255px;
	color : #fff;
}

#maincol_top .readmore {
	margin-top : 8px;
	text-align : right;
}

#maincol_top a {
	color : #fff;
	font-weight : bold;
	text-decoration : none;
}

#maincol_top a:hover {
	text-decoration : underline;
}

.maincol_box {
	width : 498px;
	background : url('images/bg/bg.png') #fff repeat-y 180px 0px;
	overflow : hidden;
}
.maincol_box2 {
	width : 498px;
	background : #222222 /*#ff8a00 url('images/bg/bg.png')*/;
	overflow : hidden;
}
.foot_box {
	/*width : 498px;*/
	background : #222222 /*#ff8a00 url('images/bg/bg.png')*/;
	overflow : hidden;
}
.maincol_top_left {
	width : 245px;
	background : #222222 /*url('images/bg/bg.png')*/;
	overflow : hidden;
}
.maincol_top_right {
	width : 245px;
	background : #222222 /*url('images/bg/bg.png')*/;
	overflow : hidden;
}
.maincol_box_left {
	width : 190px;
	background : #222222 /*url('images/bg/bg.png')*/;
	overflow : hidden;
}
.maincol_box_right {
	width : 498px;
	background : #222222 /*url('images/bg/bg.png')*/;
	overflow : hidden;
}

.maincol_box h2 {
	width : 360px;
	height : 26px;
}



/* Right Column Style */

.rightcol_box {
	width : 170px;
	background: #432501 /*url('images/bg/bg.png')*/;
	overflow : hidden;
}

.rightcol_box h2 {
	width : 183px;
	height : 26px;
}


/* Footer Style */

#page_spacing {
	clear : both;
	float : none;
	border-top : #fff 5px solid;
}

#page_footer {
	margin : 0px auto;
	width : 755px;
	height : 21px;
	background-color : #ef880b;
	font-size : 10px;
	color : #000000 /*#C8C6C6*/;
}

#page_footer a {
	color : #E4E1E1;
	text-decoration : none;
}

#page_footer a:hover {
	color : #fff;
}

#page_footer #rights {
	padding-top : 3px;
	padding-left : 15px;
	float : left;
}

#page_footer #links {
	padding-top : 3px;
	padding-right : 10px;
	float : right;
	font-weight : bold;
}

#page_footer #links span {
	margin-left : 20px;
	display : block;
	position : relative;
	float : left;
}

#page_credit {
	margin-top : 15px;
	margin-bottom : 7px;
	text-align : center;
	font-size : 12px;
	color : #010101;
}

#page_credit a {
	text-decoration : none;
	color : #010101;
}

#page_credit a:hover {
	color : #464646;
}



.borderbox {
	clear : both;
	float : none;
	margin-top : 7px;
}

span {
	display : none;
}

img {
	border: 0px;
}

p {
	text-align : justify;
	line-height : 13px;
}

ul {
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	display : block;
}

li {
	text-indent: 0px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
}

input {
	padding : 2px 0px 1px 7px;
	background-color : #fff;
	color : #949393;
	border : #D7D7D7 1px solid;
	font-family : tahoma, sans-serif;
	font-size : 9px;
	font-weight : bold;
}

select {
	padding : 2px 0px 1px 7px;
	background-color : #fff;
	color : #949393;
	border : #D7D7D7 1px solid;
	font-family : tahoma, sans-serif;
	font-size : 9px;
	font-weight : bold;
}

input.submit {
	padding : 0px;
	border : none;
	cursor : pointer;
}

.clearthis {
	margin : 0px;
	clear : both;  
	float : none;	
	font-size : 1px;
	line-height : 0px;
}

.intable {
	background: #000 /*url('images/bg/bg.png') bottom left*/; 
	width:100%;
}

.satu2 {
	margin: 5px; 
}
.satu_2 {
	background: url('images/bg_programs.png') left top no-repeat; 
	margin: 5px; 
}
.satu3 {
	padding: 10px; 
	width: 490px;
}
.satu4 {
	padding: 10px; 
	width: 180px;
}

.iframe_ {
	padding:0px;
	margin:0px;
}


.box_title {
	/*background: #000000 url('images/bg/title-g.png') repeat-y*/ 
	margin: 2px; 
}

.box_content {
	background: url('images/bg/title-w.png') repeat-y;
	margin: 5px; 
}

.cleartd {width: 5px;}

/*########################
     TABS
 ########################*/

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
border-left: 1px solid #000;
text-align: center;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 488px; /*width of menu*/
border-top: 1px solid #000; /*darkred border*/
border-right: 1px solid #000; /*darkred border*/
background: white url(images/shade.png) bottom left repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: #ffffff /*#336699*/; /*text color*/
padding: 3px 11px;
text-decoration: none;
font-weight: bold;
border-right: 1px solid #000; /*darkred divider between menu items*/
width: 110.6px;
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
border-bottom: 0px;
background: white url(images/shadeactive.png) top left repeat-x;
}

.tabtable{
border-top:0px solid white;
border-bottom:1px solid #000;
border-right:1px solid #000;
border-left:1px solid #000;
width:287px;
padding: 4px;
/*margin-bottom:1em;*/
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 2px solid gray;
width: 300px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

.indentmenu01{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
border-left: 1px solid #000;
text-align: center;
}

.indentmenu01 ul{
margin: 0;
padding: 0;
float: left;
width: 712px; /*width of menu*/
border-top: 1px solid #000; /*darkred border*/
border-right: 1px solid #000; /*darkred border*/
background: white url(images/shade.png) bottom left repeat-x;
}

.indentmenu01 ul li{
display: inline;
}

.indentmenu01 ul li a{
float: left;
color: #ffffff /*#336699*/; /*text color*/
padding: 3px 11px;
text-decoration: none;
font-weight: bold;
border-right: 1px solid #000; /*darkred divider between menu items*/
width: 140.6px;
}

.indentmenu01 ul li a:visited{
color: black;
}

.indentmenu01 ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
border-bottom: 0px;
background: white url(images/shadeactive.png) top left repeat-x;
}

.tabtable01{
border-top:0px solid white;
border-bottom:1px solid #000;
border-right:1px solid #000;
border-left:1px solid #000;
width:710px;
padding: 4px;
/*margin-bottom:1em;*/
}

.tabcontentstyle01{ /*style of tab content oontainer*/
border: 2px solid gray;
width: 710px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent01{
display:none;
}


.td01 { background: #ffa453; font-weight: bold; color: #000; font-size:10pt; padding:2px;}
.td02 { background: #a54e00; font-weight: bold; color: #fff; font-size:10pt; padding:2px;}


.dj01 { font-weight: normal; color: #a54e00; font-size:10pt; padding:1px;}
.dj02 { font-weight: bold; color: #ffa453; font-size:10pt; padding:2px;}


.pic1 { border:1px #5a3304 solid; padding:2px; margin: 2px;}

.pic2 { border:1px #ef880b solid; padding:2px; margin: 2px;}

.pad { padding-top: 4px; }

.main_content {
	background: #ffcc00 url(images/bg_content.png) top no-repeat; 
	width: 735px;
	margin-top: 60px;
	margin-left: 7px;
	margin-right: 5px;
}
.main_content_ {
	background: #ffcc00 url(images/bg_content_.png) bottom no-repeat; 
	width: 735px;
}

.desc_content {
	font-family : tahoma, sans-serif;
	font-size : 12px;
	font-weight: bold;
	color: #000;
	padding: 7px;
}

/*#######################
	vgetSourcehelp
#######################*/

.LB-black-overlay {   
    display: none;   
    position: fixed;   
    top: 0%;   
    left: 0%;   
    width: 100%;   
    height: 100%;   
    background-color: #000;   
    z-index:1001;   
    -moz-opacity: 0.8;   
    opacity:.80;   
    filter: alpha(opacity=80);   
}   
  
.LB-white-content {   
    display: none;   
    position: fixed;   
    width: 50%;   
    height: 200px;   
    padding: 3px; 
    margin: 10%;   
    border: 1px solid #888;   
    background-color: #777;   
    z-index:1002;   
}   
 
a#close {   
    height: 30px;   
    width: 30px;   
    position: absolute;   
    top: 1px;   
    right: 1px;   
    background: url(images/close.png) 0 0;   
}   
  
a#close:hover {   
    background: url(images/close.png) 0 -30px;   
}    

/*#######################
	footer
#######################*/

#footpanel {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #fbb907;
	border: 2px solid #ffcc00;
	border-bottom: none;
	width: 94%;
	height: 25px;
	margin: 0 3%;
}

*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fbb907; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/
	height: 22px; width: 22px;
	text-decoration: none;
	color: #333;
	position: relative;
}
html #footpanel ul li a:hover{	background-color: #fff; }
html #footpanel ul li a.active { /*--Active state when sub-panel is open--*/
	background-color: #fff;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active link on top of the sub-panel--*/
	position: relative;
}

#footpanel a.home{
	background: url(images/icon/home.png) no-repeat 20px center;
	width: 50px;
	padding-left: 40px;
	border-right: 1px solid #ffcc00;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
a.profile{ background: url(user.png) no-repeat center center;  }
a.editprofile{ background: url(wrench_screwdriver.png) no-repeat center center; }
a.contacts{ background: url(address_book.png) no-repeat center center; }
a.messages{ background: url(mail.png) no-repeat center center; margin-top:2px;}
a.playlist{ background: url(document_music_playlist.png) no-repeat center center; }
a.videos{ background: url(film.png) no-repeat center center; }
a.alerts{ background: url(newspaper.png) no-repeat center center; }

#footpanel a.chat{
	background: url(balloon.png) no-repeat 15px center;
	width: 126px;
	border-left: 1px solid #ffcc00;
	border-right: 1px solid #ffcc00;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel li#chatpanel, #footpanel li#alertpanel {	float: right; }  /*--Right align the chat and alert panels--*/

#footpanel a small {
	text-align: center;
	width: 70px;
	background: url(images/icon/pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: 1em;
	text-indent: 0;
}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	left: 50%;
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}