﻿

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
#glowingtabs{
width:100%;
line-height:20px;
overflow: hidden;
border-bottom: 1px solid #FFF; /*Add border strip to bottom of menu*/
}

#glowingtabs ul{
float:left;
list-style-type: none;
margin:0;
margin-left: 0px; /*Left offset of entire tab menu relative to page*/
padding:0;
height: 25px;
width:100%;
background:url(http://www.ChennaiLiveNews.com/test/images/glowtab-left.gif) repeat-x left top;
}

#glowingtabs li{
display:inline;
margin:0;
padding:0;
height: 25px;
}

#glowingtabs a{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000;
background:url(/images/glowtab-left.gif) no-repeat left top;
margin:0;
margin-right: 0px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
border-right: 1px solid #DFDEDE;
border-left: 1px solid #DFDEDE;
}

#glowingtabs a span{
float:left;
display:block;
background:url(/images/glowtab.gif) no-repeat right top;
padding: 5px 5px 5px 1px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabs a span {float:none;}
/* End IE5-Mac hack */

#glowingtabs a:hover span {
color: #FFF;
}

#glowingtabs #current a{ /*Selected Tab style*/
background-position:0 -25px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs #current a span{ /*Selected Tab style*/
background-position:100% -25px; /*Shift background image up to start of 2nd tab image*/
color: #FFF;
}

#glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -25px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -25px; /*Shift background image up to start of 2nd tab image*/
}

.topmenu{
font-family: arial;
font-weight: normal;
font-size: 13px;
width: 980px;
line-height: 30px;
background: #f2f2f2;
padding: 0px 10px 0px 10px;
border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 
}

.topmenu ul{
padding: 6px 0 7px 0; 
margin: 0;
text-align: left; 
}

.topmenu ul li{
display: inline;
float: left;
}

.topmenu ul li a{
color: #494949;
padding: 7px 5px 7px 5px; 
margin-right: 20px;
text-decoration: none;
}

.topmenu ul li a:hover, .topmenu ul li a.selected{background-color:#377ec2; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height: 30px; color: #FFF;}

#current a{background-color:#377ec2; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height: 30px; color: #FFF;}
