/* Celebrity Page Header
-----------------------------------------------------------------------------*/

#celebrity
{
    width: 100%;
    margin: 10px auto;
    background:#fff;
    /*-moz-border-radius: 10px 10px 10px 10px;
    -khtml-border-radius: 10px 10px 10px 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #800000;
    margin-top:1px;*/
    
}
#celebheader
{
    height: 100%;
}
#celebheadtop{    
    width:100%;
	background:#FFECB3;
	border-bottom:1px solid #FFE082;		
   /* -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-radius: 10px 10px 0px 0px;*/
}
#celebheadtop{        
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    
    }
#celebheadtop a{
    text-align: left;	
    padding: 0px 10px 0px 10px;			
    position: relative;			
    margin: 0 1px 0 0; 		
	font-size: 18px;			
	text-decoration: none;			
	color: #000;
    }
#celebheadtop{      
    height: 36px;
    padding: 5px 0 0 10px;
    }
a.celebheadtop
{
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}
a.celebheadtop:hover
{
    color: #fff;
    font-size: 12px;
    text-decoration: underline;
}
#celebheadbtm
{
    height: 35px;
}
.celebcontbold{        
    font-size: 15px;
    margin: 10px;
    margin-left:4px;
    margin-right:0px;
    }
.celebcontbold a{        
    font-size: 15px;    
    }

/* celeb alfabet text
-----------------------------------------------------------------------------*/

#celebalfa ul{    
    padding: 15px 10px;
    list-style-type: none;
    text-align: center;
    }
#celebalfa ul li{
    float: left;
    font-weight: bold;    
    }
#celebalfa ul li:first-child{
    padding-right:15px;
    }
#celebalfa ul li a{
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    color: #990000;
    font-weight: bold;    
    }
#celebalfa ul li a:hover{
    color: #ff0000;
    }

/* celebMiddle
-----------------------------------------------------------------------------*/
#celebmiddle
{
    margin-left: 310px;
    height: 1%;
    position: relative;
    background: #fff;
}
#celebmiddle:after
{
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}
#celebcontainer
{
   /* width: 100%;*/
    float: right;
    overflow: hidden;
    margin-right: 0px;
    background: #fff;
}
#celebcontent{
    padding: 10px;
    vertical-align: top;
    }
a.celebcont{
    text-align:left;    
    color: #333;   
    text-decoration: none;    
    font-weight: bold;
    }
a.celebcont:hover{
    text-align: left;    
    color: #ff0000;
    text-decoration: none;
    }
.celeblink{    
    color: #333;
    font-size: 13px;    
    padding-left:5px;
    }
.link-tabs{
       width:230px;
       margin:auto; 
       position:relative;
       }
/* for new layout - 15-10-2012
*************************************************/
.ui-morecategorybox{
    text-align:left;
    clear:both;
    margin:0 auto;    
    width:95%;    
    padding-left:5px;    
    font-weight: bold;    
    border-radius: 3px 3px 3px 3px;
    line-height:36px;
    color:#990000;
    border:1px solid #ddd;
    background-color:#F0DFB9;
    margin-top:10px; 
    margin-bottom:20px;
}
.ui-morecategorybox a {
   font-size: 14px;
   font-weight: bold;
   border:1px solid #CF7575;
   border-radius: 3px 3px 3px 3px;   
   background-color:#F5EBD7;
   padding:3px;
   padding-left:5px;
   padding-right:5px;
   margin-left:3px;
   text-decoration:none;
   color:#990000;
}
.ui-morecategorybox a:hover {
   font-size: 14px;
   font-weight: bold;
   border:1px solid #C8A0A0;
   background-color:#FEF8E9;  
    text-decoration:none; 
   padding:3px;
   padding-left:5px;
   padding-right:5px;   
   color:#990000;
   border-radius: 3px 3px 3px 3px;
   box-shadow: 0px 0px 3px #888888;
}
.ui-cbcol-wrapper{
    width:100%;
    margin:0 auto;
    padding-left:2px;
    }
.ui-cbbox-wrapper{
    width:100%;
    margin:0 auto;
    }
