@charset "utf-8";

body{ 
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	background:#000 url(../images/bdyBg.gif) repeat-x;
	/*overflow-y:scroll;*/
}
*{padding:0; margin:0; outline:none;}
li{list-style:none;}
a{text-decoration:none; color:#cc0000}
img, fieldset, button{border:none; background:none}
p{line-height:18px; margin-bottom:18px}
.clear{width:100%; height:1px; margin:0; overflow:hidden; clear:both}

/*----All buttons-----*/

button, .btm{text-indent:-1000px; overflow:hidden; position:fixed; background-repeat:no-repeat; cursor:pointer; border:none; background-color:transparent}
.butnMoreOrng, .butnMySongfile, .butnMoreGren, .butnLoginBlue, .butnMoreBlue, .butn_searchRD, .butnLoginOrng, .butnRegisterOrng{width:85px; height:23px; background-image:url(../images/butn_moreOrng.png); position:absolute; left:159px; bottom:3px}
.butnMoreGren{background-image:url(../images/butn_moreGren.png)}
.butnMoreBlue{background-image:url(../images/butn_moreBlue.png)}
.butnLoginBlue{background-image:url(../images/butn_loginBlue.png)}
.butnLoginOrng{background-image:url(../images/butn_loginRD.png)}
.butnMySongfile{align:left; background-image:url(../images/btn_mySongfile.png)}
.butnRegisterOrng{background-image:url(../images/butn_registerRD.png)}
.butnLoginSmall{width:66px; height:19px; background-image:url(../images/butn_loginBs.png); position:absolute; right:6px; bottom:13px}
.butn_searchRD{width:126px; background-image:url(../images/butn_searchRD.png); left:auto; right:6px}
.butn_demoRD{width:223px; background-image:url(../images/ViewDemoButtonv2.PNG);left:auto; right:6px}
button:hover, .btm:hover{background-position:left bottom}
/*---------------------*/

#wrap{
	width:990px;
	margin:0 auto;
	text-align:left;
}
/*===TOP NAV====*/
#hdr{width:100%; height:124px;/*125*/ padding-bottom:1px; float:left; position:relative; z-index:5}
#hdr p, a.pgAdmin{width:983px;/*990*/ height:20px; padding-right:7px; text-align:right; font:10px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif; margin:0}
#hdr p a{margin:0 14px}
a.pgAdmin{width:212px;/*218*/ height:auto; padding:0 6px 0 0; float:left; position:absolute; border-right:1px solid #666}

#tpNav1 a:hover, #tpNav1.selected a{background-position:-281px top}
#tpNav2 a:hover, #tpNav2.selected a{background-position:-562px top}
#tpNav3 a:hover, #tpNav3.selected a{background-position:-843px top}
#tpNav4 a:hover, #tpNav4.selected a{background-position:right top}

/*===TOP LEFT NAV===*/
#tpLftNav{width:280px; height:104px; overflow:hidden; position:absolute; left:-62px; top:20px; border-right:1px solid #666; text-align:right}
#tpLftNav li{width:100%; height:25px; padding:1px 0 0; float:left; background:url(../images/topLeftLinks.png) no-repeat}
#tpLftNav li#tpNav1{background:none}
#tpLftNav li a{width:274px;/*280*/ padding-right:6px; line-height:25px; background-image:url(../images/topLeftLinks.png); background-repeat:no-repeat; background-position:left -50px; display:block; color:#fff}
#tpLftNav li a:hover, #tpLftNav li.selected a{background-repeat:repeat-y}
#tpLftNav li a b{width:100%; line-height:25px; background-repeat:no-repeat; background-position:right top; display:block; text-indent:-1000px; overflow:hidden; text-align:left}
#tpNav1 a b{background-image:url(../images/tpLftLnk_paraEspanol.png)}
#tpNav2 a b{background-image:url(../images/tpLftLnk_publisher.png)}
#tpNav3 a b{background-image:url(../images/tpLftLnk_licensees.png)}
#tpNav4 a b{background-image:url(../images/tpLftLnk_hfaOnline.png)}

/*============= : PRIMARY NAV STARTS : ==============*/
#mainNav{width:771px;/*990*/ height:103px;/*104*/ padding:1px 0 0 219px; font-size:14px; font-weight:normal; font-family: HelveticaNeueLT Std light, verdana, tahoma,arial}
#mainNav li{height:100%;/*103*/ line-height:18px; text-align:center; border-right:1px solid #666; float:left; position:relative; z-index:3; cursor:pointer}
#mainNav li a{width:100%; padding:76px 0 9px; color:#fff; display:block}
/*----1st level------*/
#mainNav li ul{width:199px; border:1px solid #636363; border-top:none; font-size:10px; font-weight:normal; position:absolute; left:-1px; top:103px; display:none}
#mainNav li:hover ul, #mainNav li.hover ul{display:block}
#mainNav li li{width:100%; height:auto;/*20px;*/ padding:0; text-align:left; border-top:1px solid #636363; border-right:none}
#mainNav li li a{width:181px;/*199*/ line-height:14px;/*20*/ padding:3px 9px;}
#mainNav li#mainNav5 ul, #mainNav li#mainNav6 ul, #mainNav li#mainNav4 ul{left:auto; right:-1px}
#mainNav li#mainNav5 ul li, #mainNav li#mainNav6 ul li, #mainNav li#mainNav4 ul li{text-align:left}
/*----2nd level------*/
#mainNav li:hover li ul, #mainNav li.hover li ul{display:none}
#mainNav li li:hover ul, #mainNav li li.hover ul{display:block}
#mainNav li li ul{left:199px; top:-1px}
#mainNav li#mainNav5 li ul, #mainNav li#mainNav6 li ul, #mainNav li#mainNav4 li ul{left:-201px; right:auto}
/*----3rd level------*/
#mainNav li li:hover li ul, #mainNav li li.hover li ul{display:none}
#mainNav li li li:hover ul, #mainNav li li li.hover ul{display:block}
#mainNav li li li ul{left:199px; top:-1px}
#mainNav li#mainNav5 li li ul, #mainNav li#mainNav6 li li ul, #mainNav li#mainNav4 li li ul{left:-201px; right:auto}
/*----4th level------*/
#mainNav li li li:hover li ul, #mainNav li li li.hover li ul{display:none}
#mainNav li li li li:hover ul, #mainNav li li li li.hover ul{display:block}
#mainNav li li li li ul{left:199px; top:-1px}
#mainNav li#mainNav5 li li li ul, #mainNav li#mainNav6 li li li ul, #mainNav li#mainNav4 li li li ul{left:-201px; right:auto}
/*=============== : PRIMARY NAV ENDS : ================*/


/*====BANNER====*/
#banner{width:100%; height:276px;/*278*/ float:left; position:relative; z-index:0; overflow:hidden}
#banner object#flash{position:absolute; left:0; top:0; z-index:-1}
/*#banner img{display:block}*/

/*====FOOTER===*/
#ftr{
	width:100%;
	height:83px;
	margin:0 auto;
	background:#333 url(../images/ftrBg.gif) repeat-x;
}
#ftrCont{width:765px;/*990*/ height:75px;/*83*/ padding:8px 27px 0 198px; overflow:hidden; margin:0 auto; font-size:9px; text-align:left; color:#666; position:relative; background:#333 url(../images/ftrBg.gif) repeat-x}
#ftrHfa{width:59px; height:32px; background:url(../images/logoFtr.gif) no-repeat left top; text-indent:-1000px; overflow:hidden; display:block; position:absolute; left:139px; top:15px}
#ftrCont p{width:450px;/*535*/ line-height:12px; float:left; margin-bottom:6px; overflow:hidden}
#ftrCont p a{margin:0 11px; color:#999}
#ftrCont p b{padding:0 0 4px 10px; display:block}
#ftrCont p small{display:block; padding-left:10px; font-size:10px}
#ftrCont p#ftrIcons{width:307px; height:42px; padding-top:3px; float:right}
#ftrCont p#ftrIcons a{height:38px; text-indent:-1000px; overflow:hidden; background-repeat:no-repeat; float:left; margin:0}
#ftrCont p#ftrIcons a#ftrNmpa{width:64px; background-image:url(../images/logoNMPA.gif); margin-right:11px}
#ftrCont p#ftrIcons a#ftrLinked{width:76px; background-image:url(../images/Linkedin_small.png)}
#ftrCont p#ftrIcons a#ftrLord{width:26px; background-image:url(../images/ftrLord.gif); margin-right:20px}
#ftrCont p#ftrIcons a#ftrFB{width:30px; background-image:url(../images/FaceBook-icon.png); margin-right:20px}
#ftrCont p#ftrIcons a#ftrTwitter{width:30px; background-image:url(../images/Twitter-icon.png); margin-right:20px}

