/* CSS Document */
body{
	margin:0;
	background:url(../images2/bg_main.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#CCCCCC;
	line-height:18px;
}

.clear{
	clear:both;
}
/*--------------------------------------|Navigation|----------------------------------*/
.top_nav_bg{
   width:100%;
   background:url(../images2/navigation_bg.gif) repeat-x;
  float:left;
}
.top_nav{
	width:980px;
	margin:0 auto;
	line-height:38px;
	height:38px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
}
.top_nav a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#CCCCCC;
	text-decoration:none;
}
.top_nav a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#D20000;
	text-decoration:none;
}


/*--------------------------------------|Navigation|----------------------------------*/

/*--------------------------------------|header|----------------------------------*/

.page{
	width:1000px;
	margin:0 auto;
	background:url(../images2/headerBg.jpg) no-repeat #000000;
	_height:300px;
    min-height:300px;
}

.logo{
	width:250px;
	height:140px;
	margin:0 auto;
}

/*--------------------------------------|header|----------------------------------*/

/*--------------------------------------|contentArea|----------------------------------*/

.contentArea{
	width:960px;
	margin:10px 0 0 0;
	padding:20px 20px 20px 20px;
	float:left;
	min-height:400px;
	_height:400px;
}
div[class="contentArea"]{
	padding:20px 20px 20px 20px;
}
.contentArea b{
	font-weight:normal;
}
.contentArea a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:underline;
}
.contentArea a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
}

.index_ul{
	margin:0 0 0 125px;
	padding:0;
	width:850px;
	list-style:none;
    float:left;
    display:inline;
}
/*div[class="index_ul"]{
    margin:0 0 0 240px;
}   */
.index_ul ul{margin:0; padding:0;}
.iconLi{
	margin:0;
	float:left;
	width:100px;
	_height:45px;
	min-height:45px;
    list-style:none;
    padding:5px;
}

.iconText{
	margin:5px 5px 5px 0;
	float:left;
	width:160px;
	_height:45px;
	min-height:45px;
    list-style:none;
    padding:5px;
    border-right:#666666 1px solid;
    border-top:#666666 1px solid;
    border-bottom:#666666 1px solid;
}
.iconText span{
    color:#CC0000;
}
.linkLi{
	margin:5px 0 5px 5px;
	float:left;
	width:45px;
	_height:45px;
     text-align:center;
    min-height:45px;
	list-style:none;
    padding:5px;
    border-left:#666666 1px solid;
    border-top:#666666 1px solid;
    border-bottom:#666666 1px solid;
}
/*.index_ul li{*/
	/*margin:0;*/
	/*float:left;*/
	/*width:200px;*/
	/*_height:28px;*/
	/*min-height:28px;*/
	/*list-style:none;*/
/*}*/
.index_ul li b{
	color:#CCCCCC;
	list-style:none;
}

.white_link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
a.white_link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
}
a.white_link:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

/*--------------------------------------|contentArea|----------------------------------*/

/*--------------------------------------|login|----------------------------------*/

.login_bg{
	background:url(../images2/loginBg.jpg) no-repeat;
	width:300px;
	height:150px;
	margin:0 auto;
    margin-top:130px;
    display:block;
	padding:65px 114px 0 114px;
}
.login_bg ul{
	width:300px;
	margin:0;
	padding:0;
}
.login_li1{
	width:90px;
	height:25px;
	float:left;
	padding:5px;
	list-style:none;
	text-align:right;
}
.login_li2{
	width:190px;
	height:25px;
	float:left;
	padding:5px;
	list-style:none;
}

/*--------------------------------------|login|----------------------------------*/

/*--------------------------------------|navigation|----------------------------------*/

.navigation{
	width:960px;
	background:#000000;
	float:left;	
	margin-bottom:20px;
}
.navigation_left{
	background:url(../images2/rc_left.jpg) no-repeat;
	width:30px;
	height:49px;
	display:block;
	float:left;
}
.navigation_area{
	width:900px;
	float:left;
	_height:49px;
	min-height:49px;
	background:url(../images2/rc_bg.jpg)  repeat-x;
	line-height:49px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#CCCCCC;
}
.navigation_area a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#CCCCCC;
	text-decoration:none;
}
.navigation_area a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#D20000;
	text-decoration:none;
}
.navigation_right{
	background:url(../images2/rc_right.jpg) no-repeat;
	width:30px;
	height:49px;
	display:block;
	float:left;
}

/*--------------------------------------|navigation|----------------------------------*/


/*--------------------------------------|list order|----------------------------------*/

.paging{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
	font-weight:normal;
	padding:3px;
	text-align:right;
	width:900px;
	margin-left:15px;
	float:left;
}
div[class="paging"]{
	margin-left:30px;
}
.paging a{
	font-family:Arial, Helvetica, sans-serif;
	color:#CC0000;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
}
.paging a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
}
.whiteTitle{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
	font-weight:BOLD;
	text-align:left;
	padding-left:20px;
}

