@charset "windows-874";
body {
/*
	margin: 0px;
	scrollbar-face-color: #ff029d; 
	scrollbar-shadow-color: #ff029d; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #fd8dd1; 
	scrollbar-darkshadow-color: #FFFFFF; 
	scrollbar-track-color: #fccae8; 
	scrollbar-arrow-color: #FFFFFF;
	background-attachment: fixed; 
	*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
		
	font-size:12px;
	font-family: Tahoma, MicroSoft Sans Serif, sans-serif, Arial, Helvetica;
	color:#4D4D4D; 
	font-style: normal;
	background:url(../image/background.gif);
	
}

td{
	font-size:12px;
	font-family: Tahoma, MicroSoft Sans Serif, sans-serif, Arial, Helvetica;
	color:#4D4D4D;
	font-style: normal;
}

.chatScrol{
	color:#FFFFFF; 
	scrollbar-face-color: #4D4D4D; 
	scrollbar-shadow-color: #4D4D4D; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #CCCCCC; 
	scrollbar-darkshadow-color: #FFFFFF; 
	scrollbar-track-color: #CCCCCC; 
	scrollbar-arrow-color: #FFFFFF;	
}

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(image/formbg.gif) repeat-x left top;
}

.fontform {
	border-right: 1px solid; 
	border-top: 2px solid; 
	font-size: 12px;
	border: 1px solid; 
	border-color:#5AB3F7;
	background:#EEF3F6;
	font-family: "Tahoma, MicroSoft Sans Serif"; 
	text-decoration: none;
	
}

.selectBox {
	font-size: 12px;
	font-family: "Tahoma, MicroSoft Sans Serif"; 
	text-decoration: none;	
}

.searchTxtboxMenu {
	border-right: 1px solid; 
	border-top: 2px solid; 
	font-size: 12px; 
	border: 1px solid; 
	border-color: #5AB3F7;
	background:#EEF3F6;
	font-family: "Tahoma, MicroSoft Sans Serif"; 
	text-decoration: none;
	width:6em;
}

/************Border Image Content Style***********/
.borderImg{
	border:1px solid #FD459C;
}

/************Table Content Style***********/
.tblContent{
	background-color:#FFFFFF;
	border:1px solid #FD459C;
}

/************background Title Style***********/
.tr_bg_title{
	background-color:#53bed3;
	/*
	background:url(../image/title_bg.gif) repeat-x left top;
	*/
}
.td_bg_left_title{
	background-color:#53bed3;
	/*
	background:url(../image/title_left.gif)  repeat-x left top;
	*/
}
.td_bg_right_title{
	background-color:#53bed3;
	/*
	background:url(../image/title_right.gif)  repeat-x right top;
	*/
}

.tr_bg_title2{
	background-color:#F31879;
	/*
	background:url(../image/title_bg.gif) repeat-x left top;
	*/
}
.td_bg_left_title2{
	background-color:#F31879;
	/*
	background:url(../image/title_left.gif)  repeat-x left top;
	*/
}
.td_bg_right_title2{
	background-color:#F31879;
	/*
	background:url(../image/title_right.gif)  repeat-x right top;
	*/
}


/*===Red bold font===*/
.toppic{
	font-size:12px;
	color:#FFFFFF;
	text-shadow:#000000;
	font-weight: bold;
}
.title{
	font-size:12px;
	color:#0080FF;
	text-shadow:#000000;
	font-weight: bold;
	
}

/*==========================Link Style==================*/
a:link {
text-decoration: none;
color: #FD459C;
}
a:visited {
text-decoration: none;
color: #FD459C;
}
a:hover {
text-decoration: underline;
color: #DD0E12;
}
a:active {
text-decoration: underline;
color: #DD0E12;
}
/*==========================Link Style==================*/

/*
a:hover{
	background-image:url("javascript:alert();")
}
*/

/***********************************************************
	SET Layer always in view
   Style specs for layer that glides.
   Generally, you don't set height, but since layer nearly empty in this example...
***********************************************************/
#glideDiv { 
  position:absolute; 
  right:0px; top:0px; z-index:200;
  width:120px; height:140px; padding:6px;
  background-color:#91C8FF
  }

