@charset "utf-8";
/* CSS Document */
/*  search for anything
global declarations 	= GENERIC,
H1 TO H6 styling 			= HEAD,
changeable content 		= CONTENT,
navs / listings 			= NAVS,
mdoules 							= ARTICLE,
plain bg colors 			= BGS,
gradients							= GRADS,
borders								= BORDERS
visual containers			= ROUNDS,
text, fonts,					= TEXTALL,
form, input						= INPUT,
footer								= FOOTER,
Miscellaneous					= MISC,
/*

/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
body {font:normal 11px Verdana; color:#000; text-align:left; background: #ffffff;
}
body,form,h1,h2,h3,h4,h5,h6,p {padding:0; margin:0}
h1,h2,h3,h4,h5,h6,label,a {text-transform:capitalize; text-decoration:none}
a {color:#363636; font-weight:normal; text-decoration:none}
a:hover {color:#c80000; text-decoration:underline}
a:active, a:focus {outline:0} /* to avoid link borders on new browsers */
img {border:none}
ul,li {padding:0; margin:0; list-style:none}
li {}

p {line-height:150%}
/* clear floats */
#mainWrapper:after,#header:after,#maincont:after {content:"."; display:block; clear:both; height:0; visibility:hidden}

/** HEADER ELEMENTS STYLING	(id=HEADERS) **/
#header {width:100%; float:left}

/* 	BODY WRAPPER / HEADER / TOP MENU  (id=HEAD)
**********************************************************/
#mainWrapper {margin:0 auto; width:950px; border:solid 1px #cfcfcf; border-width:0px 1px 1px 1px; background:#fff; padding-top:12px}
h1.logo {float:left; width:40%; margin-top:24px; margin-left:18px;}
.headerRgtimg {float:right; margin:15px 40px 0 0; padding:0px}
*html .headerRgtimg {float:right; margin:15px 40px 0 0; padding:0px}