.ui-cbcol-l{
    width:210px;
    float:left;
    }
.ui-cbcol-r{
    width:300px;
    float:right;
    }
.ui-cbcol-m{
    width:280px;
    float:left;
    }
.ui-padding-b{
    padding-bottom:5px; 
    }
/* celebSidebar Left
-----------------------------------------------------------------------------*/
#celebsideLeft{   
    width: 210px;
    position: relative;
    left: -310px;
    padding-left: 3px;
    text-align: left;
    background: #fff;
    }
.celebcont{
    text-align: left;    
    color: #333;        
    padding-left: 4px;
    padding-right: 4px;
    }
/* celebFooter
-----------------------------------------------------------------------------*/
#celebfooter
{
}
.celebreport
{
    padding-left: 20px;
}

/* celeb-images
-----------------------------------------------------------------------------*/

#celeb-img ul
{
    margin-top: 10px;
    padding: 0;
    list-style-type: none;
    text-align: center;
}
#celeb-img ul li
{
    display: inline;
}
#celeb-img ul li a
{
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
    color: #800000;
    font-weight: bold;
    font-size: 12px;
}
#celeb-img ul li a:hover
{
    color: #ff0000;
}

/* celeb-text
-----------------------------------------------------------------------------*/
#celeb-text ul
{
    margin-top: 0px;
    padding: 0;
    list-style-type: none;
    text-align: center;
}
#celeb-text ul li
{
    display: inline;
}
#celeb-text ul li a
{
    text-decoration: none;
    padding-left: 2px;
    padding-right: 2px;
    color: #800000;
    font-weight: normal;
    font-size: 12px;
}
#celeb-text ul li a:hover
{
    text-decoration: underline;
}

/* Celebrity Page End
-----------------------------------------------------------------------------*/



.celebSubHeading
{
    padding-left: 4px;
    padding-bottom: 6px;
    padding-top: 6px;
    background-color: #fff3e7;
    color: #FFF;
}

h1.celebrityh1{    
    font-size: 18px;
    padding:4px 10px;
    background: #fff3e7;
    color: #333;
    line-height: 30px;
    margin:10px 0;
    border:solid #ddd;
    border-width:1px 0 1px 0;
    }

h2.celebrityh2{
    font-weight: bold;
    font-size: 14px;
    padding:4px 5px;
    color: #800000;
    margin:0;
    }

.Sadeshatitableheading
{
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    padding-left: 7px;
}

.SadeshatitableContents
{
    text-align: left;
    font-weight: normal;
    font-size: 13px;
    padding-left: 7px;
}
.celebrityTopHead
{
   /* width: 777px;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 20px;
    padding-top: 10px;*/
}
.celebrityTopHeadHome{
    margin-top: 1px;
    float: left;
    height: 13px;
    width: 20px;
    background-image: url('/images/sprite-img.png');
}

.celebrityCotetion{
font-style:italic; font-weight:bold; padding-left:5px;
}

.celebrityCotetionAuthor{
font-weight:bolder; text-align:right; padding-right:5px;
}

.tableHeading
{
font-weight: bold;
font-size: 12px;
padding-left: 5px;
background: #800000;
color: #fff; 
line-height: 30px;
}

