/*
	Global styles
 */

html { overflow-y: scroll; }
body
{
	font-size: 10pt;
	font-family: Georgia,Palatino,'Palatino Linotype',serif;
	font-family: Arial,sans-serif;
	background: #F5F4F4 url(/images/backgrounds/grey_to_white_bg.gif) repeat-x 0 0;
	padding-top: 20px;
}
.clear { clear: both; }
.center { margin: 0 auto; }
a.karaoke,
a
{
	color: #2C6A93;
	text-decoration: none;
	background-color: #E2F0F6;
	border-bottom: 1px solid #D1E4F1;
	border-right: 1px solid #D1E4F1;
	padding: 0px 3px;
}
a.karaoke:hover,
a:hover,
a.active
{
 	background-color: #D1E7F1;
}
a.music
{
	background-color: #E5FC9E;
	border-bottom: 1px solid #C6F92D;
	border-right: 1px solid #C6F92D;
	color: #314002;
}
a.music:hover { background-color: #D6FA6A; }
a.lyrics
{
	background-color: #FBEC89;
	border-bottom: 1px solid #F8D910;
	border-right: 1px solid #F8D910;
	color: #6F6003;
}
a.lyrics:hover { background-color: #F9E351; }
a.chat
{
	background-color: #FDC9C9;
	border-bottom: 1px solid #FB9B9B;
	border-right: 1px solid #FB9B9B;
	color: #C40606;
}
a.chat:hover { background-color: #FCA6A6; }
.text p
{
	margin-top: 15px;
	font-size: 10pt;
	line-height: 20px;
}
.text ul,
.text ol
{
	display: block;
	font-size: 10pt;
	line-height: 20px;
	margin: 20px 0 20px 20px;
}
.text ul { list-style-type: disc; }
.text ol { list-style-type: decimal; }
.text ul li,
.text ol li
{
	margin-bottom: 10px;
}
.serif { font-family: Georgia,Palatino,'Palatino Linotype',serif; }
.sans-serif { font-family: Arial,sans-serif; }
.full { width: 100%; }
.half { width: 48%; }
.third { width: 30%; }
.quarter { width: 22%; }
.left { float: left; }
.right { float: right; }

/*
	Paging
 */

#paging .next img { padding-left: 10px; }
#paging .current
{
	font-size: 115%;
	border-bottom: 1px solid #777;
}
#paging
{
	margin: 30px 0;
	font-size: 90%;
}
#paging span
{
	padding: 1px 5px;
	margin: 0 3px;
}
#paging a
{
	text-decoration: none;
	margin: 0 3px;
}
#paging a:hover span
{

}

/*
	For forms
 */

form.simple li
{
	margin-bottom: 10px;
}
form.simple label
{
	width: 100px;
	float: left;
	text-align: right;
	padding-right: 20px;
	font-weight: bold;
	font-size: 11pt;
}
.text
{
	background: #FFF url(/images/forms/fieldbg.gif) repeat-x scroll center top;
	border-color: #7C7C7C #C3C3C3 #DDD;
	border-style: solid;
	border-width: 1px;
	width: 200px;
	font-size: 11pt;
	padding: 4px 5px;
}

.warning
{
	background-color: #F7F79F;
	padding: 20px;
	border: 1px solid #EDED35;
	color: #000;
}
.success
{
	background-color: #BBF2B0;
	padding: 20px;
	border: 1px solid #54DD39;
	color: #000;
}
.error
{
	background-color: #FCB0B0;
	padding: 20px;
	border: 1px solid #F96363;
	color: #000;
}

/*
	Layout
 */

#footer
{
	color: #777;
	border-top: 1px solid #DDD;
	padding-top: 20px;
	margin-top: 20px;
	margin-bottom: 50px;
}
h1
{
	font-size: 20pt;
	margin-bottom: 20px;
}
#alpha
{
	font-size: 12pt;
	margin-bottom: 20px;
	color: #888;
}
.media
{
	border-bottom: 1px solid #DDD;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
}
.media h2
{
	float: left;
	font-size: 11pt;
	margin-right: 10px;
}
.media li
{
	color: #777;
	line-height: 15pt;
}

#content h2
{
	font-size: 18pt;
	margin-bottom: 5px;
}
#content h3
{
	font-size: 12pt;
	font-weight: normal;
	margin-bottom: 5px;
	color: #777;
}
#content h4
{
	font-size: 10pt;
	font-weight: normal;
	color: #777;
}
#content .text
{
	line-height: 14pt;
}
#content p
{
	margin-top: 40px;
	margin-bottom: 30px;
}
#list-head
{
	font-size: 16pt;
	background-color: #EEE;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	color: #666;
	padding: 3px 10px;
	font-weight: normal;
}
.left-col { padding-top: 52px; }
.network
{
	margin-top: 30px;
	margin-bottom: 30px;
}
.network h3
{
	padding: 3px 5px;
	background-color: #DDD;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.network ul { margin-top: 10px; }
.network li { margin-bottom: 5px; }
h2.nav-head
{
	font-size: 16pt;
	background-color: #EEE;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	color: #666;
	padding: 3px 10px;
	font-weight: normal;
}
ul.nav { margin-bottom: 10px; }
ul.nav li
{
	font-size: 10pt;
}
ul.nav li a
{
	display: block;
	padding: 5px 10px;
	border-top: 1px solid #FFF;
}
#search-div
{
	margin-top: 20px;
}
#search-div .text
{
	width: 600px;
}
#search-div .button
{
	font-size: 12pt;
}

.clear
{
	clear: both;
}

#karaoke-content-left
{
	margin-left: 20px;
	width: 480px;
	border: 7px solid #2C6A93;
	float: left;
}
#karaoke-content-right
{
	margin-left: 55px;
	width: 160px;
	border: 0px solid #2C6A93;
	float: left;
}

#music-content-left
{
	margin-top: 30px;
	margin-left: 10px;
	width: 370px;
	border: 0px solid #2C6A93;
	float: left;
}
#music-content-right
{
	margin-left: 40px;
	width: 336px;
	border: 0px solid #2C6A93;
	float: left;
}

#lyric-content-left
{
	margin-left: 20px;
	width: 480px;
	border: 3px solid #2C6A93;
	float: left;
}
#lyric-content-right
{
	margin-left: 30px;
	width: 160px;
	border: 3px solid #2C6A93;
	float: left;
}
ol.guide
{
	list-style-type:circle;
	font-size: 14pt;
	list-style-type:upper-roman;
	color: #2C6A93;
	padding-top: 10px;
	padding-bottom; 10px;
}
ol.guidesub
{
	list-style-type:circle;
	font-size: 14pt;
	margin-left: 40px;
	list-style-type:lower-alpha;
	color: #2C6A93;
	padding-top: 10px;
	padding-bottom; 10px;
}
li.guide
{
	list-style-type:circle;
	font-size: 14pt;
	list-style-type:upper-roman;
	color: #2C6A93;
	padding-top: 10px;
	padding-bottom; 10px;
}
li.guidesub
{
	list-style-type:circle;
	font-size: 14pt;
	margin-left: 40px;
	list-style-type:lower-alpha;
	color: #2C6A93;
	padding-top: 10px;
	padding-bottom; 10px;
}