/* 	MAIN CONTENT / MIDDLE CONTAINERS   (id=CONTENT)
**********************************************************/
#maincont {float:left; width:100%}
.login {width:600px; margin:10px auto}
.login legend {font-size:18px; color:#2d6609}
#leftSideBar {float:left; width:24%; margin-right:10px; padding-top:10px; padding-bottom:10px}
#content {float:left; width:620px;  padding:20px 0 0 10px; text-align:left;}
#rightSide {float:right; width:300px; padding:20px 10px 20px 10px; margin-top:20px}
/*#rightside2{float:right; width:30%; padding:10px; margin:40px 0px 0 0}*/
/*#content h2{color:#4bad32;font-size:14px;font-weight:bold;}*/

#playListCont{ float:left; width:60%;  padding:20px 0 20px 20px; text-align:left;}
/*#playListCont h2{color:#4bad32;font-size:14px;font-weight:bold;}*/

/*background:url(../images/whiteBox.gif) no-repeat;*/
.searchBg	{background:url(../images/searchBg.gif) repeat-x; height:33px; padding-top:10px}
.bannerBg	{background:url(../images/greyGradi.gif) repeat-x bottom; height:250px; padding:14px 13px;}
.flahBanner {float:left; width:611px;}
.rightad	{float:right; width:301px}
.padone{padding:8px;}
.modulebg{ width:302px;float:left; margin-left:4px;margin-bottom:2px; background:url(../images/whiteBox.gif) no-repeat;}
.modulebg_content {height:184px}

.heading {font:bold 13px Verdana;}
.heading1 {font:bold 16px Verdana; color:#000}
.headTxt{padding-top:14px; margin-left:10px;  font:bold 16px Verdana; color:#000} 

.ad{ height:260px; float:left;padding:0; margin-bottom:10px; text-align:center; vertical-align:center}


 /*** pagination
 ***************************************************/
.pagination-cont {float:left; width:100%; text-align:center; margin-top:20px;/*background:url(../images/searchBg.gif) center left*/ height:15px}
ul.pagination {float: left; width:100%; margin-top:10px}
ul.pagination li {float:left; padding:3px}
ul.pagination li a {background:url(../images/pagination.png) no-repeat left top; height:35px; padding:2px 0px 2px 3px}
ul.pagination li a span {background:url(../images/pagination.png) no-repeat right top; height:35px; padding:2px 4px 2px 5px}
ul.pagination li a:hover {background:url(../images/pagination-active.png) no-repeat left top}
ul.pagination li a span:hover {background:url(../images/pagination-active.png) no-repeat left top}

.pagination a{ color:#ffffff; background:url(../images/tabGradi.gif) center left; font-weight:bold;padding:5px 10px; text-align:center;  display:bock; text-transform:none}
.pagination a:hover, .pagination a.active{ color:#C80000; padding:5px 10px; text-decoration:none}


/*Listing for music	
*********************************************/
.listing{margin:10px 0;margin-left:10px;margin-right:10px; padding:5px;}

/*.listing a{color:#398326;font-size:10px;}*/
table.mainList{background:#fff; padding:10px}
table.mainList tr{ border-bottom:1px dashed #36B71F; text-align:left;}
table.mainList tr:hover { background:#D8F0D1}
h4.heading	{padding:5px 12px; color:#fff}

/*table.mainList{ margin:10px 0}
table.mainList td{ border-bottom:1px dashed #36B71F; text-align:left;}
*/
a.song{ background: url(../images/audio_5.png) no-repeat left center; padding-left:30px; }
table.detail{ margin-top:20px}
table.detail a {color:#FF6C00; font-weight:bold; font-size:11px; text-decoration:underline}
.songCont{ background-color:#f1f1f1}
a.selectSong{font-weight:bold;}
.greyList{ background-color:#ececec; padding:5px}
.greyList a{ padding:0 2px}
.border td{ border-bottom:dashed 1px #E1E1E1 }

.bordrAll img{ padding:2px; border:1px solid #D6D6D6}


/* 	RESUBALE UL LI / MENUS / 	(id=NAVS)
**********************************************************/
#menuOne {float:left; width:100%; margin-top:6px; background:url(../images/menuBg.gif) repeat-x left top}
#menuOne ul {padding:0; margin:0; float:left; width:100%}
#menuOne ul li {display: inline}
#menuOne ul li a {float:left; color:#FFFFFF;  padding: 8px 20px; font-size:13px; background:url(../images/menuDivider.gif) right top no-repeat; font-weight:normal; font-size:16px}
#menuOne ul li a:hover {color:#FFF; text-decoration:none}
#menuOne ul li a.none {background:none;!important}

#horzMenu {float:left;  width:60%; margin-top:10%; margin-left:70px}
#horzMenu ul {background: url(../images/menu-bg1.gif) repeat-x left top; float:left; height:29px}
#horzMenu ul li {display:inline}
#horzMenu ul li a {float:left; color:#fff; padding:6px 12px; font-size:13px; border-right: 1px solid #fff}
#horzMenu ul li span {float:left}
#horzMenu ul li a.leftcorner {float:left; background:url(../images/Lcorn.png) top left no-repeat}
#horzMenu ul li a.rightcorner {background:url(../images/Rcorn.png) top right no-repeat; border-right:none}

.menu-top			{float:left; width:100%; margin-top:-10px}
.menu-top ul 		{padding: 0 0 0 0px; margin: 0 0 0 10px; list-style: none;/*float: left;*/}
.menu-top li 		{display: inline;float: left; margin:0; padding:0; padding-top:4px;}
.menu-top a 		{float: left; background:url(../images/Tabs.gif) no-repeat left Top; margin:0; margin-bottom:0px; padding:0 0 0px 10px; text-decoration: none; font:bold 12px Verdana; color:#187faf; background-position:0% 0%}

.menu-top a span 	{background: transparent url(../images/Tabs.gif) no-repeat right bottom; background-position:100% 0; padding:5px 14px 6px 4px;	color:#fff;	display: block;	float: left; height:14px; font:normal 12px Verdana;	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}
.menu-top a:hover 	{background:url(../images/Tabs.gif) no-repeat left top; background-position:0 -25px; color:#000;}
.menu-top a:hover span {background:url(../images/Tabs.gif) no-repeat right top; background-position:100% -25px; color:#000;}

.menu-top a.active 	{background:url(../images/Tabs.gif) no-repeat left top; background-position:0 -25px;  color:#000;}
.menu-top a.active span {background:url(../images/Tabs.gif) no-repeat right top; background-position:100% -25px; color:#000;}

.submenu	{background:url(../images/tabGradi.gif)  repeat-x; float:left; width:96%; color:#fff; padding:7px 2%}
.submenu a	{color:#fff; padding:0 12px; font-size:12px}

/* 	MAKE ME ROUND (id=ROUNDS)
**********************************************************/
.RoudBox1, .RoudBox2, .endBox, .endBox2{}
.RoudBox1{ background:url(../images/topBg.png) left top no-repeat; padding:0; height:15px; display:block }
.RoudBox2{ background:url(../images/topBg.png) right top no-repeat; height:15px; display:block;}
.RoudBox2 h2{ padding-top:18px; margin-left:10px;  font:bold 16px Verdana; color:#000}
.RoudBox3{ background:url(../images/sprite.gif) left top no-repeat; padding:0; height:5px; display:block;}
.RoudBox4{ background:url(../images/sprite.gif) right top no-repeat; padding:0; height:5px; display:block;}
.endBox{ background:url(../images/sprite.gif) left bottom no-repeat; padding:0; height:10px; display:block; }
.endBox2{ background:url(../images/sprite.gif) right bottom no-repeat; height:10px; display:block; }
.container1{ background-color:#62C840;}
.container{ background-color:#ffffff;}
.RightCont{background:url(../images/rightBg_1.png) repeat-y}
.LftCont{background:url(../images/leftBg_1.png) repeat-y}

.RoudBoxGrey1{ background:url(../images/sprite2.gif) left top no-repeat; padding:0; height:15px; display:block }
.RoudBoxGrey2{ background:url(../images/sprite2.gif) right top no-repeat; height:15px; display:block }
.endBoxGrey1{ background:url(../images/sprite2.gif) left bottom no-repeat; padding:0; margin:0px; height:5px; display:block; }
.endBoxGrey2{ background:url(../images/sprite2.gif) right bottom no-repeat; height:5px; margin:0px; display:block; }

.mod1tl,.mod1tr,.mod1bl,.mod1br,.mod2tl,.mod2tr,.mod2bl,.mod2br {background:url(../images/sprite.gif) no-repeat}
/* dark blue rounded */
.mod1tl{background-position:left top; height:7px}
.mod1tr{background-position:right top}
.mod1bl{background-position:0% -6px; height:7px}
.mod1br{background-position:100% -6px}
/* pale blue rounded */
.mod2tl{background-position:0 -13px; height:3px}
.mod2tr{background-position:100% -13px}
.mod2bl{background-position:0% -17px; height:3px}
.mod2br{background-position:100% -17px}

/* 	ALL BORDER CSSs		(id=BORDERS)
**********************************************************/
.brd-btm {border-bottom: 2px dotted #faf2e1}
.brd-btm1 {border-bottom: 1px dotted #000}
.brdall {border: 1px solid #e0e0e0}
.brdall img {border: 1px solid #e0e0e0}
.brd-rgt {border-right: 1px dotted #000}


/* 	ALL TEXT CSS	(id=TEXTAll)
**********************************************************/
/* font SIZES */
.vrysmlTxt {font-size:9px}
.vsmlTxt {font-size:10px}
.smlTxt {font-size:11px}
.para {font-size:12px}

/*font WEIGHTS */
.strong {font-weight:bold;}
.normTxt {font-weight:normal}

/* text TRANSFORMS */
.allCaps {text-transform:capitalize}
.textU {text-decoration:underline}
.upperCase {text-transform:uppercase}

/* text ALIGN & content ALIGN for inline level ELEMENTS */
.centerAll {text-align:center}
.alignLeft {text-align:left}
.alignRight {text-align:right}
.justify {text-align:justify}

/* bg color */
.bgGreen	{background:#63bc46; padding:3px 7px; color:#fff}
.bgGreen a	{color:#fff}
.greyBg{ background-color:#ECECEC}
.ftrTxt{color:#74bddc}

/* Color */
.orgTxt{color:#ff6c00;}
.greenTxt{ color:#4bad32}

/* 	ALL INPUT & FORM CLASSES	(id=INPUT)
*********************************************************background:#fff;*/
.input { font-size:11px; border:1px solid #a5a8ad; padding:2px} 

input.button {padding-left:10px; padding-right:4px; margin-right:10px; border:0; background:url(../images/button.png) no-repeat; color:#fff; font-weight:bold; font-size:12px; text-transform:capitalize; height:27px; position:relative; cursor: pointer; padding-bottom:2px}

.buttonEnding {position:absolute; display:inline; margin-left:-10px; width:7px; height:27px; background:url(../images/button.png) no-repeat right top}

input.button1 {padding-left:10px; padding-right:4px; margin-right:10px; border:0; background:url(../images/button.png) 0 -27px no-repeat; color:#fff; font-weight:bold; font-size:12px; text-transform:capitalize; height:27px; position:relative; cursor: pointer; padding-bottom:2px}

.buttonEnding1 {position:absolute; display:inline; margin-left:-10px; width:7px; height:27px; background:url(../images/button.png)  100% -27px no-repeat}

/*input {border: 1px solid #5e1701; padding:4px; background:#faf2e1}*/
input {border: 1px solid #000000; padding:4px; }

.buttonBg a{background: url(../images/btnBg.gif) repeat-x left top; border:1px solid #000; color:#fff; font-weight:bold; font-size:11px; padding:5px 3px; cursor:pointer;}

.buttonBg1 {background: url(../images/btnBg.gif) repeat-x; border:1px solid #000; color:#fff; font-weight:bold; font-size:11px; padding:3px; cursor:pointer; height:23px;}
 

/* 	FOOTER 	(id=FOOTER)
**********************************************************/
#footer {text-align:center;width:950px;margin:0 auto; padding:8px}
#footer p a {padding:0 10px; color:#808080; text-transform:none; font-size:11px;}
.footer1{margin:0 auto; width:934px; border:solid 1px #cfcfcf;background:#fff; margin-top:12px;
padding:8px;}
.float20 { float:left; min-height:110px; padding-left:10px; width:18%; color:#808080;}
.float20 ul li{padding-top:5px; margin-left:10px; color:#808080;}
.float20 ul li a{text-transform:none;color:#60a3bf;}
.float20 li{ background:url(../images/bullet.gif) left 10px no-repeat; padding-left:17px;}

/* 	REQUIRED PADDINGS / MARGINS (id=PADS)
**********************************************************/
.pad {padding:10px}
.margin-Top {margin-top:10px}
.marginTopBig{ margin-top:25px}
.marginI{ margin-left:5px; border:1px solid #aeabab;}
.padTB a {padding:2px 0; display:block;}
.marginBtm{ margin-bottom:10px}
.padAll{ padding:5px}


/* 	MISCELLANEOUS (id=MISC)
**********************************************************/
.clr {clear:both}