.tBg{
	background:#000000;
	border:#333333 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size:14px;
	font-weight:BOLD;
	width:900px; 
	float:left;
	margin-left:15px;
}
div[class="tBg"]{
	margin-left:30px;
}
.tr1{
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size:14px;
	font-weight:normal;
	text-align:left;
}
.tr2{
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size:14px;
	font-weight:normal;
	text-align:left;
}

/*--------------------------------------|list order|----------------------------------*/


/*--------------------------------------|footer|----------------------------------*/

.footer_bg{
	background:url(../images2/footer_bg.gif) repeat-x;
	margin:-10px 0 0 0;
	width:100%;
	float:left;
}
.footer{
	width:980px;
	height:66px;
	line-height:66px;
	margin:0 auto;
	display:block;
}
.wvmagic_link{
	float:right;
	clear:both;
	width:68px;
	height:41px;
	margin:10px 0 0 0;
	background:url(../images2/wvLogo.jpg) no-repeat;
}

/*--------------------------------------|footer|----------------------------------*/

.user_mgmtForm{
	width:900px; 
	float:left; 
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}
.inputLabel{
	width:400px;
	float:left;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	padding-right:20px;
	margin-top:10px;
	padding-top:3px 5px 7px 5px; 
	display:block;
	list-style:none;
	font-size:14px;
	font-weight:normal;
	color:#CCCCCC;
}
.inputField{
	width:450px;
	text-align:left;
	float:left;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#CCCCCC;
	display:block;
	list-style:none;
	line-height:28px;
}
.textfieldInput{
	background:#292929;
	border:#3C3C3C 1px solid;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#CCCCCC;
	text-decoration:none;
	width:150px;
}
.common_Input{
	background:#292929;
	border:#3C3C3C 1px solid;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#CCCCCC;
	text-decoration:none;
}

/*------------------------------------|btn submit|-------------------------------*/

.btnsubmit{
	background:url(../images2/btnBg.jpg) repeat-x;
	height:20px;
	border:#B9B9B9 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
    font-weight:bold;
}
.btnsubmit1{
	background:url(../images2/btnBg.jpg) repeat-x;
	height:30px;
	border:#B9B9B9 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
    font-weight:bold;
}
.note_text{
	width:96%;
	float:left;
	margin:10px 0 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#CCCCCC;
	font-weight:normal;
}
.viewTitle{
	width:960px;
	margin-top:30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size:14px;
	font-weight:bold;
	float:left;
	padding:0px;
	clear:both;
}
.view_ul{
	margin:0px;
	padding:0px;
	list-style:none;	
}

.view_label{
	width:40%;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	list-style:none;
	line-height:20px;
	margin-top:5px;
}
.view_detail{
	width:50%;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	padding-left:10px;
	list-style:none;
	line-height:20px;
	margin-top:5px;
}

/*------------------------------------|lyric parts button|-------------------------------*/

.verseButton{
   background:url(../images2/btn_blue_01.jpg) repeat-x;
    padding:0;
    color:#FFF;
    height:25px;
    border:1px solid #000;
	width:100px;
}
.chorusButton{
   background:url(../images2/btn_red_01.jpg) repeat-x;
    padding:0px;
    color:#FFF;
    height:25px;
    border:1px solid #000;
	width:100px;
}
.bridgeButton{
   background:url(../images2/btn_dark-yellow_01.jpg) repeat-x;
    padding:0px;
    color:#FFF;
    height:25px;
	width:80px;
    border:1px solid #000;
}

.tagButton{
   background:url(../images2/btn_dark-purple_01.jpg) repeat-x;
    padding:0px;
    color:#FFF;
    height:25px;
	width:65px;
    border:1px solid #000;
}
.soloButton{
   background:url(../images2/btn_orange_01.jpg) repeat-x;
    padding:0px;
    color:#FFF;
    height:25px;
    border:1px solid #000;
	width:65px;
}
.subButton{
   background:url(../images2/btn_green_01.jpg) repeat-x;
    padding:0;
    color:#FFF;
    height:25px;
    border:1px solid #000;
}
.addAnotherButton{
   background:url(../images2/btn_light-Purple_01.jpg) repeat-x;
    padding:0px;
    color:#FFF;
    height:25px;
    border:1px solid #000;
	width:130px;
}
.button{
   background:url(../images2/submit_btn.jpg) repeat-x;
    padding:0px;
	width:65px;
    color:#FFF;
    height:25px;
    border:1px solid #000;
}
.actionMessage li{
   list-style:none;
}
a.submenulink, a.submenulink:link, a.submenulink:active, a.submenulink:visited,a.submenulink:hover{
   font-size:12px;
}

.subButtonRed {
   background:url("/images2/sc/btn_submitRed.jpg") repeat-x;
    padding:0px;
    color:#FFF;
    height:25px;
    border:1px solid #000;
}

.subcontinueRed {
   background:url("/images2/continue_btn.jpg") no-repeat;
    padding:0px;
    color:#FFF;
    margin-top:40px;
    cursor:pointer;
    width:105px;
    height:30px;
    border:1px solid #000;
}