body
{
	padding: 0px;
	margin: 0px;
	background: #85a524;
}

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

table
{
	width: 100%;
	height: 100%;
	border:0px;
	padding:0px;
	border-collapse: collapse;
}

td
{
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

DIV.ob
{
	position: absolute;
	left: 150px;
	top: 67px;
	width: 250px;
	height: 58px;
	background: url(Logo_250.png) no-repeat;
	z-index:2;
}

DIV.gb
{
	position: absolute;
	left: 16px;
	top: 17px;
	width: 456px; /* Firefox */
	#width: 468px;  /* ie */
	height: 126px;
	#height: 140px;
	background: url(GB.png);
	padding-left: 12px;
	padding-top: 14px;
}

#centrecolumn
{
	position:relative;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
}


#wbl
{
	position: absolute;
	left: 182px;
	top: 108px;
	width: 502px;
}

#wbl_t
{
	background: url(WBL_t.png) 0 0; font:1; height:31px;
}

DIV.wbl_b
{
	background: url(WBL_B.png) 0 0; font:1; height:31px;
}

DIV.wbl_main
{
	background:white;
	padding-left:20px;
	padding-top:140px;
	padding-right:20px;
	padding-bottom:20px;
	height:auto; /* for firefox */
	min-height:290px; /* min-height only works in firefox NOT ie */
	#height:350px; /* ie hack for min-height */
    color:#424715;
   	font-family:Tahoma,Arial,Helvetica,Sans-serif;
	font-size:8pt;
}

DIV.wbl_main a
{
    color:#D71166;
}

DIV.menu
{
	position: absolute;
	left: 0px;
	top: 300px;
	width: 182px;
	height: 81px;
	z-index:3;
}

DIV.wbs
{
	position: absolute;
	left: 583px;
	top: 224px;
	width: 156px; /* firefox */
	#width: 180px; /* ie */
	height: 255px; /* firefox */
	#height: 275px; /* ie */
	background: url(WBS.png) 0 0;
	z-index:3;
	padding-top:20px;
	padding-left: 12px;
	padding-right: 12px;
    color:#000000;
   	font-family:Tahoma,Arial,Helvetica,Sans-serif;
	font-size:8pt;
}

DIV.ob2
{
	position: absolute;
	left: 594px;
	top: 488px;
	width: 134px; /* firefox */
	#width: 158px; /* ie */
	height: 138px; /* firefox */
	#height: 158px; /* ie */
	background: url(OB2.png) 0 0;
	z-index:4;
	padding-top:20px;
	padding-left: 12px;
	padding-right: 12px;
    color:#000000;
   	font-family:Tahoma,Arial,Helvetica,Sans-serif;
	font-size:8pt;
}

DIV.grb_t
{
	background: url(GrB_T.png) 0 0;
	font:1;
	height:34px;
	width:502px;
}

DIV.grb_main
{
	background: #dced45;
	background: url(GrB.png);
	padding-left:20px;
	padding-top: 20px;
	height: 150px;
	width: 482px; /* firefox */
	#width: 502px; /* ie */
    color:black;
   	font-family:Tahoma,Arial,Helvetica,Sans-serif;
	font-size:8pt;
}

DIV.grb_b
{
	background: url(GrB_B.png) 0 0; font:1; height:32px;
	width:502px;
	height:32px;
}


#mlogo
{
	float:left;
 	width:64px;
	height:54px;
}

DIV.menuOff
{
	width:182px;
	height:54px;
	padding-top:4px;
}

DIV.menuOn
{
	width:182px;
	height:54px;
	cursor:pointer;
	background:url(MenuHi.png) no-repeat 0 0;
	padding-top:4px;
}

DIV.mline
{
	clear:both;
	font:1;
	height:10px;
	margin-top:10px;
	margin-bottom:5px;
	margin-left:64px;
	background:url(MenuLine.png) no-repeat 0px 0px;
}

#mlogo_songs
{
    background:url(MenuLogo_Songs.png) no-repeat;
    width:50px;
    height:42px;
}

#mtext_songs
{
    background:url(MenuText_Songs.png) no-repeat;
    width:108px;
    height:47px;
}

#mlogo_home
{
    background:url(MenuLogo_Home.png) no-repeat;
    width:45px;
    height:46px;
}

#mtext_home
{
    background:url(MenuText_Home.png) no-repeat;
    width:112px;
    height:47px;
}

#mlogo_account
{
    background:url(MenuLogo_Account.png) no-repeat;
    width:54px;
    height:52px;
}

#mtext_account
{
    background:url(MenuText_Account.png) no-repeat;
    width:112px;
    height:47px;
}

#mlogo_history
{
    background:url(MenuLogo_History.png) no-repeat;
    width:56px;
    height:48px;
}

#mtext_history
{
    background:url(MenuText_History.png) no-repeat;
    width:112px;
    height:48px;
}

#mlogo_tools
{
    background:url(MenuLogo_Tools.png) no-repeat;
    width:52px;
    height:48px;
}

#mtext_tools
{
    background:url(MenuText_Tools.png) no-repeat;
    width:112px;
    height:48px;
}

#mlogo_login
{
    background:url(MenuLogo_Login.png) no-repeat;
    width:52px;
    height:48px;
}

#mtext_login
{
    background:url(MenuText_Login.png) no-repeat;
    width:112px;
    height:48px;
}

#mlogo_register
{
    background:url(MenuLogo_Register.png) no-repeat;
    width:52px;
    height:48px;
}

#mtext_register
{
    background:url(MenuText_Register.png) no-repeat;
    width:112px;
    height:48px;
}

#mlogo_FAQ
{
    background:url(MenuLogo_FAQ.png) no-repeat;
    width:52px;
    height:48px;
}

#mtext_FAQ
{
    background:url(MenuText_FAQ.png) no-repeat;
    width:112px;
    height:48px;
}

img
{
	border-style: none;
}

#mtext
{
	float:left;
}

td#left
{
	width: 50%;
	background: url(BG_L.jpg) repeat-x 0px 0px;
}

td#centre
{
	background:url(BG.jpg) no-repeat 0px 0px;
	width: 766px;
	min-width:766px;
}

td#right
{
	width: 50%;
	background: url(BG_R.jpg) repeat-x 0px 0px;
}

table#left
{
	background: url(WaveL.png) repeat-x right top;
	height: 100%;
	margin-top:32px;
}

#wavel
{
	background: url(WaveL.png) repeat-x right top;
	height: 100%;
	margin-top:32px;
}

#waver
{
	background: url(WaveR.png) repeat-x right top;
	height: 100%;
	margin-top:32px;
}

#force766
{
    height:0px;
    width:766px;
    min-width:766px;
    max-width:766px;
}

DIV.mode_om
{
	background: url(Mode_OrangeMusician.png) no-repeat;
	width: 78px;
	height: 31px;
	position: absolute;
	left: 352px;
	top: 125px;
	z-index:5;
}

DIV.mode_gm
{
	background: url(Mode_GreenMusician.png) no-repeat;
	width: 72px;
	height: 15px;
	position: absolute;
	left: 360px;
	top: 125px;
	z-index:5;
}

DIV.mode_oms
{
	background: url(Mode_OrangeMusicianSmall.png) no-repeat;
	width: 72px;
	height: 15px;
	position: absolute;
	left: 360px;
	top: 125px;
	z-index:5;
	cursor:pointer;
}

DIV.mode_gd
{
	background: url(Mode_GreenDownloader.png) no-repeat;
	width: 72px;
	height: 15px;
	position: absolute;
	left: 434px;
	top: 125px;
	z-index:5;
	cursor:pointer;
}

DIV.mode_od
{	
    background: url(Mode_OrangeDownloader.png) no-repeat;
	width: 78px;
	height: 31px;
	position: absolute;
	left: 434px;
	top: 125px;
	z-index:5;
}

DIV.mode_ods
{
	background: url(Mode_OrangeDownloaderSmall.png) no-repeat;
	width: 72px;
	height: 15px;
	position: absolute;
	left: 434px;
	top: 125px;
	z-index:5;
	cursor:pointer;
}

DIV.logbox
{
	width: 130px;
	height: 70px;
	position: absolute;
	left: 539px;
	top: 150px;
}

DIV.welcomebox
{
	width: 130px;
	height: 70px;
	position: absolute;
	left: 539px;
	top: 150px;
}

DIV.logout
{
	width: 50px;
	height: 30px;
	position: absolute;
	left: 63px;
	top: 14px;
	padding-top:4px;
	font-family:Tahoma,Arial,Helvetica,Sans-serif;
	font-size:7.0pt;
}

DIV.logout a
{
	color:#000000;
	text-decoration:none;
}

input.logedit
{
	font-family: Tahoma,Arial,Helvetica,Sans-serif;
	font-size: 7.4pt;
    border-style:solid;
    border-left-color:#98a6b4;
    border-top-color:#98a6b4;
    border-right-color:#c5cfd8;
    border-bottom-color:#c5cfd8;
    border-width:1px;
    height:16px;
}

input.btn_go
{
	background:url(Btn_Go.jpg) no-repeat 0px 0px;
	width:33px;
	height:16px;
	border:0px;
	cursor:pointer;
}

DIV.logtext
{
	padding-top:4px;
	font-family:Tahoma,Arial,Helvetica,Sans-serif;
	font-size:7.0pt;
}

DIV.logtext a
{
	color:#000000;
	text-decoration:none;
}

DIV.heading
{
	width: 270px;
	height: 70px;
	position: absolute;
	left: 212px;
	top: 155px;
}

.heading_title
{
    color:White;
   	font-family:Tahoma,Arial,Helvetica,Sans-serif;
	font-size:24pt;
	margin:0px;
}

.heading_desc
{
    color:black;
	padding-top:0px;
	padding-left:2px;
	font-family:Tahoma,Arial,Helvetica,Sans-serif;
	font-size:7.0pt;
	width:160px;
}

DIV.footer
{
    width:502px;
    height:30px;
    color:White;
   	font-family:Tahoma,Arial,Helvetica,Sans-serif;
	font-size:8pt;
}

DIV.footer a
{
    color:White;
	text-decoration:none;
}

.footerl
{
    width:200px;
    height:20px;
    float:left;
    padding-left: 20px;
    padding-top:16px;
}

.footerr
{
    float:left;
    width:250px;
    height:20px;
	font-size:7pt;
    padding-top:8px;
}

DIV.mrcf
{
	position: absolute;
	left: 40px;
	top: 14px;
	width: 133px;
	height: 317px;
	background:url(Mr-CF_270_shadow.png) no-repeat 0px 0px;	
	z-index:2;
}

#outer
{
	position:absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
}

#inner
{
	width: 769px;
	height: 309px;
	margin-left: -350px;
	position: absolute;
	top: -155px;
	left: 50%;
}


.gridHeaderStyle
{
    height:25px;
}

.grid
{
    color:#424715;
   	font-family:Tahoma,Arial,Helvetica,Sans-serif;
	font-size:8pt;
	height:10px;
	border-style:none;
	border-width:0px;
}

.gridRow
{
    background-color: #FFE7C1;
    height:50px;
}

table.details
{
   	font-family:Tahoma,Arial,Helvetica,Sans-serif;
	font-size:8pt;
	text-align:left;
	width:100%;
	height:10px;
}

td.title
{
    width:80px;
    padding-bottom:14px;
}

td.value
{
    width:200px;
    font-weight:bold;
    padding-bottom:14px;
}

input.edit
{
    font-family: Tahoma,Arial,Helvetica,Sans-serif;
	font-size: 8pt;
    border-style:solid;
    border-left-color:#98a6b4;
    border-top-color:#98a6b4;
    border-right-color:#c5cfd8;
    border-bottom-color:#c5cfd8;
    border-width:1px;
    height:18px;
}

.popupUrl
{
	text-decoration:none;
    color:#870026;
	font-family:Tahoma,Arial,Helvetica,Sans-serif;
	font-size:7.0pt;
	cursor:pointer;
}

.popupText
{
    width:160px;
    height:40px;
    background-color:#FFFF99;
    border: solid 1px #000000;
    padding: 2px;
}

.ValidatorText
{
    font-weight:normal;
    color:red;
}

.passwordstrength
{
    color:Black;
   	font-family:Tahoma,Arial,Helvetica,Sans-serif;
	font-size:8pt;
    background-color: #f9cb10;
}

select.dropdown
{
	font-family: Tahoma,Arial,Helvetica,Sans-serif;
	font-size: 8pt;
}