/* CSS Document */
/*****************************//* RESETS DEFAULT BROWSER STLES - COURTESY OF ERIC MEYER **********/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
    
}

body {
    line-height: 1;
    color: #333;
    background: #222222;
    
}

/* Tables still need 'cellspacing="0"' in the markup. */ 
table {
    border-collapse: separate;
    border-spacing: 0;
    
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    
}

/* Remove possible quote marks (") from <
q>
, <
blockquote>
. */ 
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    
}

blockquote, q {
    quotes: "" "";
    
}

ul {
    list-style:none;
    
}

li {
    list-style-type:none;
    list-style-image:none;
    
}

/**  * Typography   */    /* Set some inteligent defaults */    /* TYPOGRAPHY *****************************************************/
body {
	font-size:12px;
	font-family:tahoma    
}
body.dark {
    background: #222222 url(../images/background-pattern.jpg) repeat-x;
    
}
#wrapper {
    margin:0 auto;
    width:947px;
    
}
#topbar {
    width:100%;
    background:url(../images/bg_topbar.png) repeat-x;
    height:37px; 
}


#header {
    background:url(../images/header.jpg) no-repeat;
    height:140px;
    
}
  /* TopMenu */ 
  #topmenu {
    width:100%;
    height:36px;
	position:relative;
    background:url(../images/bg_topmenu.png) repeat-x;
}
#topmenu li {
    float:left;
    background:url(../images/bg_menuitem.png) repeat-x;
    height:27px;
    margin-left:4px;
    margin-top:2px;
    letter-spacing:2px;
    display:block;  
    
}

#topmenu li a {
    margin:12px 21px 7px 21px;
    float:left;
    color:#FFFFFF;
    text-decoration:none;
    font-size:11px;
    text-transform:uppercase;
    width:100%;
    letter-spacing:2px;  
}

#topmenu li:hover, #topmenu li.sfhover {
    background:none;
    
}

  /* Drop downs */ 
 
#topmenu li ul {
    background:url(../images/transparent.png);
    border:1px solid #666;
    border-top:none;
    border-bottom:none;
    left:-999em;
    margin-top:5px;
    position:absolute;
    width:16.9em;
    z-index:100;
    float:left;   
}

#topmenu li:hover ul, #topmenu li.sfhover ul {
    left:auto;
    text-align:left;
    
}

#topmenu li ul li, #topmenu li ul li:hover {
    background:url(../images/transparent.png);
    border-bottom:1px solid #666;
    border-right:medium none;
    display:block;
    float:left;
    height:27px;
    margin:0 0;
    width:14.9em;
    
}

#topmenu li:hover ul li, #topmenu li.sfhover ul li {
    width:100%;
    
}

#topmenu li ul li a:hover, #topmenu li ul li:hover a:hover {
    color:#fff;
    
}

#topmenu li ul li a, #topmenu li ul li:hover a {
    background:transparent none repeat scroll 0 0 !important;
    border-right:medium none;
    display:block;
    font-family:tahoma;
    font-size:8px;
    font-variant:normal;
    height:auto;
    line-height:normal;
    margin:0;
    padding:10px;
    color:#cecece !important;
    
}

/*column*/
#columns{
    padding:0px !important;
    margin:0px !important;	
}
#leftcontent {
    width:166px;
    float:left;
    padding:0 0 15px 0px;    
}
#leftcontent .lr_boxtitle{
    width:166px;
	background: url(../images/bg_h3wrap.png) repeat-x;
    height:32px;
    float:left;
    clear:both;
}

#leftcontent .h3center {
    height:34px;
    margin-top:3px;
    float:left;   
    
}

#leftcontent .h3center h3 {
    margin:7px 0 0 11px !important;
    font-weight: normal;
    color:#999999;

    
}


#leftcontent .lr_boxcontent{
	margin:0px 5px 11px 5px;
}

  /* Left Right */     


 #rightcontent .lr_boxtitle {
    height:30px;
    width:156px;
    
}

 #rightcontent .h3center {
    background:transparent url(../images/dark/bg_modhead.png) repeat-x scroll 0 0;
    float:left;
    height:30px;
    margin-left:5px;
    width:146px;
    
}

#rightcontent .h3center h3 {
    font-size:10px;
    color:#999999;
    
}

 #rightcontent .h3center h3,  {
    margin:11px 0px 11px 9px;
    
}
#rightcontent .lr_boxcontent{
	margin:3px 5px 11px 7px;
}
#rightcontent .lr_boxcontent{}
#rightcontent .h3center h3 {
	background:transparent url(../images/dark/bg_midot.png) no-repeat scroll 0 0;
	margin-left:5px;
	padding-left:13px;
	margin-top: 11px;
    
}

#rightcontent {
    width:160px;
    margin-top:4px;
    float:right;
    padding:0 0 15px 4px; 
}
#rightcontent  a {
    color:#999999;
    text-decoration: none;
    outline: none;
    font-weight: bold;
    
}
#rightcontent  a:hover  {
    color:  #666666;
    text-decoration:underline;   
}
#maincontent {
    float:left;
    width:617px;   
}
#threecolumns{
	background:url(../images/bg_threecolumns.png) repeat-y;
	float:left;
}

/* Other browsers */ /* HEADINGS *******************************************************/ 
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content .contentheading, #content .componentheading {
    font-family: tahoma;
    clear: both;
    margin: 0;
    padding: 0;
    
}

#content h1, #content .componentheading {
    font-size: 2.25em;
    
}

