@charset "utf-8";

/* Body */
body { margin: 0px; padding: 0px; }
body{text-wrap: suppress;word-wrap: break-word; }

/* Header */
#header { width:100%; float:left; background:url(../v3_images/headerbk.gif) repeat-x left top; height: 112px; }
#logo{width: 980px; margin:auto; height: 100px; no-repeat right top}
#headerlogoleft { float:left; width: 30%; top }
#headerlogocenter { float: left; width: 2%; top }
#headerlogoright { float: right; width: 68%; padding-top: 2px; }
#headerrgt{position:relative; float:right; top: -84px;}
#headerrgt{position:relative; float:right; top: -84px;}
#logobk123{width: 980px; margin:auto; height: 100px; background: url(../v3_images/headerrgt.gif) no-repeat right top}
#logo123{width: 980px; margin:auto; height: 100px; background: url(../v3_images/headerrgt.gif) no-repeat right top}

/* oHeader */
#oheader { width:100%; float:left; background:url(../v3_images/headerbk.gif) repeat-x left top; height: 112px; }
#ologo{width: 980px; margin:auto;}
#oheaderrgt{position:relative; float:right; top: -84px;}


/* NEWS Header */
#newsheader { width:100%; float:left; background:url(../v3_images/news_headerrgt.gif) repeat-x left top; height: 112px; }
#newslogo{width: 980px; margin:auto; height: 100px; background: url(../v3_images/news_headerrgt.gif) no-repeat right top}
#newsheaderrgt{position:relative; float:right; top: -84px;}

/* CINEMA Header */
#cinemaheader { width:100%; float:left; background:url(../v3_images/cinema-header.gif) repeat-x left top; height: 112px; }
#cinemalogo{width: 980px; margin:auto; height: 100px; background: url(../v3_images/cinema-header.gif) no-repeat right top}
#cinemaheaderrgt{position:relative; float:right; top: -84px;}

/* THERTHAL Header */
#therthalheader { width:100%; float:left; background:url(../v3_images/therthal_headerbk.gif) repeat-x left top; height: 112px; }
#therthallogo{width: 980px; margin:auto; height: 100px; background: url(../v3_images/therthal_headerrgt.gif) no-repeat right top}
#therthalheaderrgt{position:relative; float:right; top: -84px;}

/* EELAM Header */
#eelamheader { width:100%; float:left; background:url(../v3_images/eelam_headerbk.gif) repeat-x left top; height: 112px; }
#eelamlogo{width: 980px; margin:auto; height: 100px; background: url(../v3_images/eelam_headerbk.gif) no-repeat right top}
#eelamheaderrgt{position:relative; float:right; top: -84px;}


/* Content */
#content { width:100%; float:left; background: #E6E6E6 url(../v3_images/contentbk.gif) repeat-y center center; }

/* Content In */
#contentin{ margin: auto; padding:0px; width: 980px; }

/* Ticker */
#ticker { width: 100%; height:29px; float:left; text-align:left; background: #000000 url(../v3_images/tickerbk.gif) repeat-x left top; border: solid 1px #e8edf0; }
#tickertoplft { position: relative; float: left; width: 3px; height: 2px; top: -1px; left: -1px }
#tickertoprgt { position: relative; float: right; width: 3px; height: 2px; top: -1px; left: 1px }
#tickercontainer { width: 100%; float:left; }
#tickerleft { width: 16%; position:relative;  left: 0px; top: -2px; float:left; background: url(../v3_images/tickertopbk.gif) repeat-x left top; height: 29px; }
#tickerheading { float:left; padding-left: 16px; padding-top: 7px; font: normal 12px Verdana, Arial, Helvetica, sans-serif }
#tickersep { float: right; top: 0px; left: 0px; position:relative; background: url(../v3_images/tickersep.gif) no-repeat left top; height:29px; width:38px }
#tickercontent { width: 83%; float:right; font: normal 12px Verdana, Arial, Helvetica, sans-serif; padding-top:6px; }
#tickerbtlft { position: relative; float: left; width: 3px; height: 2px; top: -3px; left: -1px }
#tickerbtrgt  { position: relative; float: right; width: 3px; height: 2px; top: -3px; left: 2px }

/* Content with three columns */
#columnin3col { width: 100%; float:left}
#contentsinleft { float:left; width: 20%; padding-top: 11px; }
#contentsincenter { float: left; width: 56%; padding: 3px; margin-left: 9px; padding-top: 11px; }
#contentsinright { float: right; width: 21%; padding-top: 11px; }
#contentsinright1 { float: right; width: 21%; padding-top: 8px; }