h1.AscTopHead
{
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    color: #fff;
    line-height: 1px;
    padding-left: 10px;
}
.celeimgcontent
{
    vertical-align: top; 
    float:left; 
    padding-left:15px;      
}
.divheight
{
 height:70px;
}
.celebcontnormal
{
    padding-left:10px;
    line-height: 18px;
    color: #800000;
    font-size: 12px;
    margin: 10px;
    
    
}


 .CSSTableGenerator
        {
            margin: 0px auto;
            padding: 0px;
            width: 97%;
            box-shadow: 0px 0px 3px #888888;
            border: 1px solid #000000;
            -moz-border-radius-bottomleft: 5px;
            -webkit-border-bottom-left-radius: 5px;
            border-bottom-left-radius: 5px;
            -moz-border-radius-bottomright: 5px;
            -webkit-border-bottom-right-radius: 5px;
            border-bottom-right-radius: 5px;
            -moz-border-radius-topright: 5px;
            -webkit-border-top-right-radius: 5px;
            border-top-right-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -webkit-border-top-left-radius: 5px;
            border-top-left-radius: 5px;
        }
        .CSSTableGenerator table
        {
            width: 100%;
            height: 100%;
            margin: 0px;
            padding: 0px;
        }
        .CSSTableGenerator tr:last-child td:last-child
        {
            -moz-border-radius-bottomright: 5px;
            -webkit-border-bottom-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }
        .CSSTableGenerator table tr:first-child td:first-child
        {
            -moz-border-radius-topleft: 5px;
            -webkit-border-top-left-radius: 5px;
            border-top-left-radius: 5px;
        }
        .CSSTableGenerator table tr:first-child td:last-child
        {
            -moz-border-radius-topright: 5px;
            -webkit-border-top-right-radius: 5px;
            border-top-right-radius: 5px;
        }
        .CSSTableGenerator tr:last-child td:first-child
        {
            -moz-border-radius-bottomleft: 5px;
            -webkit-border-bottom-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }
        .CSSTableGenerator td:hover
        {
            background-color: #ffaaaa;
        }
        .CSSTableGenerator td
        {
            vertical-align: middle;
            background-color: #ffffff;
            border: 1px solid #000000;
            border-width: 0px 1px 1px 0px;
            text-align: left;
            padding: 7px;
            font-size: 12px;
            font-family: Arial;
            font-weight: normal;
            color: #000000;
        }
        .CSSTableGenerator tr:last-child td
        {
            border-width: 0px 1px 0px 0px;
        }
        .CSSTableGenerator tr td:last-child
        {
            border-width: 0px 0px 1px 0px;
        }
        .CSSTableGenerator tr:last-child td:last-child
        {
            border-width: 0px 0px 0px 0px;
        }
        .CSSTableGenerator tr:first-child td
        {
            background: -o-linear-gradient(bottom, #fc0707 5%, #630b03 100%);
            background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fc0707), color-stop(1, #630b03) );
            background: -moz-linear-gradient( center top, #fc0707 5%, #630b03 100% );
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc0707", endColorstr="#630b03");
            background: -o-linear-gradient(top,#fc0707,630b03);
            background-color: #fc0707;
            border: 0px solid #000000;
            text-align: center;
            border-width: 0px 0px 1px 1px;
            font-size: 14px;
            font-family: Arial;
            font-weight: bold;
            color: #ffffff;
        }
        .CSSTableGenerator tr:first-child:hover td
        {
            background: -o-linear-gradient(bottom, #fc0707 5%, #630b03 100%);
            background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fc0707), color-stop(1, #630b03) );
            background: -moz-linear-gradient( center top, #fc0707 5%, #630b03 100% );
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc0707", endColorstr="#630b03");
            background: -o-linear-gradient(top,#fc0707,630b03);
            background-color: #fc0707;
        }
        .CSSTableGenerator tr:first-child td:first-child
        {
            border-width: 0px 0px 1px 0px;
        }
        .CSSTableGenerator tr:first-child td:last-child
        {
            border-width: 0px 0px 1px 1px;
        }
        .morebtn{    
            background: -o-linear-gradient(bottom, #fc0707 5%, #630b03 100%);
            background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fc0707), color-stop(1, #630b03) );
            background: -moz-linear-gradient( center top, #fc0707 5%, #630b03 100% );
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc0707", endColorstr="#630b03");
            background: -o-linear-gradient(top,#fc0707,630b03);
            background-color: #fc0707;
            border: 0px solid #000000;
            text-align: right;
            border-width: 0px 0px 1px 1px;            
            }
           .morebtn a{
            font-size: 12px;
            text-align:right;
            font-family: Arial;
            font-weight: bold;
            color: #ffffff;
            text-decoration:none;
            text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
                }
                
  .cb-box-heading{
       background: -o-linear-gradient(bottom, #fc0707 5%, #630b03 100%);
      background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fc0707), color-stop(1, #630b03) );
      background: -moz-linear-gradient( center top, #fc0707 5%, #630b03 100% );
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc0707", endColorstr="#630b03");
      background: -o-linear-gradient(top,#fc0707,630b03);
      background-color: #fc0707;
     line-height: 20px;
     color: #fff;
     font-weight: bold;
     padding: 4px; /*width:99.5%;*/
     font-size: 14px;
     margin:0 auto;
     font-family:Verdana;
    -moz-border-radius: 10px 10px 0px 0px;
    -khtml-border-radius: 10px 10px 0px 0px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
     border-radius: 10px 10px 0px 0px;
     text-align:left;
     }
.cb-box-wrapper{
     width:99%;
     margin:0 auto;
    }
.cb-box{
     width:200px; 
     float:left; 
     margin-right:5px;
     }
.no-margin{ margin:0;}
.ui-cb-box{
    width:100%;
    }
.ui-cb-box ul{
    list-style-image: url(/images/festival-bullet.gif);
    margin:0;
    padding:0px 0px 0px 21px;
    }
.ui-cb-box ul li{
    text-align:left;
    line-height:22px;
    text-decoration:none;
   
    }
.ui-cb-box ul li a{
    text-decoration:none;
    }
.ui-cb-box ul li a:hover{
    text-decoration:underline;
    }
.ui-cb-container{
     border:1px solid #800000;
    -moz-border-radius: 10px 10px 10px 10px;
    -khtml-border-radius: 10px 10px 10px 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
     border-radius: 10px 10px 10px 10px;
     margin-bottom:10px;
     box-shadow:0px 1px 1px #000;
     background:#fff;
     padding-bottom:5px;
    }
.ui-img-container{
     border-top:1px solid #ddd;
     box-shadow:0px 0px 0px #aaa;
     background:#fff;
     padding:7px;     
    -webkit-transition: background 2s ease;
    -moz-transition: background 2s ease;
    -ms-transition: background 2s ease;
    -o-transition: background 2s ease;
     transition: background 2s ease;
     }
.ui-img-container:hover{
     background:#ffefb5;
    }
.ui-cbcol-container{
    width:100%;
    margin:0 auto;
    }
.ui-cbcol{
    float:left;
    border:1px solid #ddd;
    box-shadow:0px 0px 0px #000;    
    margin-bottom:10px;
    border-radius:2px;   
    width:120px;
    background:#fff;
    }
.ui-cbcol img{
    padding:5px; 
    }
.ui-margin-r{margin-right:6px;}
.ui-cbcol:hover{
    box-shadow:0px 0px 1px #777;
    }
.ui-zodiac-text{   
    font-size:12px;
    color:#000;
    text-align:center;
    font-weight:bold;
    font-family:Arial;
    width:100%;
    }
p.ui-zodiac-text{   
    padding:0;
    }
.ui-cbcol a{   
     text-decoration:none;
    }
.ui-cb-heading{
    border:solid #ddd;
    border-width:1px 0 1px 0;
    line-height: 36px;
    padding-left: 5px;
    font-size: 18px;   
    color: #333;
    background: #FFECB3;  
    }
.ui-cb-heading h1{    
    line-height: 36px;
    padding-left: 5px;
    font-size: 18px;    
    color: #333;    
    margin:0;
    padding:0;
    }
 .ui-hdmore{
     text-align:right;
     font-weight:bold;
     float:right;
     padding-right:10px;
     font-size:16px;
     }
 .ui-hdmore a{
     color:Red;
     text-decoration:none;
     font-size:16px;
     }
.ui-hdmore a:hover{
     color:Red;
     text-decoration:underline;
     }
 .ui-content-box{   
    }
  .contents {
     padding-top:10px;
     text-align:left;
     
	}

.ui-grid-view{
    width:100%; 
    margin:0 auto; 
    }
.ui-grid-view-b{   
    border:1px solid #ddd;   
    margin:5px 0;     
    }
.ui-grid-view-b:hover{
     box-shadow:0px 0px 2px #666;
     border:1px solid #fff;   
     text-decoration:none;
    }
.ui-grid-view-b:last-child{
    margin-right:0px;
    }
.ui-grid-view-b img{
    padding:3px;  
    }
.ui-grid-view-b a{   
     text-decoration:none;
     text-align:center;
     line-height:20px; 
     }
.ui-grid-text{      
    text-align:center;
    font-weight:bold;
    font-size:14px;    
    border:1px solid #ddd;   
    padding-top:10px;
    height:45px;
    color:#333;
    }

/* Alphabet + search 
******************************************************/
.ui-alpha-container{
    width:100% 
    }
.ui-alphabetic {
    text-align:center;
    margin-top:5px;
    margin-left:5px;
    margin-right:15px;
    width:580px;
    float:left;
    }
.ui-search-alt{    
    float:right;
    margin-right:15px;
    margin-top:20px;
    }
.ui-alphabetic ul 
{
    margin:0;
    padding:0;
    list-style:none;
    
}
.ui-alphabetic li {
    float:left;
    margin:0px 0px -1px 0px;
}
.ui-alphabetic a {
    position:relative;
    width:36px;
    height:36px;
    line-height:36px;
    border:1px solid #ccc;
    border-right:0;
    text-decoration:none;
    float:left;
    display:inline;
    color:#990000;
    padding:0px;
    font-weight:bold;
    font-size:14px;
    text-shadow: 0 1px 1px #ccc;
    }
.ui-alphabetic a.last {     
     border-right:1px solid #ccc;
     }
.ui-alphabetic a span {
    display:block;
    
    text-align:center
}
.ui-alphabetic a:hover {
   background-color: #873d03;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fa7004), to(#873d03));
    background-image: -webkit-linear-gradient(top, #fa7004, #873d03);
    background-image:    -moz-linear-gradient(top, #fa7004, #873d03);
    background-image:     -ms-linear-gradient(top, #fa7004, #873d03);
    background-image:      -o-linear-gradient(top, #fa7004, #873d03);
    background-image:         linear-gradient(top, #fa7004, #873d03);
    color:#fff;
    z-index:100;
    text-shadow: 0 1px 1px #000;
}
.ui-alphabetic a:hover span.first {
    display:block;
    background:rgb(224, 232, 158);
    border:1px solid rgb(203, 214, 149);
}
.ui-alphabetic a:hover span span {
    background:#990000;
    display:block;
    position:absolute;   
}
.ui-boy-girl-container{
    border:1px solid #ccc;
    border-right:0px solid #ccc;
    float:left;
    width:85px;
    height:71px;
    line-height:71px;
    }
.ui-boy-girl-hd{
   font-size:15px;
   font-weight:bold;
   color:#990000;
   text-shadow: 0 1px 1px #ccc;
    }
    
    /* Upgrade User Plan*/
    
    .class1{
    width:70px;
    }
   .class2{
    text-align:center;
    font-weight:bold;
    height: 30px;
    padding-top:5px;
    }
   .CB_Table_Align{
     text-align: left;
     padding-left: 2px;
     height: 32px;
     vertical-align: middle;
    }
   .CB_Table{
     text-align: left;
     padding-left: 2px;
     height: 32px;
     vertical-align: middle;
     font-weight:bold;
    }
   .my_button{
   border: none;
   background: #ca0303;
   background: -webkit-gradient(linear, left top, left bottom, from(#f20909), to(#690202));
   background: -webkit-linear-gradient(top, #f20909, #690202);
   background: -moz-linear-gradient(top, #f20909, #690202);
   background: -ms-linear-gradient(top, #f20909, #690202);
   background: -o-linear-gradient(top, #f20909, #690202);
   padding:0px 12px;
   height:30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
   border-radius: 3px;
  -webkit-box-shadow: 0 0px 0px #000;
  -moz-box-shadow:0 0px 0px #000;
   box-shadow:0 0px 0px #000;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 12px;
   font-family:Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   font-weight:bold;
   cursor:pointer;
  
   }
   
   .cb-img{position: relative;padding-bottom: 60%;height: 0;}.cb-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media(max-width:768px){
.ui-alphabetic {   
    width:100%;   
    }  
    }