#content h2, #content .contentheading {
    font-size: 1.55em;
    margin-bottom: 5px;
    
}

#content h3 {
    font-size: 1.2em;
    
}

#content h4 {
    font-size: 1.25em;
    line-height: 1.25;
    font-weight: bold;
    
}

#content h5 {
    font-size: 1em;
    font-weight: bold;
    
}

#ocntent h6 {
    font-size: 1em;
    
}

/* TEXT ELEMENTS **************************************************/ 
#content p {
    margin: 0 0 1.4em 0;
    color: #fff;
    
}

#content p.right  {
    text-align: right;
    
}

#content p.last  {
    margin-bottom:0;
    
}



#content blockquote  {
    margin: 1.5em 0 1.5em 1.5em;
    color: #fff;
    font-style: italic;
    
}

#content strong  {
    /*color: #5d6060;
    */ color: #fff;
    font-weight: bold;
    
}
/*   
    * Forms  
    */ 

input.button {
    background-color:#b8b8b8;
    border:medium none;
    color:#000;
    border-left:1px solid #c3c3c3;
    border-top:1px solid #c3c3c3;
    border-right:2px solid #7a7a7a;
    border-bottom:2px solid #7a7a7a;
    
}

input {
    background:#666666 none repeat scroll 0 0;
    border:0px;
    padding:3px;
    
}


/*  maincontent  */
#tv_banner, #rotatenews , #latestnewsbox, #artist , #user4, #user5, #user6, #user7 {
    float:left;
    display:inline;
    
}
 /* User1 and Inset */ 

#tv_banner , #latestnewsbox{
    width:57%;
    
}
#columns #maincontent .module_tan .modulecontent{
    background:#dfcbbc url(../images/bg_user1.png) repeat-x scroll 0 0;
    color:#606060 !important;
    
}

#rotatenews .rotatenews_content {
    font-size:14px;
    height:306px;
    background:#dfcbbc url(../images/bg_user1.png) repeat-x scroll 0 0;
    color:#606060 !important;
	padding:6px 6px 0px 6px
}

#rotatenews,#artist {
    width:43%;
    
}
#latestnewsbox  .latestnews_boxtitle,#artist .latestnews_boxtitle{
	
    background:url(../images/bg_h3wrap.png) repeat-x;
    height:32px;
    float:left;
    clear:both;
    width:100%; 
}
#latestnewsbox .h3inner, #artist .h3inner{
    height:34px;
    margin-top:3px;
    float:left;
    
}

.h3inner h3 {
    margin:7px 0 0 11px !important;
    font-weight: normal;
    color:#999999;    
}
#latestnewsbox .latestnewsbody,#artist .latestnewsbody{
    width:100%;

}
#latestnewsbox .latestnewsbody{
    background:#d8d8d8 url(../images/bg_user2.png) repeat-x scroll 0 0;
    color:#606060 !important;
    
}
#latestnewsbox .latestnewsbody2{
    background:#000;
    color:#606060 !important;
    
}
#artist .latestnewsbody{
    background:#434343 url(../images/bg_darkuser.jpg) repeat-x scroll 0 0;
    color:#cccccc !important;
    
}

#latestnewsbox .latestnewsinner,#artist .latestnewsinner{
    clear:both;
    padding:8px 5px 8px 8px;
	margin:0
    
}
#artist .latestnewsbody2{
    background:#434343 url(../images/bg_user2.png) repeat-x scroll 0 0;
    color:#cccccc !important;
    
}
/*     Footer   */   

#footerwrap {
    height:62px;
    width:100%;
    background:#1B1B1B;
    color:#666666;
    float:left;
    
}

#footer {
    padding:18px;    
}
#footerwrap a {
    color:#666666;
    text-decoration:none;   
}
#footerwrap a:hover {
    text-decoration:none;    
}
#footerwrap #legal {
    float:right;
    margin-top:1.37em;
    
}
#footerwrap{
    margin-right:4px;   
}
.link1 a{
    color:#999999;
    text-decoration: none;
    outline: none;
    font-weight: bold;
}
.link1 a:hover{
    color:#999999;
    text-decoration:underline;
}
.link2 a{
    color:#ddceb1;
    text-decoration: none;
    outline: none;
    font-weight: bold;
}
.link2 a:hover{
    color:#ddceb1;
    text-decoration:underline;
}

.wb a {
    color:#999999;
    text-decoration: none;
    outline: none;
    font-weight: bold;
    
}
.wb a:hover  {
    color:  #666666;
    text-decoration:underline;   
}
.todaynews a {
    color:#999999;
    text-decoration: none;
    outline: none;
    font-weight: bold;
    
}

.todaynews a:hover  {
    color:  #c7c7c7;
    text-decoration:underline;
    
}
/*--------------------------slide top2-----------------------------------*/
.glidecontentwrapper{
position: relative;
height: 301px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/

.glidecontent{ /*style for each glide content DIV within wrapper.*/
	position: absolute; /* Do not change this value */
	padding: 5px 0 0 4px;
	visibility: hidden;
	width: 243px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
display:none;
/*width: 360px;*/
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 1px solid black;
color: #2e6ab1;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}
/*--------------------------slide top2-----------------------------------*/
.glidecontentwrapper2{
position: relative; /* Do not change this value */
width: 352px;
height: 312px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
float:left
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/

.glidecontent2{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
visibility: hidden;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
display:none;
/*width: 360px;*/
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 1px solid black;
color: #2e6ab1;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}