/* Content with two columns */
#columnin2col { width: 100%; float:left}
#contentsin2left { float:left; width: 68%; padding-top: 1px; }
#contentsin2center { float: left; width: 2%; padding: 3px; margin-left: 9px; padding-top: 1px; }
#contentsin2right { float: right; width: 30%; padding-top: 1px; }



/* Content In with gradient back ground */
.contentingrd { position:relative; float:left; left: -12px; padding-top: 20px; padding-bottom: 20px; background: #a1dcfe url(../v3_images/gradblockbk.gif) repeat-x left top; margin:auto; width:1002px; text-align:left }
.tagsingrd { position:relative; float:left; padding-top: 20px; padding-bottom: 20px; background: #a1dcfe url(../v3_images/gradblockbk.gif) repeat-x left top; margin:auto; width: 100%; text-align:left }


/* Red block */
.redblock {  font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; width: 100%; float:left; border: solid 1px #88a93e; background: url(../v3_images/redblockbk.gif) repeat-x left top; height: 36px }
.redblocktoplft { position: relative; float:left; top:-1px; left:-1px; }
.redblocktoprgt { position: relative; float:right; top:-1px; left: 1px; }
.redblockcontent { height: 29px; padding-top: 6px; text-align:center }
#searchbox { border: solid 1px #000000; height: 16px; }
.redblockbtlft { position: relative; float:left; top:-1px; left:-1px; }
.redblockbtrgt { position: relative; float:right; top:-1px; left: 1px; }

/* Start Block */
.starblock { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #ffead5; width: 100%; float:left; border: solid 1px #dc6c00; }
.starblocktoplft { position: relative; float:left; top:-1px; left:-1px; }
.starblocktoprgt { position: relative; float:right; top:-13px; left: 11px; }
.starblockcontent { padding: 10px; width:100%; position:relative; top: -20px; color:#000000 }
.starblockbtlft { position: relative; float:left; top:1px; left:-1px; }
.starblockbtrgt { position: relative; float:right; top:1px; left: 1px; }

/* Tabs */
.tab { width: 100%; }
.tabheading { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; width: 100%; float:left; border: solid 1px #e4e9ed; background: url(../v3_images/tabtopbk.gif) repeat-x left top; height: 29px }
.tabheadinglft { position: relative; float:left; top:-1px; left:-1px; }
.tabheadingrgt { position: relative; float:right; top:-1px; left: 1px; }
.tabheadingcontent{ font: bold 12px Verdana, Arial, Helvetica, sans-serif; width: 100%; }
.tabheadingcontent ul{ margin: 0; padding: 0; float: left; width: 100%; }
.tabheadingcontent ul li{ display: inline; }
.tabheadingcontent ul li a{ float: left; color: white; padding-left: 3px; padding-top: 4px; padding-right: 9px; text-decoration: none;  }
.tabheadingcontent ul li a:visited{ color: white; }
.tabheadingcontent ul li a:hover, .tabheadingcontent ul li .current{ color: #000000 !important; padding-top: 7px; padding-bottom: 6px; background: #FFFFFF url(../v3_images/tabhgl.gif) no-repeat right top; }
.tabcontent { width: 100%; float:left; border: solid 1px #e4e9ed; border-top:0px; background: url(../v3_images/tabbtbk.gif) repeat-x left bottom; }
.tabcontentin, .tabcontentinclr { padding: 3px; font: normal 11px Verdana, Arial, Helvetica, sans-serif;}
.tabcontentinclr {background-color: #F9F9F9; }
.tabbtlft { position: relative; float:left; top:1px; left:-1px; }
.tabbtrgt { position: relative; float:right; top:1px; left: 1px; }

/*  White Block in Gradient block  */
.whiteblock {  margin-left: 20px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; width: 30%; float:left; border: solid 1px #979797; background: url(../v3_images/whiteblockbk.gif) repeat-x left top; }
.whiteblocktoplft { position: relative; float:left; top:-1px; left:-1px; }
.whiteblocktoprgt { position: relative; float:right; top:-1px; left: 1px; }
.whiteblockcontent { height: 100px; padding: 10px; color:#000000}
.whiteblockbtlft { position: relative; float:left; top:1px; left:-1px; }
.whiteblockbtrgt { position: relative; float:right; top:1px; left: 1px }

/*  General Block  */
.block { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; width: 100%; float:left; border: solid 1px #e4e9ed; background: #FFFFFF url(../v3_images/blockbk.gif) repeat-x left bottom; }
.blocktoplft { position: relative; float:left; top:-1px; left:-1px; }
.blocktoprgt { position: relative; float:right; top:-1px; left: 1px; }
.blockcontent { padding: 3px; color:#000000}
.blockbtlft { position: relative; float:left; top:1px; left:-1px; }
.blockbtrgt { position: relative; float:right; top:1px; left: 1px }

/* Posting Block */
.postingblock, .postingblock1, .postingblock2, .postingblock3 { width: 98%; float:left; padding: 6px; padding-top:10px; }
.postingblock1 { background-color:#FFFAF0} /*-----------------------Newly added so in alternative use class=”postingblock” and next as class=”postingblock1”*/
.postingblock2 { background-color:#F8F8FF} /*-----------------------Newly added so in alternative use class=”postingblock” and next as class=”postingblock1”*/
.postingblock3 { background-color:#BDEDFF}

.postinglft { width: 10%; float:left }
.postingrgt { width: 87%; float:right }
.postingheadingstar { width:98%; float:left; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #0033aa; padding-bottom: 2px; }
.postingheading { text-decoration:none; width:98%; float:left; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #0033aa; border-bottom: dashed 1px #BEDAF8; padding-bottom: 2px; }
.postingheadinglink { width:98%; float:left; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000000; padding-top: 2px; padding-bottom: 3px; }
.postingcontent, .postingcontenthide, .starpostingcontenthide { width: 100%; float:left; font: normal 11px Verdana, Arial, Helvetica, sans-serif; padding-top: 3px;}
.postingcontenthide { display:none; }
.postingicons { width: 100%; float:left; padding: 6px; height: 13px; padding-left:0px }

/* Content Block bottom */
#contentblockcontainer { float:left;  width:100%; text-align:left }
.contentblock, .contentblock2 { float:left; width: 31%; padding: 10px; text-align:left }
.contentblock2 { width: 47%;}
.contentblockheading { border-bottom: solid 2px #333333;width:100%; height: 19px; float:left; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #0033aa; }
.contentblockheadingicons { position:relative; top: -10px;float:right }
.contentblocklinks { padding-top: 2px; float:left;font: normal 10px Verdana, Arial, Helvetica, sans-serif }
.contentblockpara { width: 100%; float:left; font: normal 10px Verdana, Arial, Helvetica, sans-serif; }

/* Footer */
#footer { width: 100%; float:left; height: 120px; background: #414141 url(../v3_images/footerbk.gif) repeat-x left top; }
#footerbar { background: #dcedf5 url(../v3_images/footerbarbk.gif) repeat-x left bottom; position:relative; left: -1px; border: solid 1px #9eb0ba; height: 70px; margin: auto; width: 1000px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-align:center; padding-top: 3px; top:0px; }

/* Line Height */
.lineheight { width: 100%;float:left; line-height:20px; height: 20px; }
.lineheight10{ width: 100%;float:left; height: 10px; line-height: 10px;}

/* Fonts Styles */
/* Column Heading */
.columnheading, .columnheadingbr, .columnheadingbdr, .columnheadingvio { margin-bottom: 6px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#3366FF; padding: 3px; float:left; width: 100%; float:left}
.columnheading { border: solid 1px #006600; background-color: #E6FDDF; width: 99%; color: #006600 }
.columnheadingbr { border: solid 1px #990000; background-color: #FFF2E6; width: 98%; color: #990000 }
.columnheadingbdr { border-bottom: dashed 1px #000066; width: 98%; color: #000066}
.columnheadingvio { color:        #FFFFFF;  border-bottom: solid 1px #339933; width: 97%;background: url(../v3_images/tabtopbk.gif) repeat-x left bottom}
.blockinheading { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#FF6600; background-color:#F9F9F9; }
.blockinauthor { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#0033aa; text-align:left }
.grdblockinheading { font: bold 11px Verdana, Arial, Helvetica, sans-serif; padding: 3px; position:relative; top:-10px; left: -10px; color:#FFFFFF;   border-bottom: solid 1px #339933; width: 294px;background-color: #339933; }

.para { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000000;}

/*
.columnheadingvio { color:        #FFFFFF;  border-bottom: solid 1px #339933; width: 97%;background: url(../v3_images/tabtopbk.gif) repeat-x left bottom}
*/

/* Menu */
#menu { margin:auto;z-index: 10000; padding: 0px; left: -12px; position:relative; float:left; top: -16px; width:1000px; height: 29px; text-align:left; background: #000000 url(../v3_images/menubk.gif) repeat-x left top; border: solid 1px #000000;}
#menutoplft { position: relative; float: left; width: 3px; height: 2px; top: -1px; left: -1px }
#menutoprgt { position: relative; float: right; width: 3px; height: 2px; top: -1px; left: 1px }
#menubtlft { position: relative; float: left; width: 3px; height: 2px; top: -1px; left: -1px }
#menubtrgt { position: relative; float: right; width: 3px; height: 2px; top: -1px; left: 1px }
#menucontent { margin: 0; padding: 0; font: bold 11px Verdana, Arial, Helvetica, sans-serif; height: 26px; padding-top: 3px;z-index: 10000;}
#menucontentimage { margin: 0; padding: 0; font: bold 11px Verdana, Arial, Helvetica, sans-serif; height: 26px; z-index: 10000;}
#menucontent li { margin: 0; padding: 0; list-style: none; float: left;        font: bold 11px Verdana, Arial, Helvetica, sans-serif}
#menucontent li a {        display: block;        margin: 0 1px 0 0; padding: 4px 10px; width: 100%; color: #FFF;        text-align: center;        text-decoration: none}
#menucontent li a:hover{ background: #cf0304}
#menucontent div{ position: absolute; visibility: hidden; margin: 0; padding: 0; width: 160px; background: #EAEBD8;        border: 1px solid #a80001}
#menucontent div a        {position: relative;display: block;        margin: 0; padding: 5px 10px; width: auto; white-space: nowrap;        text-align: left; text-decoration: none;background: #EAEBD8; color: #a80001;        font: 11px arial}
#menucontent div a:hover{background: #cf0304; color: #FFF}

#menu1 { margin:auto;z-index: 100; padding: 0px; left: -12px; position:relative; float:left; top: -16px; width:1000px; height: 29px; text-align:left; background: #000000 url(../v3_images/menubk.gif) repeat-x left top; border: solid 1px #000000;}
#menutoplft1 { position: relative; float: left; width: 3px; height: 2px; top: -1px; left: -1px }
#menutoprgt1 { position: relative; float: right; width: 3px; height: 2px; top: -1px; left: 1px }
#menubtlft1 { position: relative; float: left; width: 3px; height: 2px; top: -1px; left: -1px }
#menubtrgt1 { position: relative; float: right; width: 3px; height: 2px; top: -1px; left: 1px }
#menucontent1 { margin: 0; padding: 0; font: bold 11px Verdana, Arial, Helvetica, sans-serif; height: 26px; padding-top: 3px;z-index: 100;}
#menucontentimage1 { margin: 0; padding: 0; font: bold 11px Verdana, Arial, Helvetica, sans-serif; height: 26px; z-index: 100;}
#menucontent1 li { margin: 0; padding: 0; list-style: none; float: left;        font: bold 11px Verdana, Arial, Helvetica, sans-serif}
#menucontent1 li a {        display: block;        margin: 0 1px 0 0; padding: 4px 10px; width: 100%; color: #FFF;        text-align: center;        text-decoration: none}
#menucontent1 li a:hover{ background: #cf0304}
#menucontent1 div{ position: absolute; visibility: hidden; margin: 0; padding: 0; width: 160px; background: #EAEBD8;        border: 1px solid #a80001}
#menucontent1 div a        {position: relative;display: block;        margin: 0; padding: 5px 10px; width: auto; white-space: nowrap;        text-align: left; text-decoration: none;background: #EAEBD8; color: #a80001;        font: 11px arial}
#menucontent1 div a:hover{background: #cf0304; color: #FFF}


/*  General Block  */
.block2 { width:290px; margin-left: 30px;font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;  float:left;  background: #FFFFFF url(../v3_images/blockbk.gif) repeat-x left bottom; }
.block2content { padding: 3px; color:#000000;width:290px;}
.columnheadingvio2 { color:        #FFFFFF;  border-bottom: solid 1px #339933; background: url(../v3_images/tabtopbk.gif) repeat-x left bottom; width:284px; margin-bottom: 6px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; padding: 3px; float:left;}
.adspace{ width: 100%; float:left; margin-top: 13px;}
.columnheadinginrow {background-color: #BEDAF8; width:99%; font: 10px Verdana, Arial, Helvetica, sans-serif; float: left; padding: 6px;}
.columnheadinginrowlft {width: 37%; float:left}
.columnheadinginrowcenter {width: 2%; float:right}
.columnheadinginrowrgt {width: 50%; float:right }
.contentcolumnheadinginrow {background-color: #BEDAF8; width:99%; font: bold 14px Verdana, Arial, Helvetica, sans-serif; float: left; padding: 6px;}
.contentcolumnheadinginrowlft {width: 37%; float:left}
.contentcolumnheadinginrowcenter {width: 2%; float:right}
.contentcolumnheadinginrowrgt {width: 50%; float:right }

#btnsearch{top: 5px; position:relative}

/* Links */
.postingheading a:link, .postingheading a:visited { color: #0033aa; }
.postingheadinglink a:link, .postingheadinglink a:visited { color:#000000; }
.blockinheading a:link, .blockinheading a:visited { color:#FF6600; }
.blockinauthor a:link, .blockinauthor a:visited, #footerbar a:link, #footerbar a:visited  { color:#000000; }
.columnheadingbdr a:link, .columnheadingbdr a:visited { color:#3366FF; }
.contentblockheading a:link, .contentblockheading a:visited { color: #0033aa; }
a:link, a:visited, .contentblocklinks a:link, .contentblocklinks a:visited { color:#000000; }
.columnheadingvio2 a:link, .columnheadingvio2 a:visited, .columnheadingvio a:link, .columnheadingvio a:visited { color:#FFFFFF; }
a:link, a:visited, .postingheading a:link, .postingheading a:visited, .postingheadinglink a:link, .postingheadinglink a:visited , .columnheadingvio a:link, .columnheadingvio a:visited, .columnheadingvio2 a:link, .columnheadingvio2 a:visited, .columnheadingbdr a:link, .columnheadingbdr a:visited, .contentblockheading a:link, .contentblockheading a:visited, .blockinheading a:link, .contentblocklinks a:link, .contentblocklinks a:visited, .blockinheading a:visited, .blockinauthor a:link, .blockinauthor a:visited, #footerbar a:link, #footerbar a:visited { text-decoration:none; }
a:hover, .postingheading a:hover, .blockinheading a:hover, .columnheadingbdr a:hover, .columnheadingvio2 a:hover, .postingheadinglink a:hover, .columnheadingvio a:hover, .blockinauthor a:hover, #footerbar a:hover, .contentblockheading a:hover, .contentblocklinks a:hover { color: #CC0000; text-decoration:none }


input[type=button]{ font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; height:20px; border: solid 1px #000000; background: url(../v3_images/buttonbk.gif) repeat-x left top; }

.tabheadingtext { font: bold 11px Verdana, Arial, Helvetica, sans-serif; background-color:#BEDAF8; color:#003366; text-align:center; padding: 3px; float:left; width: 98%; float:left }
.starblockcontent, .postingcontent, .postingcontenthide{ overflow:hidden}

/* Star Block */

.starpostinglft{padding: 9px; float:left; width:8%; position:relative}
.starpostingrgt{ float:left; position:relative; padding: 9px; width:80%; color:#000000}
.starpostingrgt1{ float:left; position:relative; width:45%; color:#000000}
.starpostingrgt2{ float:right; position:relative; padding: 5px; width:50%; color:#000000}
.startcontentcontainer{width: 100%; position:relative; float:left; top: -10px;}
.starpostingcontenthide { color:#000000; display:none; }

.blockinmthirrati123 { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#666666; text-align:left }
.blockinmthirrati { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#3399FF; text-align:left }
.blockinannounce { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#FF3333; text-align:left }

/* Voting Block */

.voteblock { width: 20%; height: 25px; background: url(../v3_images/vote_icon.png) repeat-x left bottom; font: bold 15px Verdana, Arial, Helvetica, sans-serif; color: #0033aa; padding-bottom: 2px; padding-top: 2px; text-align:center; }
.voteblock1 { width: 100%; height: 25px; background: url(../v3_images/vote_icon.png) repeat-x left bottom; font: bold 15px Verdana, Arial, Helvetica, sans-serif; color: #0033aa; padding-bottom: 2px; padding-top: 2px; text-align:center; }


/* Float Fixes - Clearfix */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.pagination:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.pagination{display:inline-block;}


/* Pagination */

.pagination {
        padding:0;
        text-transform:capitalize;
}

.pagination p {
        margin:0;
        padding:0;
        position:relative;
}

.pagination p a {
        display:block;
        float:left
}

.pagination p a:link, .pagination p a:visited, .pagination p a:active {
        background:#666;
        border:1px solid #666;
        color:#fff;
        margin-right:1px;
        padding:3px 7px;
}

.pagination p a:hover {
        background:#c00;
        border:1px solid #c00;
        color:#fff;
}

.pagination p span {
        background:#c00;
        border:1px solid #c00;
        color:#fff;
        display:block;
        float:left;
        margin-right:1px;
        padding:3px 7px;
}