/***********************************************************
************Create Context menu For Folder tree menu*************
***********************************************************/
.dhtmlgoodies_tree{
	margin:0px;
	padding:0px;
}
.dhtmlgoodies_tree ul{	/* Sub menu groups */
	margin-left:0px;	/* Left spacing */
	padding-left:0px;
	display:none;	/* Initially hide sub nodes */
}
.dhtmlgoodies_tree li{	/* Nodes */
	list-style-type:none;
	vertical-align:middle;
	
}
.dhtmlgoodies_tree li a{	/* Node links */
	color:#FD459C;
	text-decoration:none;
	font-family:Tahoma, MicroSoft Sans Serif, sans-serif, Arial, Helvetica;
	font-size:12px;
	padding-left:2px;
}
	
#contextMenu{	/* The menu container */
	border:0px solid #202867;	/* Border around the entire menu */
	background-color:#FFF;	/* White background color of the menu */
	margin:0px;
	padding:0px;
	width:175px;	/* Width of context menu */
	font-family:Tahoma, MicroSoft Sans Serif, sans-serif, Arial, Helvetica;
	font-size:12px;
	background-image:url('../images/gradient.gif');
	background-repeat:repeat-y;
	
	/* Never change these two values */
	display:none;
	position:absolute;

}
#contextMenu a{	/* Links in the context menu */
	color: #000;
	text-decoration:none;
	line-height:25px;
	vertical-align:middle;	
	height:28px;
	
	/* Don't change these 3 values */
	display:block;	
	width:100%;
	clear:both;
	
}
#contextMenu li{	/* Each menu item */
	list-style-type:none;
	padding:1px;
	margin:1px;
	cursor:pointer;	
	clear:both;
}
#contextMenu li div{	/* Dynamically created divs */
	cursor:pointer;	
}
#contextMenu .contextMenuHighlighted{	/* Highlighted context menu item */
	border:1px solid #000;
	padding:0px;
	background-color:#E2EBED;

}
#contextMenu img{
	border:0px;
}
#contextMenu .imageBox{	/* Dynamically created divs for images in the menu */

	float:left;
	padding-left:2px;
	padding-top:3px;
	vertical-align:middle;
	
	width: 30px;	/* IE 5.x */
	width/* */:/**/30px;	/* Other browsers */
	width: /**/30px;
}
#contextMenu .itemTxt{
	float:left;		
	width: 140px;	/* IE 5.x */
	width/* */:/**/140px;	/* Other browsers */
	width: /**/140px;		
}
.highlight   
{   
		color: #FF00FF;   
}   
  
.highlight_important   
{   
		color: #FF00FF;
} 

/****************** Accordion *********************/
.accordion  {
    /*border:1px dashed #000000;*/
    
}
.accordion div {
    padding:2px;
    /*border:1px dashed #FF00FF;*/
    
}
.accordion a {
    margin-bottom : 10px;
    margin: 0px;
    padding: 2px 10px 2px 2px;
}
.accordion p {
    cursor:pointer;
    display:block;
    /*background:url(../image/utils/collapsed.gif) no-repeat scroll 4px 7px;*/
    /*padding:5px;
    padding-left:16px;*/
    margin: 0;
    text-decoration: none;
    font-size:12px;
    font-weight: normal;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #999;
}
.accordion p:hover {
    color:#EE9506;
}
/*.accordion p.selected {
    background: url(../image/utils/expanded.gif) no-repeat scroll 4px 8px;
}*/
.accordion div {
    background-color: #FFFFFF !important;
    /*height:185px;*/
}
/*.accordion p {
   background-color: #0E5800 !important;
   color:#FFFFFF !important;
}*/
.accordion p:hover {
     color:#FFFFFF; !important;
}
.accordion p.selected {
     color:#FFFFFF !important;
}
.standard-white-bg, .standard-white-bg div,
.standard-white-bg td,
.standard-white-bg a, .standard-white-bg a:visited{
    /*color:#174888 !important;*/
    color:#174888 !important;
}
/*****************************************************************/

* html .shadetabs{/*for IE*/
  margin-top: 0px;
}

.shadetabs{
padding: 0px 0px ;
margin-left: 0px;
margin-top: 5px;
margin-bottom: 0px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
height:19px;
}