/*==============================================================
						MAIN CONTAINER
================================================================*/

#container{width:100%;/*990*/ padding-top:1px; float:left; position:relative; z-index:4}

/*==============================================================
						LEFT LINKS AREA
================================================================*/
#leftLinks li.lLink1 h3 a{background-color:#3366cc}
#leftLinks li.lLink2 h3 a{background-color:#cc6600}
#leftLinks li.lLink3 h3 a{background-color:#006666}

#searchLinks, #searchLinksIn1, #searchLinksIn2{background:url(../images/searchLinksBg.png) no-repeat center top}
#searchLinks{width:239px; background-repeat:repeat-y; float:left; position:relative; top:-19px; left:-2px}
#searchLinksIn1{width:100%; background-position:left top; float:left; position:relative; top:-4px}
#searchLinksIn2{width:235px;/*239*/ background-position:right bottom; padding:0 2px 1px; float:left; position:relative; bottom:-8px}

#searchLinks h2{font-size:20px; line-height:36px; text-indent:-1000px; background:url(../images/h2_links.png) no-repeat 8px top; margin-top:-4px}
#searchLinks form h2{background:url(/HFACMS/css/h2_siteSearch.png) no-repeat 5px top; margin:0 0 -2px}
#searchLinks form{width:197px;/*235*/ padding:14px 34px 0 4px; float:left}