.shadetabs li{
display: inline;
margin: 0;
}
.shadetabs li a{
background-color:#CCCCCC;
text-decoration: none;
position: relative;
z-index: 0;
padding: 5px 10px;
height:20px;
color: #3e3f3b;
}
.shadetabs li a:visited{
color: #2d2b2b; 
}
.shadetabs li a:hover{
background-color: #9FF300;
color: #FFFFFF;
text-decoration: none;
}
.shadetabs li a.selected{ /*selected main tab style */
background-color: #9FF300;
position: relative; 
}
.shadetabs li a.selected:hover{ /*selected main tab style */
background-color: #9FF300;
text-decoration: none; 
}
.tabcontent{
display:none;
}

#videopage {
    background-color:#efefef;
    width:600px;
    margin:50px auto;
    padding:20px 150px 20px 50px;
    min-height:600px;
    border:2px solid #fff;
    outline:1px solid #ccc;
    text-align:left;
}
/************************** Anounce ***********************/
.chartUpdate{
    font-weight: bold; 
    color:#000; background:#69EB70;  
    text-align: left; 
    vertical-align: middle; 
    padding: 5px; 
    font-size:15px;
}
.NormalUpdateChart{
    font-weight: bold; 
    color:#000; 
    background:#82F688; 
    text-align: left; 
    padding: 3px;
}

.layoutsize{
    float: left; 
    width: 361px;  
    border: 1px solid #0E5800; 
    margin-bottom: 5px;
}

.Blocksongroom{
    float:left; 
    width:467px; 
    border: 1px solid #0E5800; 
    padding: 2px; 
    margin-bottom: 5px; 
    background-color: #82F688;
}

.FontSongRoomName{
    color:#dd1366; 
    font-size: 20px; 
    font-weight:bold; 
    margin-bottom: 5px;
}

@media print {
    .tabcontent {
    display:block !important;
    }
}

/* ############################### AutoComplete ################################## */
/* COMMON CLASSES */
.break { clear:both; }

/* SEARCH FORM */
#searchform { margin:00px 0px; font-size:15px; }
#searchform div { color:#000000; }
#searchform div input { font-size:15px; padding:0px;}
#suggestions{ position: absolute; right:150px; width:200px; display:none; }

/* SEARCHRESULTS */
#searchresults { border-width:1px; border-color:#919191; border-style:solid; width:200px; background-color:#fff; font-size:10px; line-height:14px; }
#searchresults a { display:block; background-color:#ffff; border-bottom: 1px solid #53BED3; margin-bottom: 2px;  clear:both; height:56px; text-decoration:none; }
#searchresults a:hover { background-color:#b7b7b7; color:#ffffff; }
#searchresults a img { float:left; padding:5px 10px; }
#searchresults a span.searchheading { display:block; font-weight:bold; padding-top:5px; color:#191919; }
#searchresults a:hover span.searchheading { color:#ffffff; }
#searchresults a span { color:#555555; }
#searchresults a:hover span { color:#f1f1f1; }
#searchresults span.category { font-size:11px; margin:5px; display:block; color:#ffffff; }
#searchresults span.seperator { float:right; padding-right:15px; margin-right:5px;
			background-image:url(template/4917/search/images/shortcuts_arrow.gif); background-repeat:no-repeat; background-position:right; }
#searchresults span.seperator a { background-color:transparent; display:block; margin:5px; height:auto; color:#ffffff; }

/* ###############################  END AutoComplete ############################# */

/* ################################### MusicPortal ########################################### */
.slideaccord{background:#53BED3; padding:3px;}
.accordchart{float:left;  width: 270px; border: 1px solid #53BED3;}
.accchartsong{background: #F31879; color: #FFF; font-weight: bold; font-size:14px; padding: 2px;}
.topicblue{background: #53BED3; color: #FFF; padding: 2px; font-size:14px; font-weight:bold;}
.fblyrics{width:830px; margin: 5px 0px 5px  1px;}
.style1{ color:#fd459c; background:#FFFFFF; font-size:14px;  font-weight:bold;  text-shadow:#C0C0C0 0.1em 0.1em 0.2em;  -moz-text-shadow:#C0C0C0 0.1em 0.1em 0.2em;  font-family:Arial,Helvetica,sans-serif}
.style2 {color: #fd459c; background: #FFFFFF; font-size: 20px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-shadow: #C0C0C0 0.1em 0.1em 0.2em; -moz-text-shadow: #C0C0C0 0.1em 0.1em 0.2em;}
.topic_bold{font-size: 20px; font-weight: bold;}
/* ################################## END MusicPortal ######################################### */