p.searchHere{width:100%; height:18px;/*20*/ padding:1px 0; background:url(../images/search.png) no-repeat}
p.searchHere input{width:155px; height:12px;/*18*/ padding:3px 0 3px 9px; color:#999; font:10px/12px Verdana, Arial, Helvetica, sans-serif; background:none; border:none; float:left}
p.searchHere .searchSubmit{width:30px; height:18px; float:right; cursor:pointer}

#leftLinks{width:100%; min-height:250px; float:left}
#leftLinks li{width:100%; float:left; border-bottom:1px solid #000}
#leftLinks li h3{width:100%; display:block; border-top:1px solid #fff; font-size:11px; font-weight:bold; position:relative}
#leftLinks li h3 a{width:193px;/*235*/ padding:0 35px 0 7px; color:#fff; line-height:21px; display:block}
#leftLinks li h3 b{width:14px; height:10px; display:block; cursor:pointer; text-indent:-1000px; overflow:hidden; background:url(../images/plusMinus.gif) no-repeat left top; position:absolute; right:21px; bottom:5px; z-index:2}
#leftLinks li h3 b:hover, #leftLinks li h3 b.hover, #leftLinks li.lLinkOpen h3 b{background-position:left -11px}
#leftLinks li.lLinkOpen h3 b:hover, #leftLinks li.lLinkOpen h3 b.hover{background-position:left top}
/*---1st Level---*/
#leftLinks li ul{width:223px;/*235*/ padding:1px 7px 0 5px; float:left; position:relative; display:none; margin-bottom:-2px;/*just to hide border*/}
#leftLinks li li{width:220px;/*223*/ padding:0 0 0 3px; border:0; border-bottom:1px solid #fff}
#leftLinks li li.lastList{width:209px;/*223*/ padding-right:11px; text-align:right}
#leftLinks li li a{color:#ccc; line-height:22px; font-size:9px; display:block}
#leftLinks li li a:hover{color:#ffcc66;}
/*---2nd Level---*/
#leftLinks li li ul{width:210px;/*220*/ padding:0 0 0 10px; display:none; margin:0}
#leftLinks li li li{width:100%; padding:0; border:0; border-top:1px solid #fff}
#leftLinks li li li a{padding:5px 0; line-height:12px;/*22*/}
/*---subNav open--*/
#leftLinks li.lLinkOpen ul{display:block}

/*==============================================================
						HOME
================================================================*/
#rightCont{width:751px; padding-bottom:5px; float:right}
#colouredFeature{width:100%; height:166px; padding:4px 0 0; position:relative; z-index:2; margin:-6px 0 0; float:right}
#colouredFeature li{width:232px;/*251*/ height:114px;/*160*/ padding:20px 7px 26px 12px; float:left; background-repeat:no-repeat; position:relative; margin:6px 0 0}
#colouredFeature li.songFile{width:236px; padding-left:8px}
#colouredFeature li.lastList{padding-right:5px}

#colouredFeature li.widthTwice{width:480px;/*499*/}
#colouredFeature li.heightLarger{height:142px;/*188*/}
#colouredFeature li.botmFeatureType2{width:480px;/*499*/ height:auto; padding:0 7px 5px 12px}

#colouredFeature li.botmFeatureType2 h3{color:#cc0001; font-size:18px; font-weight:normal; line-height:22px; margin-bottom:3px}
#colouredFeature li.botmFeatureType2 p{color:#999; font-size:10px; line-height:13px; margin-bottom:10px}


#colouredFeature h2{height:25px; text-indent:-1000px; overflow:hidden; background-repeat:no-repeat; position:relative; left:-2px}
#colouredFeature .songFile h2{height:29px; margin-bottom:-2px; margin-left:4px}
#colouredFeature p{font-size:10px; line-height:13px; color:#fff; margin:0}
/*#colouredFeature .cFeature3HL{float:right; clear:right}*/
#colouredFeature .cFeature3HL p{line-height:15px}
#register{position:absolute; right:8px; top:3px; font-size:10px; line-height:11px; text-transform:uppercase; color:#fff}
#register:hover{text-decoration:underline}

/*==============================================================
				USERNAME AND PASSWORD
================================================================*/

.cFeatureForm{width:100%; padding:6px 0 0; overflow:hidden}
.cFeatureForm .input{width:142px;/*146*/ height:14px;/*16*/ line-height:14px; padding:1px 0 1px 4px; border:1px solid #c4c5ca; float:left; clear:both; font-size:10px; color:#999; margin-top:2px}
.cFeatureForm .password{width:142px;/*146*/ height:14px;/*16*/ line-height:14px; padding:1px 0 1px 4px; border:1px solid #c4c5ca; float:left; clear:both; font-size:10px; color:#999; margin-top:2px}

#botmFeature{width:100%; position:relative; margin-top:-27px; z-index:1; float:right}
li.bFeature{width:211px;/*251*/ min-height:207px;/*235*/ padding:48px 18px 0 22px; float:left; background:url(../images/botmFeatureDivider.png) no-repeat 249px top; position:relative; font-size:10px; color:#999}
#botmFeature li.lastList{padding-right:15px}

.forgot{float:left; height:28px; padding:4px 0 0 110px; font-size:9px; overflow:hidden}
.forgot a{width:105px; float:left; clear:both; line-height:14px; color:#ccc; background:url(../images/bullet_arrow.gif) no-repeat; padding-left:9px}
.forgot a:hover{text-decoration:underline}

.bFeature h3{width:204px; height:31px; border:1px solid; border-color:#666 #5f5f5f #666 #c5c5c5; margin-bottom:8px; position:relative}
.bFeature h3 img{width:173px; float:left}
.bFeature h3 span{width:30px; height:31px; display:block; float:right; border-left:1px solid #5e5e5e}
.bFeature h4{height:36px; text-indent:-1000px; overflow:hidden; background-repeat:no-repeat; margin-bottom:2px}
.bFeature p{line-height:13px}


.view{font-size:10px; position:absolute; left:19px; bottom:11px}


/*--------START 2nd Style-------------*/
ul#botmFeature_2{width:100%; padding-bottom:7px; position:relative; z-index:3; margin-top:10px; float:right}
li.bFeature_2{width:210px;/*248*/ height:168px;/*211*/ padding:13px 16px 30px 22px; float:left; background:url(../images/bFeature_2.gif) no-repeat; font-size:10px; color:#999; position:relative; margin-right:3px; /*overflow:hidden*/}
ul#botmFeature_2 li.lastList{margin:0}

.bFeature_2 h3{height:33px; padding-right:8px; margin-bottom:6px; position:static}
.bFeature_2 h3 img{width:173px; display:block; border:1px solid; border-color:#666 #5e5e5e #666 #c5c5c5; margin:0 auto}
.bFeature_2 p{line-height:13px}

a.butnMoreBF{width:83px; height:23px; background:url(../images/butn_moreBtmFetr.png) no-repeat; text-indent:-1000px; overflow:hidden; float:right; position:absolute; left:161px; bottom:9px}
a.butnMoreBF:hover{background-position:left bottom}
/*---------END 2nd Style-------------*/


/*========================[Page: otherhomeON.html]==========================*/
#newsList{width:100%; overflow:hidden}
#newsList li{width:100%; padding-bottom:9px; float:left; line-height:14px}
#newsList li b{display:block}
#newsList li a:hover, .view:hover{color:#ff9900}
#newsList li a strong{color:#fff}


/*========================[Page: otherhomeON.html]==========================*/
#colouredFeature .catalogMgmnt h2{height:29px; margin-bottom:-2px; margin-left:2px}


/*====================================================================================
							[SubPages Structure]
======================================================================================*/
.subPage #banner{height:141px; /*background:url(../images/bnr_licenseMusic.png) no-repeat right bottom*/}
#banner h1{width:202px;/*219*/ height:108px;/*134*/ padding:26px 0 0 17px; float:left}
#banner h1 a{width:100%; height:100%; display:block; /*text-indent:-1000px; overflow:hidden; background:url(../images/logo.gif) no-repeat*/}
#banner h1 img{display:block}
.bnrImg{position:absolute; right:0; top:0; margin:0; float:right}

#lftCont{width:216px;/*219*/ padding:43px 2px 0 1px; float:left}
#midCont{width:689px;/*771*/ padding:43px 0 11px 25px; float:left;}
#rgtCont{width:192px; padding-top:31px; float:right}
.cols2 #rgtCont{display:none} /*Logically seems OK*/
.cols3 #midCont{width:496px}

.colsMulti, .colsMultiIn, .colsMultiInMost{background-repeat:no-repeat; background-position:center top; float:left; position:relative}
.colsMulti{width:990px; margin:34px 0 29px;/*22+7(extra)=29*/ background-repeat:repeat-y}
.colsMultiIn{width:100%; background-position:left top; top:-34px}
.colsMultiInMost{width:100%; min-height:600px; background-position:right bottom; margin-bottom:-56px}
/*======================================================================*/


/*===========lftCont Style===================*/
#lftCont form{width:197px;/*216*/ padding:0 6px 62px 13px}

#leftColsNav{width:100%; padding-bottom:1px; overflow:hidden; background:url(../images/leftLinksShade.png) repeat-y right top}
#leftColsNav li{width:100%; /*height:22px;*/ padding-top:1px; float:left; font-size:10px;/*11px cause line breaking problem*/ font-weight:bold; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; position:relative}
#leftColsNav li h3{width:100%; height:auto; margin:0; overflow:hidden; font-size:10px; line-height:22px; font-weight:bold; position:relative}
#leftColsNav li a{width:186px;/*216*/ padding:4px 14px 4px 16px; line-height:14px; color:#fff; background:url(../images/leftLinksShade.png) repeat-y right top; display:block}
#leftColsNav li h3 b{width:14px; height:10px; display:block; cursor:pointer; text-indent:-1000px; overflow:hidden; background:url(../images/plusMinus.gif) no-repeat left top; position:absolute; right:21px; bottom:5px; z-index:1}
#leftColsNav li h3 b:hover, #leftColsNav li h3 b.hover, #leftColsNav li.subOpen h3 b{background-position:left -11px}
#leftColsNav li.subOpen h3 b:hover, #leftColsNav li.subOpen h3 b.hover{background-position:left top}
#leftColsNav li.subOpen li h3 b{background-position:left top}
#leftColsNav li.subOpen li h3 b:hover, #leftColsNav li.subOpen li h3 b.hover{background-position:left -11px}
#leftColsNav li.subOpen li.subOpen h3 b, #leftColsNav li.subOpen li.subOpen h3 b{background-position:left -11px}
#leftColsNav li.subOpen li.subOpen h3 b:hover, #leftColsNav li.subOpen li.subOpen h3 b.hover{background-position:left top}
/*---1st Level---*/
#leftColsNav li ul{width:100%; overflow:hidden; display:none}
#leftColsNav li.subOpen ul{display:block}
#leftColsNav li li{font-size:10px}
#leftColsNav li li a{width:176px;/*186*/ line-height:11px;/*22*/ padding:5px 14px 6px 26px; color:#fff}
/*---2nd Level---*/
#leftColsNav li.subOpen li ul{display:none}
#leftColsNav li.subOpen li.subOpen ul{display:block}
#leftColsNav li li li a{width:166px;/*186*/ padding-left:36px;}

/*===========midCont Style [DEFAULTS]===================*/
#breadcrumb{width:100%; padding-bottom:11px; font-size:10px; line-height:14px; overflow:hidden; margin-top:-25px}
#breadcrumb a, #breadcrumb b{float:left; padding-right:16px; margin:0 7px 0 3px; color:#ccc; background:url(../images/breadcrumb.gif) no-repeat right top}
#breadcrumb a:hover{text-decoration:underline}
#breadcrumb b, #breadcrumb .lastList{background:none; padding:0; margin-right:0; font-weight:normal}

#midCont h1{font-size:16px; line-height:18px}
#midCont h2{font-size:12px; line-height:18px}
#midCont h2 span{padding:0px 4px 0px 4px; color:white; background-color:#003399}

#midCont h3{font-size:11px; line-height:18px}
#midCont p{line-height:18px; margin-bottom:18px; color:#302226}
#midCont h4{font-size:11px; line-height:18px; font-weight:normal}
#midCont strong{color:#302226}
#midCont td {color:#302226}

/*===========$$#%$# Bullets===================*/
#midCont ul, #midCont ol{width:97%; padding:0 0 18px 18px; overflow:hidden}
#midCont ul li{padding:0 0 15px 2px; line-height:14px; list-style-type: disc; color:#302226}
#midCont ol li{width:98%; padding:0 0 5px 2%; float:left; line-height:14px; list-style:inside decimal; color:#302226}
#midCont li{list-style:none; color:#302226}

/*===========rgtCont Style===================*/
.registeredUsers{width:177px;/*192*/ padding:20px 6px 41px 7px; background:url(../images/regUsersBg.png) no-repeat; overflow:hidden; position:relative; margin-top:-31px}
.registeredUsers h1{width:100%; height:19px; text-indent:-1000px; overflow:hidden; background:url(../images/registeredUsers.png) no-repeat; margin-bottom:3px}
.registeredUsers input{width:174px; height:14px; line-height:14px; padding:1px 0 1px 2px; border:1px solid #c4c5ca; display:block; font-size:10px; color:#999; margin-top:2px}
.registeredUsers p{font-size:10px; color:#ccc; line-height:12px; margin-bottom:6px}

.rgtItems{width:175px;/*192*/ padding:14px 7px 31px 10px}
.rgtItems h3{width:173px; height:31px; border:1px solid; border-color:#666; overflow:hidden; margin-bottom:8px; position:relative; left:-1px}
.rgtItems h3 img{width:173px; float:left}
.rgtItems h4{height:38px; text-indent:-1000px; overflow:hidden; background-repeat:no-repeat; margin-bottom:-1px}
.rgtItems p{line-height:14px; font-size:10px; padding-left:1px; margin-bottom:13px}
.rgtItems a{line-height:14px; padding-left:1px; font-size:10px; color:#0099cc}
.rgtItems a:hover{text-decoration:underline}
.rgtItemsForms span{width:175px;/*192*/ padding:14px 7px 31px 10px;height:60px;display:block}

/*===================================================DIPU-18-07-2009=====================================================*/

#midCont.midCont2{width:716px;/*771*/ padding:43px 27px 11px 28px; float:left}

/*------------breadcrumb2--------------*/
#breadcrumb.breadcrumb2{width:100%; padding-bottom:11px; font-size:10px; line-height:14px; overflow:hidden; margin-top:-25px}
#breadcrumb.breadcrumb2 a{margin:0 5px 0 3px; font-weight:bold; color:#3366cc; background:url(../images/breadcrumb2.gif) no-repeat right 4px}
#breadcrumb.breadcrumb2 .lastList{background:none; padding:0; margin-right:0}
#breadcrumb.breadcrumb2 span{float:left; color:#999}
#breadcrumb.breadcrumb2 label{float:right; color:#999}
#breadcrumb label{float:right; color:#999}

/*-----------------[page:contentlist]------------------*/
.content_list{width:716px;/*716*/  overflow:hidden}
/*.tbl_01{font-size:11px}
.tbl_01 .clr_01 td{background-color:#f7f7f7}
.tbl_01 .clr_02 td{background-color:#eeebeb}
.tbl_01 .td_fst{border-left:1px solid #cecece}
.tbl_01 .td_last{border-right:1px solid #cecece}

.tbl_01 th, .tbl_01 td{border-bottom:1px solid #cecece; padding:3px 0}
.tbl_01 th.th_01{padding-left:16px}
.tbl_01 td.td_01{padding-left:8px}
.tbl_01 td.td_02 select{width:80px; font-size:9px; color:#666}
.tbl_01 td.td_02 a{color:#cc0000; font-size:10px; margin-left:7px; text-decoration:underline}
.tbl_01 td.td_03 select{width:40px; font-size:9px; color:#666}
.tbl_01 td.td_04 select{width:62px; font-size:9px; color:#666}
.tbl_01 td.td_06{padding-right:13px}*/

/*-------------updated------------------*/
.tbl_01{width:100%; padding:0; margin:0; font-size:11px}
.tbl_01 .clr_01 td{background-color:#f7f7f7}
.tbl_01 .clr_02 td{background-color:#eeebeb}
.tbl_01 .td_fst{border-left:1px solid #cecece}
.tbl_01 .td_last{border-right:1px solid #cecece}
.tbl_01 th, .tbl_01 td{border-bottom:1px solid #ccc; padding:4px 0}
.tbl_01 th{color:#999;background-color:#333;}

.td_01, .td_02, .td_03, .td_04, .td_05, .td_06{border-bottom:1px solid #cecece; padding:3px 0}
.tbl_01 th.th_01{padding-left:16px}

.tbl_01 td.td_01{width:204px}
.tbl_01 td.td_02{width:82px}
.tbl_01 td.td_03{width:84px}
.tbl_01 td.td_04{width:65px}
.tbl_01 td.td_05{width:111px}
.tbl_01 td.td_06{width:100px}

.tbl_01 td.td_01{padding-left:8px}
.tbl_01 .tbl_01 .td_01{width:204px; padding-left:8px}
.tbl_01 .tbl_01 .tbl_01 .td_01{width:167px;/*204*/ padding-left:45px}
.tbl_01 .tbl_01 .tbl_01 .tbl_01 .td_01{width:137px;/*204*/ padding-left:75px}

.tbl_01 td.td_02 select{width:80px; font-size:9px; color:#666}
.tbl_01 td.td_02 a{color:#cc0000; font-size:10px; margin-left:7px; text-decoration:underline}
.tbl_01 td.td_03 select{width:40px; font-size:9px; color:#666}
.tbl_01 td.td_04 select{width:62px; font-size:9px; color:#666}
.tbl_01 td.td_06{padding-right:13px}
/*---------------------------------------*/

.butn_div{width:706px;/*716*/ padding-right:10px; overflow:hidden}
.butnSubmit{width:78px; height:19px; display:block; float:right; text-indent:-1000px; overflow:hidden; background:url(../images/butn_submit.gif) no-repeat; margin-top:9px}
.butnAdd{width:78px; height:19px; display:block; float:right; text-indent:-1000px; overflow:hidden; background:url(../images/butn_add.gif) no-repeat; margin-top:9px}

.butnSubmitB{width:78px; height:19px; display:block; float:left; text-indent:-1000px; overflow:hidden; background:url(../images/butn_submitB.gif) no-repeat; margin-top:9px}
.btnClose{width:78px; height:19px; display:block; float:right; text-indent:-1000px; overflow:hidden; background:url(../images/butn_close.gif) no-repeat; margin-top:9px}
/*-----------------[page:contentcollection_view1]------------------*/
.contentcollection_view1{width:500px;/*716*/ padding:0 202 0 14px; overflow:hidden}
.butn_editPG, .butn_addPG, .butn_publish{width:113px; height:19px; text-indent:-1000px; overflow:hidden; position:absolute; right:27px; top:47px; background:url(../images/butn_editPG.gif) no-repeat}
.butn_addPG{background-image:url(../images/butn_addPG.gif); top:77px}
.butn_publish{background:url(../images/butn_publish.gif); top:110px}

/*-----------------[page:contentcollection_view2]------------------*/

/*initial form display setup*/
#cc_tab2 .tabMain, #cc_tab3 .tabMain, #cc_tab4 .tabMain, #cc_tab2 .butn_div, #cc_tab3 .butn_div, #cc_tab4 .butn_div, #errorMsg{ display:none;}
#quickLinkBox, #homePageBox{ display:none;}

.contentcollection_view2{width:716px;/*716*/ overflow:hidden; padding-top:0px; font-family:"Tahoma", Arial, Helvetica, sans-serif}
 #midCont .cc_view2{width:716px;/*716*/ overflow:hidden; padding:17px 0 0; position:relative}
 #midCont .cc_view2 li.comnTab{width:714px; padding:0; float:left; background:none}
.cc_view2 li.comnTab em{width:136px;/*140*/ height:16px; padding:0 0 0 4px; border:1px solid #ccc; border-bottom:none; background-color:#666; color:#ccc; font-style:normal; line-height:15px; font-weight:bold; position:absolute; left:0; top:0; cursor:pointer; display:block}
.cc_view2 li.comnTab em.tabOpen, .cc_view2 li.comnTab em:hover, .cc_view2 li.comnTab em.hover{background-color:#fff; color:#003399}
.cc_view2 li.comnTab em.tabOpen{height:17px}
#cc_tab2 em{left:145px}
#cc_tab3 em{left:290px}
#cc_tab4 em{left:436px}
.cc_view2 li.comnTab .tabMain{width:714px;/*714*/ border:1px solid #ccc}

.errorMsg{width:716px; height:44px;/*64*/ padding:20px 0 0; overflow:hidden}
.errorMsg p{float:right}
.errorMsg p label{float:left; font-size:10px; padding-right:8px; line-height:20px; color:#999}
.errorMsg p span{width:30px; height:18px; border:1px solid #ccc; float:left; background-color:#ccccff}

/*-------------cc_tab1-------------*/
#cc_tab1 .tabMain{width:714px;/*714*/ padding:0 0}
.row1{width:100%; overflow:hidden; padding:17px 0 0}
.singleRow{width:100%; padding-bottom:5px; display:block; overflow:hidden}
.spn_1{width:133px;/*140*/ padding-right:7px; float:left; line-height:20px; text-align:right}
.spn_2{padding:0 15px 0 5px; float:left; line-height:20px}

.inp_1{width:242px;/*248*/ height:14px;/*18*/ padding:2px 3px; line-height:14px; border:1px solid #ccc; color:#666; font-size:11px; float:left}
.inp_2{width:13px; height:13px; float:left; margin-top:3px}
.inp_3{float:left}
.inp_4{width:13px; height:13px; float:left; margin-top:3px}

.inp_error{background-color:#ccccff}/*this is only for error text box*/

.qckLInk{width:704px;/*714*/ padding-right:10px; border:solid #ccc; border-width:1px 0; background-color:#003399; color:#fff; overflow:hidden}
.qckLInk .spn_3{float:right; line-height:20px; font-size:10px}

.lftDiv{width:475px; float:left}
.tArea_1{width:242px;/*248*/ height:54px;/*58*/ padding:2px 3px; line-height:14px; border:1px solid #ccc; float:left; color:#666; font-size:11px}

.singleRow small{width:392px; float:left; display:block; text-align:right; font-size:10px}
#homePageBox{ border-bottom:1px solid #ccc}

.rgtDiv{width:140px;/*190*/ padding:23px 50px 0 0; float:right}
.motive{width:140px; overflow:hidden}
.motive img{float:left}
.motive p{width:95px; float:right; font-size:10px; line-height:12px}
.motive p strong{color:#333}

.rgtDiv2{width:220px;/*225*/ padding:0 5px 0 0; float:right}
.rgtDiv2 img{float:left}
.rgtDiv2 p{width:108px; padding-top:15px; float:right; font-size:10px; line-height:12px}
.rgtDiv2 p strong{color:#333; display:block}
.rgtDiv2 p a{color:#FF0000}

.tArea_2{width:554px;/*560*/ height:315px}


/*====================================================================================
					ADMIN
======================================================================================*/
/*---------butnDiv--------*/
.contentcollection_view2 .butn_div{width:714px;/*716*/ padding:0; overflow:hidden}
.butnNextImgry{width:112px; height:19px; display:block; float:left; text-indent:-1000px; overflow:hidden; background:url(../images/butn_nextInagery.gif) no-repeat; margin-top:9px}

/*-------------cc_tab2-------------*/
#cc_tab2 .tabMain{width:714px;/*714*/ padding:0 0}
.imgry{width:100%;/*714*/ padding:11px 0 0; overflow:hidden}
.imgry dd{width:704px;/*714*/ padding:0 10px 7px 0; overflow:hidden}
.imgry dd label{float:left}
.imgry dd label small{display:block; font-size:10px; line-height:15px}
.imgry dd img{float:right}
.butnNextDisplay{width:112px; height:19px; display:block; float:left; text-indent:-1000px; overflow:hidden; background:url(../images/butn_nextDisplay.gif) no-repeat; margin-top:9px}

/*-------------cc_tab3-------------*/
#cc_tab3 .tabMain{width:714px;/*714*/ padding:0}
.publish_01{width:714px; padding:10px 0 0}
.publish_01 div.singleRow{padding-bottom:10px}
.publish_01 input.inp_5{width:94px;/*100*/ height:14px;/*18*/ padding:2px 3px; line-height:14px; border:1px solid #ccc; color:#666; font-size:11px; float:left}
.publish_01 div img{float:left}
.publish_01 div select{width:102px; font-size:9px; color:#666}

.publish_02{width:100%;/*714*/ overflow:hidden; padding:0 0 8px}
.publish_02 h5{width:709px; padding:0 0 0 5px; float:left; color:#fff; font-weight:bold; line-height:19px; background-color:#6699ff}
.publish_02 .publish_dd1{width:240px;/*380*/ float:left; padding:10px 0 0 140px}
.publish_02 .publish_dd2{width:75px;/**/ float:left; padding-top:65px}
.publish_02 .publish_dd3{width:240px;/*250*/ float:right; padding:10px 10px 0 0}

.addRemoveList{width:238px;/*238*/ border:1px solid #e0e0e0; padding:0!important}
.addRemoveList li ul{padding:0!important;}
.addRemoveList li{padding-left:5px; line-height:15px}
.addRemoveList li li{padding-left:12px}
.addRemoveList li li li{padding-left:17px}
.publish_02 .publish_dd2 a{display:block; text-align:center; color:#666666; margin-bottom:8px; line-height:14px}

.butnNextMeta{width:112px; height:19px; display:block; float:left; text-indent:-1000px; overflow:hidden; background:url(../images/butn_nextMeta.gif) no-repeat; margin-top:9px}

/*-------------cc_tab4-------------*/
.#cc_tab4 .tabMain{width:714px;/*714*/ padding:0 0}
.metaDiv{width:100%; overflow:hidden; padding:10px 0 0}
.metaDiv textarea{width:394px;/*400*/ height:33px;/*37*/ padding:2px 3px; border:1px solid #ececec}
.metaDiv input{width:394px;/*400*/ height:14px;/*18*/ padding:2px 3px; line-height:14px; border:1px solid #ececec; color:#666; font-size:11px; float:left}
.metaDiv span{color:#666}

/*-----------------[page:groupsusers_01]------------------*/
#groupsusers_01{width:716px;/*716*/ padding-top:50px; overflow:hidden; font-family:"Tahoma", Arial, Helvetica, sans-serif}
h3#gu_hdr{font-size:18px; line-height:20px; padding-bottom:8px; color:#6699ff; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold}
.tbl_02{border:1px solid #ccc; border-bottom:none; font-size:11px}
.tbl_02 th, .tbl_02 td{border-bottom:1px solid #ccc; padding:4px 0}
.tbl_02 th{background-color:#003399; color:#fff}
.tbl_02 th a{color:#fff}
.tbl_02 .th_01, .tbl_02 .td_01{padding-left:16px}
.tbl_02 select{width:65px; font-size:9px; color:#666}
.tbl_02 tr.clr_01 td{background-color:#99ccff}

/*-----------------[page:groupsusers_02]------------------*/
#groupsusers_02{width:716px;/*716*/ padding-top:50px; overflow:hidden; font-family:"Tahoma", Arial, Helvetica, sans-serif}
.box_editGroups{width:702px;/*714*/ padding:15px 0 0 12px; border:1px solid #cccccc}
.box_editGroups p{width:100%; padding:0 0 7px; overflow:hidden; margin:0}
.box_editGroups p label{width:147px; padding:0 10px 0 0; text-align:right; float:left; line-height:18px}
.box_editGroups p input{width:416px;/*422*/ height:14px; padding:1px 3px; border:1px solid #ccc; line-height:14px; float:left; font-size:10px}
.box_editGroups p select{width:62px; font-size:9px; float:left; color:#666}
.box_editGroups small{display:block; padding:0 0 0 60px; font-size:10px; line-height:14px}
.eg_list_box{width:662px;/*702*/ padding:5px 0 0 40px; overflow:hidden; font-family:"Tahoma", Arial, Helvetica, sans-serif}


/*-----------------MAJOR LIST PROBLEM HERE ------------------*/
#midCont .eg_ul{width:237px; padding:0; float:left; overflow:hidden}
#midCont .eg_ul_02{width:216px}
#midCont .eg_ul_03{width:200px}

#midCont .eg_ul li{width:100%; float:left; padding:0 0 15px; list-style:none; position:relative}
#midCont .eg_ul li label{width:100%; padding-bottom:3px; float:left}
#midCont .eg_ul li input{width:12px; height:12px; float:left; /*margin:3px 0 0 0;*/ position:absolute; left:0; top:2px}
#midCont .eg_ul li span{width:auto; float:left; line-height:14px; padding-left:19px}
#midCont .eg_ul li ul{width:85%; padding:0 0 0 14%; float:left; clear:both}
#midCont .eg_ul li ul li{padding:0 0 3px; clear:both}

/*-----------------[page:groupsusers_03]------------------*/
#groupsusers_03{width:716px;/*716*/ padding-top:50px; overflow:hidden; font-family:"Tahoma", Arial, Helvetica, sans-serif}

.tbl_03{border:1px solid #ccc; border-bottom:none; font-size:11px}
.tbl_03 th, .tbl_03 td{border-bottom:1px solid #ccc; padding:4px 0}
.tbl_03 th{background-color:#003399; color:#fff}
.tbl_03 .th_01, .tbl_03 .td_01{padding-left:16px}
.tbl_03 .th_06, .tbl_03 .td_06{padding-right:16px}
.tbl_03 select{width:65px; font-size:9px; color:#666}
.tbl_03 tr.clr_01 td{background-color:#f7f7f7}
.tbl_03 tr.clr_02 td{background-color:#99ccff}

/*-----------------[page:groupsusers_04]------------------*/
#groupsusers_04{width:716px;/*716*/ padding-top:50px; overflow:hidden; font-family:"Tahoma", Arial, Helvetica, sans-serif}
.box_adduser{width:702px;/*714*/ padding:7px 0 20px 12px; border:0px solid #999}
.adduser_dl{width:100%; padding-bottom:16px}
.adduser_dl dd{width:100%; padding-bottom:4px; overflow:hidden}
.adduser_dl dd label{width:122px; padding-right:7px; text-align:right; float:left}
.adduser_dl dd label.lbl_01{width:85px}
.adduser_dl dd select{width:62px; font-size:10px; float:left}
.adduser_dl dd input{width:154px;/*160*/ height:14px; padding:1px 3px; border:1px solid #999; line-height:14px; float:left}
.adduser_dl dd input.inp_01{width:408px;/*414*/}
.box_adduser small{padding-left:60px; display:block; font-size:10px; line-height:14px}
.box_adduser ul{width:690px;/*702*/ padding:12px 0 0 40px; overflow:hidden}
.box_adduser ul li{width:100%; overflow:hidden}
.box_adduser ul li input{width:13px; height:13px; float:left; margin-top:3px}
.box_adduser ul li label{float:left; padding-left:5px; line-height:16px}


/*-----------------[page:songfilesearch]------------------*/
#songfile{width:406px;/*716*/ overflow:hidden; font-family:"Tahoma", Arial, Helvetica, sans-serif}
#songfileresults{width:706px;/*716*/ overflow:hidden; font-family:"Tahoma", Arial, Helvetica, sans-serif}

.tbl_04{font-size:11px; padding-left:3px;width:706px;/*716*/  overflow:hidden; }
.tbl_04 th{font-size:11px; color:#fff;background-color:#333;padding:3px;}
.tbl_04 td{background-color:#000;padding:3px;}
.tbl_04 th a{color:#fff;}
.tbl_04 a:hover{color:#cc0000;}






/*-----------------[page:faq_faqList]------------------*/
#faq_faqList{width:716px;/*716*/ padding-top:65px; overflow:hidden; font-family:"Tahoma", Arial, Helvetica, sans-serif; position:relative}
.butnAddCategory{width:112px; height:19px; display:block; text-indent:-1000px; overflow:hidden; background:url(../images/butn_addCategory.gif) no-repeat; position:absolute; top:0; right:0}

.tbl_04{font-size:10px}
.tbl_04 th, .tbl_04 td{border-bottom:1px solid #ccc; padding:4px 0}
.tbl_04 th, .tbl_04 th a, .tbl_04 th a:hover{font-size:11px; color:#999}
.tbl_04 td{background-color:#f7f7f7}
.tbl_04 tr.clr_01 td{background-color:#99ccff}
.tbl_04 .th_01, .tbl_04 .td_01{padding-left:16px}
.tbl_04 .th_04, .tbl_04 .td_04{padding-left:20px}
.tbl_04 .td_01{border-left:1px solid #ccc}
.tbl_04 .td_02 select{width:80px; font-size:.87em; color:#666; text-align:left}
.tbl_04 .td_03 select{width:40px; font-size:9px; color:#666; text-align:left}
.tbl_04 .td_05{border-right:1px solid #ccc}
.tbl_04 .td_05 a{color:#666}

/*-----------------[page:faq_content]------------------*/
#faq_content{width:716px;/*716*/ overflow:hidden; font-family:"Tahoma", Arial, Helvetica, sans-serif}
#faq_content h5{padding-left:17px; font-size:11px; line-height:14px; color:#999}
.box_content{width:714px; padding:13px 0; border:1px solid #ccc}
.box_content dd{width:100%; padding-bottom:8px; overflow:hidden}
.box_content dd label{width:135px; padding-right:5px; float:left; line-height:18px; text-align:right}
.box_content dd input{width:552px;/*558*/ height:14px; padding:2px 3px; border:1px solid #ccc; line-height:14px; font-size:10px; float:left; color:#666}
.box_content dd select{width:80px; float:left; font-size:9px; color:#666}
.box_content dd select.slct_01{width:40px}
.box_content dd textarea{width:552px;/*558*/ height:310px;/*314*/ padding:2px 3px; border:1px solid #ccc; line-height:14px; float:left}

/*-----------------[page:faq_categoryList]------------------*/
#faq_categoryList{width:716px;/*716*/ padding-top:0px; overflow:hidden; font-family:"Tahoma", Arial, Helvetica, sans-serif}
#faq_categoryList h5{padding-left:17px; font-size:11px; line-height:14px; color:#999}

.category_dl{width:714px; padding:16px 0 0; border:1px solid #ccc}
.category_dl dd{width:100%; padding-bottom:10px; overflow:hidden}
.category_dl dd label{width:135px; padding-right:10px; float:left; line-height:18px; text-align:right}
.category_dl dd label.lbl_01{width:auto; text-align:left}
.category_dl dd select{width:80px; float:left; font-size:9px; color:#666}
.category_dl dd input{width:12px; height:12px; float:left; margin:3px 3px 0 0}

#faq_categoryList .butn_div{width:714px;/*716*/ padding:0 0 50px 0; overflow:hidden; position:relative}
.butnAddQuestion{width:112px; height:19px; display:block; text-indent:-1000px; overflow:hidden; background:url(../images/butn_addQuestion.gif) no-repeat; position:absolute; bottom:5px; right:0}

.tbl_05{font-size:10px}
.tbl_05 th, .tbl_05 td{border-bottom:1px solid #ccc; padding:4px 0}
.tbl_05 th{font-size:11px; color:#999;background-color:#333;}
.tbl_05 td{background-color:#f7f7f7}
.tbl_05 tr.clr_01 td{background-color:#99ccff}
.tbl_05 .th_01, .tbl_05 .td_01{padding-left:16px}
.tbl_05 .td_01{border-left:1px solid #ccc}
.tbl_05 .td_02 select{width:80px; font-size:9px; color:#666}
.tbl_05 .td_03 select{width:40px; font-size:9px; color:#666}
.tbl_05 .td_04{border-right:1px solid #ccc}
.tbl_05 .td_04 a{color:#666}
.tbl_05 .td_04 a:hover{text-decoration:underline}








/*==============WHEN <!DOCTYPE .....> CHANGED==========================*/
.docTypeChanged .publish_01 div.singleRow{width:100%; overflow:hidden; padding-bottom:10px}

.docTypeChanged select.inp_1{padding:0}
.docTypeChanged .tArea_1{padding:2px 2px}

.tbl{width:90px; float:left; padding:0; margin:0}
.tbl td{font-size:11px; line-height:12px; padding:0; margin:0}
.tbl td label{line-height:12px; text-align:left; display:block}
.qckLInk .tbl td label{color:#fff}
.tbl td label input{margin:0 4px 0 0}


.docTypeChanged .metaDiv input, .docTypeChanged .publish_01 input.inp_5, .docTypeChanged p.searchHere input, .docTypeChanged .inp_1, .docTypeChanged .box_editGroups p input, .docTypeChanged .box_content dd input{height:20px}


#songfile, #songfileresults{width:100%}
.lnkSubmit{margin:0 0 0px 140px; display:block; padding:0}



/*====================================POP-UP STYLES========================================================*/
/*--edit butn----*/
.editPop{color:#f00; position:absolute; cursor:pointer}
#banner .editPop{left:32px; top:194px}
#colouredFeature .editPop{right:10px; top:3px}
#botmFeature .editPop{right:23px; top:32px}
#botmFeature_2 .editPop{right:10px; top:7px}

/*---popUp Styles--*/
.popUpByEdit{width:380px;/*400*/ padding:10px; color:#e0deda; background-color:#000;/*default-color*/ border:9px solid #FFF; position:absolute; z-index:100; display:none}
.popUpByEdit h6{width:100%; overflow:hidden; padding:10px 0 15px; font-size:18px; color:#fff; font-weight:normal}
.popUpByEdit h6 big, .popUpByEdit h6 img{width:178px; float:left; margin-left:96px; font-size:1em}
.popUpByEdit h6 b{width:105px; float:right; font-size:0.5em; font-weight:normal}
.popUpByEdit dl{width:92%; padding:0 8% 10px 0; overflow:hidden; font-size:10px}
.popUpByEdit dd{width:100%; padding-bottom:4px; float:left}
.popUpByEdit dd img{float:left; margin:10px 0 0 96px}
.popUpByEdit dd label{width:85px; text-align:right; float:left}
.popUpByEdit dd input{width:250px; float:right}
.popUpByEdit dd textarea{width:251px; height:122px; float:right}
.popUpByEdit dd p{width:250px; float:right; margin:0; padding-bottom:5px}
.popUpByEdit dd input.upLoad{float:left; margin-left:10px}
.popUpByEdit dd .submitPop{width:65px; margin-top:10px}

/*==========Feature Banner PopUp================*/
#banner .popUpByEdit{padding:20px 20px 5px; left:295px; top:30px}
/*===========Bottom Black PopUp=================*/
#botmFeature .popUpByEdit{right:3px; bottom:10px}
/*===========Bottom2 Black PopUp=================*/
#botmFeature_2 .popUpByEdit{right:3px; bottom:10px}
/*===========Colored PopUp======================*/
#colouredFeature .popUpByEdit{right:12px; bottom:35px}
/*------------OrangePop----------*/
.cFeature1 .popUpByEdit{background-color:#ff6600}
/*------------GreenPop------------*/
.cFeature2 .popUpByEdit{background-color:#006766}
/*------------BluePop-------------*/
.cFeature3 .popUpByEdit{background-color:#1b379a}






/*======================FIXING TO INSERT LI IN COLORED FEATURE=========================================*/
#colouredFeature li li{width:auto; height:auto; padding:0; float:none; position:static; margin:0}
#colouredFeature li li a{color:#FFFFFF;}
#colouredFeature li li a:hover{color:#ffcc33;}






/*================[Page: HFA's Song File (9-Oct-2009)]===================*/
body.songFilesBodyBg{background:#666 url(../images/songfile/bdyBg2.gif) repeat-x;}
#hdr h1.hdr-songFile{width:370px; height:60px; background:url(../images/titles/hdr-hfas-songFile.png) no-repeat; position:absolute; left:15px; top:43px; text-indent:-1000px; overflow:hidden}

#logoContainer{width:100%; padding-bottom:7px; overflow:hidden}
#logoContainer li{width:100%; padding:17px 0 20px; float:left; position:relative; z-index:2}
#logoContainer li.logoLinks-hfa{padding:0; margin-bottom:-22px; z-index:1}
#logoContainer li a img{display:block; margin:0 auto}

.songFilesContent{width:100%; padding:12px 0; overflow:hidden}
.songFilesContLeft{width:437px; padding-left:16px; float:left}
.songFilesContRight{width:238px; float:right}

.songFilesContent h2{width:100%; height:42px; text-indent:-10000px; background-repeat:no-repeat; overflow:hidden; margin-bottom:3px; /*font-size:19px; line-height:18px; color:#f1f1f1*/}
.songFilesContLeft h2{background-image:url(../images/titles/h2_hfa-meng-mtna-mpa.png)}
.songFilesContRight h2{background-image:url(../images/titles/h2_allProcessingDoneOnline.png)}

.songFilesContent p{line-height:14px; font-size:10px; color:#000; margin-bottom:14px}
.songFilesContRight center{padding:35px 31px 20px 0;}
.songFilesContRight center a{width:160px; height:44px; background:url(../images/songfile/butn_enterSongfile.png) no-repeat; display:block; text-indent:-10000px; overflow:hidden}
.songFilesContRight center a:hover{background-position:left bottom}
/*==========================================================================*/

.messages
{
    color: green;
    font-size: 10pt;
    font-face: "Verdana, Arial, Helvetica, sans-serif";
    font-weight: bold;
}

.loginButn{width:85px; height:23px; position:absolute; left:159px; bottom:3px}
.loginButn .butnLoginBlue{position:relative!important; float:right; left:0; bottom:0; z-index:100}
.loginButn .butnLoginOrng{position:relative!important; float:right; left:0; bottom:0; z-index:100}
.loginButn .butnRegisterOrng{position:relative!important; float:right; left:0; bottom:0; z-index:100}