/*
   (C) by Creative Spirits, Jens-Uwe Korff
   ---------------------------------------
       Grid version
       Last update: 3/Sep/2009

*/

/* =Reset
- Credits:http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
- NOTE:Accessibility:'outline:0' has been removed to allow keyboard users to see where
  the focus is.
----------------------------------------------------------------------------------------- */
/* We don't use the universal selector (*) to avoid inconsistent form resets. */
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;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
body {line-height:1;color:black;background:white}
/* Tables still need 'cellspacing="0"' in the markup:*/
table {border-collapse:separate;border-spacing:0}
table, td, th {vertical-align:top}
caption, th{text-align:left;font-weight:normal}
blockquote:before, blockquote:after,q:before, q:after {content:""}
blockquote, q {quotes:"" ""}
/* ---- IE fixes ---- */
* html em, * html cite {font-style:normal;font-weight:normal}
*+ html em, *+ html cite {font-style:normal;font-weight:normal}


/* =Grid
   -------------------------------------------------------------------------------------- */
/* This grid:980px wide (+ outer margins 10px each), 25 columns, 20px per column, 20px margin between columns. */
.wrap {width:980px;margin:0 auto}

/* Set up basic grid floating and margins (but only for <div>s, helps us re-use widths below):*/
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8,
div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16
 {float:left;margin-right:20px}
div.border {padding-right:9px;margin-right:10px;border-right:1px solid #e0e0e0}

/* The last column in a row needs this class. */
.last,div.last {margin-right:0}

/* Use these classes to set the width of a column:*/
.span-1  {width:20px}
.span-2  {width:60px}
.span-3  {width:100px}
.span-4  {width:140px}
.span-5  {width:180px}
.span-6  {width:220px}
.span-7  {width:260px}
.span-8  {width:300px}
.span-9  {width:340px}
.span-10 {width:380px}
.span-11 {width:420px}
.span-12 {width:460px}
.span-13 {width:500px}
.span-14 {width:540px}
.span-15 {width:580px}
.span-16 {width:620px}
.span-17 {width:660px}
.span-18 {width:700px}
.span-19 {width:740px}
.span-20 {width:780px}
.span-21 {width:820px}
.span-22 {width:860px}
.span-23 {width:900px}
.span-24 {width:940px}
.span-25, div.span-25 {width:980px; margin:0}

/* Add these to a column to append empty cols:*/
.append-1  {padding-right:40px}
.append-2  {padding-right:80px}
.append-3  {padding-right:120px}
.append-4  {padding-right:160px}
.append-5  {padding-right:200px}
.append-6  {padding-right:240px}
.append-7  {padding-right:280px}
.append-8  {padding-right:320px}
.append-9  {padding-right:360px}
.append-10 {padding-right:400px}
.append-11 {padding-right:440px}
.append-12 {padding-right:480px}
.append-13 {padding-right:520px}
.append-14 {padding-right:560px}
.append-15 {padding-right:600px}
.append-16 {padding-right:640px}
.append-17 {padding-right:680px}
.append-18 {padding-right:720px}
.append-19 {padding-right:760px}
.append-20 {padding-right:800px}
.append-21 {padding-right:840px}
.append-22 {padding-right:880px}
.append-23 {padding-right:920px}
.append-24 {padding-right:960px}

/* Add these to a column to prepend empty cols:*/
.prepend-1  {padding-left:40px}
.prepend-2  {padding-left:80px}
.prepend-3  {padding-left:120px}
.prepend-4  {padding-left:160px}
.prepend-5  {padding-left:200px}
.prepend-6  {padding-left:240px}
.prepend-7  {padding-left:280px}
.prepend-8  {padding-left:320px}
.prepend-9  {padding-left:360px}
.prepend-10 {padding-left:400px}
.prepend-11 {padding-left:440px}
.prepend-12 {padding-left:480px}
.prepend-13 {padding-left:520px}
.prepend-14 {padding-left:560px}
.prepend-15 {padding-left:600px}
.prepend-16 {padding-left:640px}
.prepend-17 {padding-left:680px}
.prepend-18 {padding-left:720px}
.prepend-19 {padding-left:760px}
.prepend-20 {padding-left:800px}
.prepend-21 {padding-left:840px}
.prepend-22 {padding-left:880px}
.prepend-23 {padding-left:920px}
.prepend-24 {padding-left:960px}

/* Use these classes on an element to pull it into the previous column:*/
.pull-0, /* Use this one to just left-align an element. */
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8,
.pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16,
.pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24
 {float:left;position:relative}
div.pull-0 {margin-left:0}
.pull-1 {margin-left:-40px}
.pull-2 {margin-left:-80px}
.pull-3 {margin-left:-120px}
.pull-4 {margin-left:-160px}
.pull-5 {margin-left:-200px}
.pull-6 {margin-left:-240px}
.pull-7 {margin-left:-280px}
.pull-8 {margin-left:-320px}
.pull-9 {margin-left:-360px}
.pull-10 {margin-left:-400px}
.pull-11 {margin-left:-440px}
.pull-12 {margin-left:-480px}
.pull-13 {margin-left:-520px}
.pull-14 {margin-left:-560px}
.pull-15 {margin-left:-600px}
.pull-16 {margin-left:-640px}
.pull-17 {margin-left:-680px}
.pull-18 {margin-left:-720px}
.pull-19 {margin-left:-760px}
.pull-20 {margin-left:-800px}
.pull-21 {margin-left:-840px}
.pull-22 {margin-left:-880px}
.pull-23 {margin-left:-920px}
.pull-24 {margin-left:-960px}
.pull-25 {margin-left:-1000px}

/* Use these classes on an element to push it into the next column:*/
div.push-0, /* Use this one to just right-align an element. */
div.push-1, div.push-2, div.push-3, div.push-4, div.push-5, div.push-6, div.push-7, div.push-8,
div.push-9, div.push-10, div.push-11, div.push-12, div.push-13, div.push-14, div.push-15, div.push-16,
.push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24, .push-25
 {float:right;position:relative}
div.push-0 {margin-right:0;margin-left:0}
.push-1 {margin:0 -40px 1.5em 40px}
.push-2 {margin:0 -80px 1.5em 80px}
.push-3 {margin:0 -120px 1.5em 120px}
.push-4 {margin:0 -160px 1.5em 160px}
.push-5 {margin:0 -200px 1.5em 200px}
.push-6 {margin:0 -240px 1.5em 240px}
.push-7 {margin:0 -280px 1.5em 280px}
.push-8 {margin:0 -320px 1.5em 320px}
.push-9 {margin:0 -360px 1.5em 360px}
.push-10 {margin:0 -400px 1.5em 400px}
.push-11 {margin:0 -440px 1.5em 440px}
.push-12 {margin:0 -480px 1.5em 480px}
.push-13 {margin:0 -520px 1.5em 520px}
.push-14 {margin:0 -560px 1.5em 560px}
.push-15 {margin:0 -600px 1.5em 600px}
.push-16 {margin:0 -640px 1.5em 640px}
.push-17 {margin:0 -680px 1.5em 680px}
.push-18 {margin:0 -720px 1.5em 720px}
.push-19 {margin:0 -760px 1.5em 760px}
.push-20 {margin:0 -800px 1.5em 800px}
.push-21 {margin:0 -840px 1.5em 840px}
.push-22 {margin:0 -880px 1.5em 880px}
.push-23 {margin:0 -920px 1.5em 920px}
.push-24 {margin:0 -960px 1.5em 960px}
.push-25 {margin:0 -1000px 1.5em 1000px}

/* Fix IE6 double-margin bug:*/
* html .pull-1,* html .pull-2,* html .pull-3,* html .pull-4,
* html .pull-5,* html .pull-6,* html .pull-7,* html .pull-8,
* html .pull-9,* html .pull-10,* html .pull-11,* html .pull-12,
* html .pull-13,* html .pull-14,* html .pull-15,* html .pull-16,
* html .push-1, * html .push-2, * html .push-3, * html .push-4,
* html .push-5, * html .push-6, * html .push-7, * html .push-8,
* html .push-9, * html .push-10, * html .push-11, * html .push-12,
* html .push-13, * html .push-14, * html .push-15, * html .push-16
{display:inline}

/* Fix IE6 double-margin bug and bug when (element + margin) > container width:*/
* html .span-1, * html .span-2, * html .span-3, * html .span-4,
* html .span-5, * html .span-6, * html .span-7, * html .span-8,
* html .span-9, * html .span-10, * html .span-11, * html .span-12,
* html .span-13, * html .span-14, * html .span-15, * html .span-16
{display:inline;overflow:hidden}


/* =Tools
   -------------------------------------------------------------------------------------- */
/* Clearfix (credit:http://www.positioniseverything.net/easyclearing.html) */
.cfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0}
        /* ---- IE fixes ---- */
        * html .cfix {height:1%}
        *+ html .cfix {height:1%}
/* Clearing */
.cLeft {clear:left}
.cRight {clear:right}
.cBoth {clear:both}
/* Hidden text */
.hidden {position:absolute;left:-9000px;width:90px}


/* =Links
   -------------------------------------------------------------------------------------- */
a,a:link {color:#005991;text-decoration:none;cursor:pointer; }
a:active {color:#a79aae}
a:visited {color:#444}
a:hover {color:#254565;text-decoration:underline}


/* =Body and wrapper divs
   -------------------------------------------------------------------------------------- */
html {height:100%;background-color:#e6e6e6;height:100.2%/*for short pages, force scrollbar */}
/* Set base font to 75% of 16px = 12px:*/
body {margin:0 auto;background:transparent;font:normal 75%/1.5em Arial, Helvetica, sans-serif}
.wrap {width:1000px;padding:0 4px 100px;position:relative;min-height:101%/*for short pages, force scrollbar (Chrome) */;background:transparent url('img/bg-vertical.png') repeat-y -150px 0/*bg wrap*/}
* html .wrap {background:transparent url('img/ie6/bg-vertical-fs8.png') repeat-y -150px 0!important}

/* =Layout
   -------------------------------------------------------------------------------------- */
.header {height:60px;background:#fff url('img/bg-horizontal.png') repeat-x 0 30px/*header top*/}
        .header div {width:1000px;height:100%;margin:0 auto}
.section {height:60px;background:transparent url('img/bg-horizontal.png') repeat-x 0 -30px/*gradient section*/}
        .section div {position:relative;width:1000px;height:100%;margin:0 auto }
        .section h2 {float:left;padding:9px 0 0 10px;font-size:1.9em;color:#fff; font-family: Georgia;}
        .section h2 a {text-decoration:none;color:#fff!important}
        /* Section backgrounds */
        .national .section {background-color:#000;}
        .entertainment .section {background-color:#660066}
        /*

                                Enter more section colour codes here.

        */
      * html .section{ background-position: 0 -100px; overflow: hidden; }
.contentWrap {width:830px/*not on grid*/;padding:20px 0 0}
.videoWrap {float:left;width:640px;margin:0 10px 20px 0}


/* =Header
   -------------------------------------------------------------------------------------- */
h1 {float:left;width:341px;height:38px;margin-top:10px;text-indent:-9000px}/* Placeholder only - adjust for final logo */
.header form {float:right;width:271px;height:39px;margin-top:10px;background:transparent url('img/bg-wide.png') no-repeat -730px 0/*bg search*/}
        .header form label {position:absolute;left:-9000px}
        .header #txtbox {float:left;margin:8px 0 0 14px;width:216px;height:16px;padding-top:4px;border:0;background:transparent none}
        .header .btnSubmit {float:left;width:29px;height:23px;margin:8px 0 0 5px;padding:0;cursor:pointer;background:transparent none;border:0;text-indent:-9000px}
        .header .btnSubmit:hover {background:transparent url('img/bg-wide.png') no-repeat -372px -50px/*bg search button hover*/}
        /* ---- IE fixes ---- */
        * html .header .btnSubmit {font-size:0;color:#787866/*hide font in bg colour*/}
        * html .header .btnSubmit:hover {background-position:-374px -50px}
        *+ html .header .btnSubmit {margin-left:3px;font-size:0;color:#787866/*hide font in bg colour*/}
        *+ html .header .btnSubmit:hover {background-position:-372px -50px;color:#fff}
        .header .btnSubmit {margin-left:3px\9}/* IE8 Standards-Mode Only */
        .header .btnSubmit:hover {background-position/*\**/: -372px -50px\9}/* IE8 Standards-Mode Only */


/* =Navigation
   -------------------------------------------------------------------------------------- */
/* Main nav */
.nav {position:absolute;left:0;bottom:0;width:1000px;height:25px;overflow:hidden}
        .nav li {float:left;list-style-type:none;line-height:25px}
        .nav li a {display:block;float:left;height:100%;width:70px;font-size:.92em;font-weight:bold;text-align:center;text-decoration:none;text-transform:uppercase;color:#444;
                           background:transparent url('img/bg-wide.png') no-repeat -20px -75px/*bg section nav - overlay*/}
        .nav li span {display:inline-block;background:transparent url('img/bg-wide.png') no-repeat 1px -75px/*bg section nav - overlay*/}
        .nav .first span {width:207px;background-position:0 -75px}
        .nav .last span {z-index:1;position:absolute;top:0;right:0;width:303px;background-position:-697px -75px}
        .nav .selected a,.nav .selected a:hover {color:#fff;background-position:-1001px -100px}
        .nav a:hover {background-position:-1001px -75px}
        .nav li p {display:block;float:left;height:100%;width:70px;font-size:.92em;font-weight:bold;text-align:center;text-decoration:none;text-transform:uppercase;color:#444;
                           background:transparent url('img/bg-wide.png') no-repeat -20px -75px/*bg section nav - overlay*/}
        /* Section backgrounds */
/*      .national      .nav .selected a {background-color:#b65f16}
        .entertainment .nav .selected a {background-color:#660066}
*/      /*


.nav {position:absolute;left:0;bottom:0;width:1000px;height:25px;overflow:hidden}
        .nav li {float:left;list-style-type:none;line-height:25px}
        .nav li a {display:block;float:left;height:100%;width:70px;font-size:.92em;font-weight:bold;text-align:center;text-decoration:none;text-transform:uppercase;color:#444;
                           background:transparent url('img/bg-wide.png') no-repeat -20px -75px/*bg section nav - overlay*/}

                   /*             Enter more section colour codes here.

        */
        /* ---- IE fixes ---- */
        * html .nav a:hover {background-color:#fff}
        * html .nav .selected a:hover {background-color:transparent}
        * html .section div ul.nav {top:35px;}

/* Secondary nav, header */
.secondary {float:right;height:24px;margin-top:6px; width:300px;}
        .secondary li {float:left;margin-left:5px;list-style-type:none;line-height:24px;font-weight:bold;font-size:.92em;text-align:center}
    .secondary li.last {float:left;margin-left:10px;list-style-type:none;line-height:24px;font-weight:bold;font-size:.92em;text-align:center}
        .secondary li a {display:block;width:110px;color:#fff;/*background:transparent url('img/bg-wide.png') no-repeat 0 0 dummy default*/}
        .secondary li a:hover,.secondary li a:visited {color:#fff}
         * html .secondary{width:303px;}

   /* .secondary li.last {
      width: 200px;
    }*/


        /* Section backgrounds */
        .national .secondary li a {background-position:0 -157px/*section buttons - national*/}
        .national .secondary li a:hover {background-position:-140px -157px}
        .entertainment .secondary li a {background-position:0 -180px/*section buttons - entertainment*/}
        .entertainment .secondary li a:hover {background-position:-140px -180px}
         * html .national .secondary li a {background:none}
        /*

                                Enter more section colour codes here.

        */
        .section .secondary .last a { width:56px;text-transform:uppercase;background:transparent url('img/bg-wide.png') no-repeat -260px -49px/*bg btn login*/}
        .section .secondary .last a:hover {background-position:-316px -49px/*bg btn login hover*/}

/* Section nav */
.secNav {width:150px/*not on grid*/}
        .sectionNav {margin-bottom:13px;padding-top:20px;margin-bottom:13px;background:transparent url('img/bg-vertical.png') repeat-y 0 0/*bg section nav*/}
        .sectionNav li {position:relative;list-style-type:none;line-height:26px;border-top:1px solid #e2e2e2;font-size:13px;font-weight:bold; font-family: Georgia;}
        .sectionNav li a {display:block;padding-left:13px;color:#444;position:relative;z-index:1}
        .sectionNav li a:hover {background:#e5e5e5 url('img/bg-wide.png') no-repeat -580px 0/*bg section nav hover*/}
        .sectionNav .last {border:0;padding-bottom:3px;background:transparent url('img/bg-wide.png') no-repeat -540px -29px/*bg bottom section nav*/}
        .sectionNav li span a {z-index:100;position:absolute;right:0;top:0;display:block;width:34px;height:26px;padding:0;text-indent:-9000px}
        .sectionNav li span a:hover {background-color:#e5e5e5;background:#adadad url('img/bg-wide.png') no-repeat -696px -33px/*bg section nav span*/}
        .sectionNav .selected {border:0}
                .sectionNav .selected ol {display:block}
                .sectionNav .selected a,.sectionNav .selected a:hover {position:relative;z-index:10;height:31px;width:137px;padding-left:19px;margin-left:-6px;background:transparent url('img/bg-wide.png') no-repeat -540px -32px/*bg section nav selected*/}
                .sectionNav .selected span {z-index:1;position:absolute;right:10px;top:12px;width:11px;height:5px;background-image:none}
                .sectionNav .selected span a {display:none}
                /* Section backgrounds */
/*              .sectionNav .national      a:hover {color:#b65f16} .sectionNav .national      span a:hover,.sectionNav .selected.national      span {background-color:#b65f16}
                .sectionNav .entertainment a:hover {color:#660066} .sectionNav .entertainment span a:hover,.sectionNav .selected.entertainment span {background-color:#660066}
*/              /*

                                        Enter more section colour codes here.

                */
        .sectionNav ol {display:none;margin-bottom:.5em}
        .sectionNav ol li {font-size:1em;line-height:17px;border:0;font-weight:normal}
        .sectionNav ol li a {padding-left:13px; }
        .sectionNav .selected ol li a {font-size:1em;height:auto;width:auto;margin-left:0;background:transparent none; padding-left: 10px;}
        .sectionNav .selected ol li a:hover {font-size:1em;width:auto;height:auto;padding-left: 10px;margin:0;background:transparent none;}
    /* By abhay for nested menu */
/*      .sectionNav .selected ol li.parent a {text-decoration:none; font-weight:normal;}
        .sectionNav .selected ol li.parent a:hover {text-decoration:none; font-weight:normal;}
        .sectionNav .selected ol li.parent ol li.select a {text-decoration:underline; font-weight:bold;}
        .sectionNav .selected ol li.parent ol li.select a:hover {text-decoration:underline; font-weight:bold;}
*/

    /*.sectionNav li.selected ol li a {text-decoration:none; font-weight:normal;}
        .sectionNav li.selected ol li a:hover {text-decoration:none; font-weight:normal;}*/
    a.select {text-decoration:underline; font-weight:bold;}
        a.select:hover {text-decoration:underline; font-weight:bold;}

    .sectionNav .selected ol li ol li a {font-size:1em;height:auto;width:auto;margin-left:0;background:transparent none; padding-left: 20px;}
        .sectionNav .selected ol li ol li a:hover {font-size:1em;width:auto;height:auto;padding-left: 20px;margin:0;background:transparent none;}

    /*.sectionNav .selected ol li ol li.select ol li.child a{text-decoration:none; font-weight:normal;}
        .sectionNav .selected ol li ol li.select ol li.child a:hover {text-decoration:none; font-weight:normal;}*/


    .sectionNav .selected ol li ol li ol li a {font-size:1em;height:auto;width:auto;margin-left:0;background:transparent none; padding-left: 30px; }
        .sectionNav .selected ol li ol li ol li a:hover {font-size:1em;width:auto;height:auto;padding-left: 30px;margin:0;background:transparent none;}

    .sectionNav .selected ol li ol li ol li ol li a {font-size:1em;height:auto;width:auto;margin-left:0;background:transparent none; padding-left: 40px; }
        .sectionNav .selected ol li ol li ol li ol li a:hover {font-size:1em;width:auto;height:auto;padding-left: 40px;margin:0;background:transparent none;}
/*    .sectionNav .selected ol li ol li ol li ol li.select a {height:auto;width:auto;margin-left:0;background:transparent none; padding-left: 40px; text-decoration:underline; font-weight:bold;}
        .sectionNav .selected ol li ol li ol li ol li.select a:hover {width:auto;height:auto;padding-left: 40px;margin:0;background:transparent none;text-decoration:underline; font-weight:bold;}
*/  /*.select ol li.child a{text-decoration:none; font-weight:normal;}
        .select ol li.child a:hover {text-decoration:none; font-weight:normal;}*/
    /* ---- IE fixes ---- */
        * html .sectionNav ol li,* html .sectionNav li {height:1%}
        * html .sectionNav li {margin-bottom:-3px}
        * html .sectionNav li a {height:1%}
        * html .sectionNav li span a:hover {background-position:-695px -33px}
        * html .sectionNav  {border-bottom:1px solid #e2e2e2}
        * html .sectionNav ol li a:hover {background:transparent url('img/bg-vertical.png') repeat-y 0 0/*bg section nav*/}
        * html .sectionNav .last {height:0;line-height:0;font-size:0;padding-bottom:0;background:transparent none}
        *+ html .sectionNav .last {height:0;line-height:0;font-size:0}
        *+ html .sectionNav li a {height:26px}
        *+ html .sectionNav ol li a {background:transparent url('img/bg-vertical.png') repeat-y 0 0!important/*bg section nav*/}


/* =Text
   -------------------------------------------------------------------------------------- */
.strap {margin-bottom:25px;display:inline-block;}
        .strap h3 {position:relative;padding:0 7px;margin-bottom:.5em;font-size:1.417em;font-weight:bold;line-height:25px;color:#565656;background:transparent url('img/bg-wide.png') no-repeat 0 -20px/*bg heading*/}
        .strap h3 em {font-size:.65em;font-weight:normal;color:#631001}
        .strap h3 strong {font-size:.65em;font-weight:normal;color:#797979;padding-left:.5em;border-left:1px solid #e8e8e8}
        .strap h3 a {position:absolute;right:7px;top:8px;font-size:.65em;line-height:1}
        /* ---- IE fixes ---- */
        * html .strap {height:1%}

        /* News strap */
        .news .span-14 li {position:relative;list-style-type:none;border-bottom:1px solid #efefef;padding:.3em 0; }
                .news .span-14 ul a {font-size:1.167em;font-weight:bold}
                .news ul span {border-left:1px solid #cbcbcb;padding-left:.5em;font-size:.92em;color:#666}

        /* Popup */
        .popup {z-index:10;position:absolute;top:35px;left:-9000px/*Javascript to set to 0 when active*/;
    width:314px;
    padding:8px 7px 0;margin:16px 0 0;border:2px solid #c9c7a4;border-width:0 2px;background-color:#fff}
                .activePopup {left:0}
                .activeLI {z-index:1}/* The active popup's <li> needs to have 'z-index:1' to overlay content in IE6, IE7 */
                .popup .head,.popup .foot {position:absolute;top:-24px;left:-2px;width:332px;height:24px;background:transparent url('img/bg-vertical.png') no-repeat -3530px 0/*bg bubble top*/}
                .popup .foot {top:auto;bottom:-6px;height:6px;background-position:-3862px -22px/*bg bubble bottom*/}
                .popup img {float:left;margin:0 6px 6px 0}
                .popup p {font-size:1em; padding-bottom:10px;}
                .popup p a {font-size:1em!important}
                .popup strong {display:block;font-weight:bold;font-size:1em;line-height:1.2}
                .popup p span {display:block!important;color:#666;border:0;padding:0;font-size:1em; padding-bottom:5px;}
                /* ---- IE fixes ---- */
                * html .popup {padding-bottom:8px}
                * html .popup .foot {background-position:-3862px -16px}
                /* *+html .hasPopup {z-index:10} */
        .popupindex {z-index:10}

       /* Popup1 */
        .popup1 {z-index:10;position:absolute;top:35px;left:-9000px/*Javascript to set to 0 when active*/;
    width:265px;
    padding:8px 7px 0;margin:16px 0 0;border:2px solid #c9c7a4;border-width:0 2px;background-color:#fff;}
                .activePopup1 {right:0;left:auto;}
                .activeLI {z-index:1}/* The active popup's <li> needs to have 'z-index:1' to overlay content in IE6, IE7 */
                .popup1 .head,.popup1 .foot {position:absolute;top:-24px;left:-2px;width:282px;height:24px;background:transparent url('img/bg-vertical.png') no-repeat -1678px 0; /*bg bubble top*/}
                .popup1 .foot {top:auto;bottom:-6px;height:6px;background-position:-1960px -22px/*bg bubble bottom*/}
                .popup1 img {float:left;margin:0 6px 6px 0}
                .popup1 p {font-size:1em; padding-bottom:10px;line-height:1.5em}
                .popup1 p a {font-size:1em!important}
                .popup1 strong {display:block;font-weight:bold;font-size:1em;line-height:1.2}
                .popup1 p span {display:block!important;color:#666;border:0;padding:0;font-size:1em; padding-bottom:5px;}
                /* ---- IE fixes ---- */
                * html .popup1 {padding-bottom:8px}
                * html .popup1 .foot {top:auto;bottom:-12px;height:6px;background-position:-1960px -22px}




/* News strap */
        .news .span-7 li {position:relative;list-style-type:none;border-bottom:1px solid #efefef; }
              /*  .news .span-7 ul a {font-size:1.167em;font-weight:bold} */
              /*  .news ul span {border-left:1px solid #cbcbcb;padding-left:.5em;font-size:.92em;color:#666} */








                /* Featured */
        .featured .span-14 ul {float:left;width:300px;margin-right:20px}
                        .featured ul span {display:none}
                .featured .span-6 p strong {display:block;margin:2px 0;font-size:1.333em;font-weight:bold}
/*              .featured .span-6 p + p {font-size:.92em;line-height:1.2}*/
/*              .featured .span-6 p span {text-transform:uppercase}   */

        /* Video strap */
        .videos ul {margin-left:-9px;overflow:hidden}
                .videos li {float:left;width:128px;margin-left:9px;list-style-type:none}
                .videos p {font-size:.92em;color:#797979;line-height:normal}
                .videos p a {font-weight:bold}
                /* ---- IE fixes ---- */
                * html .videos ul {width:549px;height:1%}
                * html .videos li {display:inline}

        /* Article strap */
        .articles h4 {font-weight:bold;font-size:1.417em}
                .articles li {list-style-type:none;margin-bottom:1em}
                .articles p {color:#313131}
                .articles span {font-size:.92em;color:#797979;padding-right:.5em;margin-right:.2em;border-right:1px solid #e0e0e0}

/* Related */
.span-7 h3 {padding:0 7px;margin-bottom:.5em;font-size:1.417em;font-weight:bold;line-height:25px;color:#565656;background:transparent url('img/bg-wide.png') no-repeat 0 -45px/*bg heading aside*/}
.span-7 .box {padding:2px 0;background:transparent url('img/bg-vertical.png') no-repeat -1158px 0/*bg sidebar top*/}
        .span-7 .box ul {list-style-type:none;background-color:#f4f4f4}
        .span-7 .box li {padding:0 6px 0 23px;line-height:1.93;background:transparent url('img/bg-wide.png') no-repeat -1006px -217px/*icons - arrow right*/}
.news ul p.ellipsis a{
width: 230px;
overflow:hidden;
white-space:nowrap;
display:block;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    -moz-binding:url('css-xml/ellipsis.xml#ellipsis');

}


        .span-7 .box div { /*padding-bottom:2px; background:transparent url('img/bg-vertical.png') no-repeat -1418px -24px bg sidebar bottom*/}

.videos .span-7 ul {margin:0}
        .videos .span-7 li {float:none;width:auto;overflow:hidden;padding:0;margin:6px 8px 8px;background:transparent none}
        .videos .span-7 .last {margin-bottom:6px}
        .videos .span-7 img,.videos .span-7 .overlay {float:right}
        .videos .span-7 p {float:left;width:146px}
        /* ---- IE fixes ---- */
        * html .videos .span-7 ul {width:100%}
        * html .videos .span-7 li {display:block;height:1%;background-image:none}
        * html .videos .span-7 p a {float:left}
/*        * html .span-7 .box div {height:1%}*/
        *+ html .videos .span-7 p a {float:left}
/*        *+ html .span-7 .box div {height:1%}*/

.articles .span-7 li {margin:0}

/* Wofs */
.wof {margin-bottom:1.5em}
        .wof h3 {font-size:1.333em;font-weight:bold}
        .wof .byline {font-size:.92em;color:#999}
        .wof .byline span {text-transform:uppercase}
        .wof .more {font-weight:bold;font-size:.92em}

.wofVideo {margin-right:10px}
        .wofVideo h3 {font-size:1.833em;font-weight:bold;margin:0 0 13px;background:transparent none!important;padding:0}

/* Pagination */
.pagination {overflow:hidden;margin-bottom:25px;text-align:center}
        .pagination ul {overflow:hidden;width:218px;margin:0 auto}
        .pagination li {display:block;float:left;margin-right:1px;height:20px;line-height:20px}
        .pagination a {display:block;padding:0 6px;font-weight:bold;font-size:.92em;color:#666}
        .pagination a:hover,.pagination a:visited {color:#666}
        .pagination .nbr a {background-color:#ececec}
        .pagination .first a {background:transparent url('img/bg-wide.png') no-repeat -109px 0/*bg pagination*/}
        .pagination .last a {margin:0;background:transparent url('img/bg-wide.png') no-repeat -154px 0/*bg pagination*/}
        .pagination .current a {color:#fff!important/*IE6*/;background:#707070 none}
        .pagination .all a {color:#005991!important/*IE6*/}
.blogs .pagination {text-align:left}
        .blogs .pagination ul {position:static;padding:0}
        .blogs .pagination li {float:left;margin:0 1px 0 0}

.aside .box {margin-bottom:20px}
        .aside .box p {padding:0 10px;background-color:#f4f4f4;color:#333}
        .aside .box strong {font-weight:bold;color:#565656}

/* Comments & comment form */
*.comments {width:644px}
.comments .pagination ul {width:278px}

.frmComment {padding-top:5px;margin-bottom:25px;background:transparent url('img/bg-vertical.png') no-repeat -2242px 0/*bg box 644px top*/}
        .frmComment form {width:100%;height:100px;background:#f2f2f2}
        .frmComment div {height:4px;background:transparent url('img/bg-vertical.png') no-repeat -2886px -22px/*bg box 644px bottom*/}
        .frmComment h4 {padding:0 0 .1em 10px;font-weight:bold;font-size:1.1667em;color:#333;background-color:#f2f2f2}
        .frmComment input {width:103px;height:24px;margin:5px 0 0 10px;border:0;color:#fff;font:bold 1em/1 Arial, Helvetica, sans-serif;cursor:pointer;background:transparent url('img/bg-wide.png') no-repeat -730px -39px/*bg btn comment*/}
        .frmComment textarea {width:620px;height:57px;margin:0 0 0 10px}

.comment {padding-bottom:1em;border-bottom:1px solid #ccc;margin-bottom:2em;overflow:hidden;}
        .comment .byline {color:#666}
        .comment .byline span {float:left;display:block;padding:0 .3em 0 25px;text-transform:uppercase;background:transparent url('img/bg-wide.png') no-repeat -1048px -44px/*icons - comments*/}
        /* ---- IE fixes ---- */
        * html .comment {background:#fff none}

/* =Images
   -------------------------------------------------------------------------------------- */
img {vertical-align:bottom}
.overlay {display:block;position:relative}
        .overlay span {display:block;width:18px;height:18px;position:absolute;bottom:4px;right:4px;background:transparent url('img/bg-wide.png') no-repeat 100% 0/*play video*/;text-indent:-9000px}
        /* ---- IE fixes ---- */
        * html .overlay {height:1%}


/* =Tabs
   -------------------------------------------------------------------------------------- */
.tabs {position:relative;clear:both;overflow:hidden;margin-bottom:20px}
        .tabs li {list-style-type:none}
        .tabs ol {position:relative;padding-top:28px;background:transparent url('img/bg-wide.png') no-repeat 0 -100px/*bg tabs*/}
        .tabs h4 {position:absolute;top:0;width:87px;height:28px;border-right:1px solid #cdcdcd}
                .tab1 h4 {left:1px}
                .tab2 h4 {left:89px}
                .tab3 h4 {left:177px}
                .tab4 h4 {left:265px}
        .tabs h4 a {display:block;margin-top:1px;height:28px;line-height:28px;color:#424242;text-transform:uppercase;text-align:center;font-weight:bold}
        .tabs .selected h4 a {background:#fff none}
        .tabs h4 a:hover {background:#dbdbdb none}
        /* Upload/Create button */
        .tabs .addElement {z-index:2;position:absolute;right:0;top:0;display:block;width:106px;height:29px;border-left:1px solid #cdcdcd;line-height:29px;text-align:center;font-weight:bold}
        /* Section link colour */
        .national      .tabs .selected h4 a,.national      .tabs h4 a:hover,.national      .tabs .addElement {color:#bf5800}
        .entertainment .tabs .selected h4 a,.entertainment .tabs h4 a:hover,.entertainment .tabs .addElement {color:#660066}
                /*

                                        Enter more section colour codes here.

                */
        .tabs .selected.tab1 h4 a {background:#fff url('img/bg-wide.png') no-repeat -821px -101px/*bg tabs tab1 selected*/}
        .tabs ul {position:absolute;left:-9000px/*hide by default*/;height:264px;overflow-y:scroll;border:1px solid #cbcbcb;background-color:#fff}
        .tabs .selected ul {position:static}
        .tabs ul li {float:left;width:249px;margin:8px 8px 10px 10px;padding-bottom:8px;overflow:hidden}

        .tabs img {float:left;margin-right:7px}
        .tabs p {line-height:normal}
        .tabs p strong {font-weight:bold}
        .tabs .byline {font-size:.92em;color:#999}
        .tabs .byline span {display:block;text-transform:uppercase}
        /* ---- IE fixes ---- */
        * html .tabs ul li {display:inline}
        * html .tabs .tab1 h4 a {background:transparent none}
       /* * html .tabs .selectedIE6 h4 a {width:87px;background:#fff url('img/bg-wide.png') no-repeat -821px -101px}*/
        * html .tabs .selectedIE6 h4 a {width:87px;background:#fff url('img/ie6/bg-wide.png') no-repeat -821px -101px}
        * html .tabs .tab1 h4 a:hover {height:28px;background:#dbdbdb none!important}
        * html .tab {margin-top:-15px} * html .tab1 {margin-top:0}
        *+ html .tab {margin-top:-15px} *+ html .tab1 {margin-top:0}

/* Rating */
.rating {color:#333;font-size:.92em;font-weight:bold;line-height:1}
        .rating span,.rating em {float:left}
        .rating em {margin:3px 0 0 .5em}
        .rating em,.rating em span {display:block;width:45px;height:8px;background:transparent url('img/bg-wide.png') no-repeat -461px -49px/*rating off*/}
        .rating em span {text-indent:-9000px}
        .r-1 em span {background-position:-499px -61px}/* 1 of 5 */
        .r-2 em span {background-position:-489px -61px}/* 2 of 5 */
        .r-3 em span {background-position:-480px -61px}/* 3 of 5 */
        .r-4 em span {background-position:-471px -61px}/* 4 of 5 */
        .r-5 em span {background-position:-461px -61px}/* 5 of 5 */
        /* ---- IE fixes ---- */
        * html .rating em,* html .rating em span {overflow:hidden}

/* Blog tabs */
.blogs ol {padding-top:29px;background:transparent url('img/bg-wide.png') no-repeat 0 -128px/*bg tabs short*/}
        .blogs h4 {overflow:hidden}
        .blogs h4 a {height:27px}
        .blogs ul {height:auto;padding:10px;border:0;overflow:hidden}
        .blogs ul li {float:none;width:auto;margin:0 0 1.5em;padding:0}
        .blogs .byline span {display:inline}
        .blogs .stats {font-size:.92em;color:#ccc;margin-top:.5em}
        .blogs .comments {padding-left:25px;background:transparent url('img/bg-wide.png') no-repeat -1048px -44px/*icons - comments*/}
        /* ---- IE fixes ---- */
        * html .blogs ul {height:1%}


/* =Forums
   -------------------------------------------------------------------------------------- */
.forum {margin-bottom:20px;width:810px;}
        .forum th {font-weight:bold;font-size:.92em;line-height:29px;background:transparent url('img/bg-wide.png') no-repeat -5px -128px/*bg tabs short*/}
        .forum .first {width:490px;padding-left:12px;background-position:0 -128px}
        .forum .topics {width:82px;text-align:center}
        .forum .posts {width:81px;text-align:center}
        .forum .last {width:86px;padding-left:10px;background-position:-427px -128px}
        .forum td {padding:10px;border:1px solid #ccc;border-width:0 0 1px 1px}
        .forum td.last {border-right-width:1px}
        .forum p {font-size:.92em;line-height:1.4em}
        .forum p strong {display:block;margin-bottom:.2em;font-weight:bold;font-size:1.27em}
        .forum .nbr {padding:10px 0;font-size:1.03em;color:#666;font-weight:bold;text-align:center}
        .forum p em {display:block;line-height:normal;font-weight:bold;color:#333}
        .forum .odd td {background-color:#f2f2f2}
        /* ---- IE fixes ---- */
        * html .forum .last {background-position:-423px -128px}
        *+ html .forum .last {background-position:-423px -128px}
        .forum .last {background-position/*\**/: -428px -128px\9}/* IE8 Standards-Mode Only */
    .forum_meesages .message h3{ font-size:1.333em;
font-weight:bold;
padding-bottom: 10px;
text-transform: capitalize;
}
    .forum_meesages .message .subject{ font-weight: bold; padding-bottom: 10px; float:left; }
    .forum_meesages .message .user_detail{ color:#666666; padding-bottom: 10px; float:right; }
    .forum_meesages .message .first.user_detail{ float:none; }
    .forum_meesages .message .user_detail span{
     background:transparent url(img/bg-wide.png) no-repeat scroll -1048px -44px;
display:block;
float:left;
padding:0 0.3em 0 25px;
text-transform:uppercase;

    }
    .forum_meesages .message .message_text{ padding-bottom: 10px;
    border-bottom: 1px dotted #DDDDDD;
    }


/* Forum nav */
.navForum {margin:5px 0 8px;overflow:hidden}
        .lastNavForum {margin:-15px 0 20px}
        .navForum .pagination {float:right;width:auto;margin:0}
        .navForum p {float:right;margin:1px 8px 0 0;color:#666;font-size:.92em;font-weight:bold}
        .navForum .btnAddTopic {font-weight:bold}
        /* Section link colour */
        .national      .navForum .btnAddTopic,.national      .navForum .btnAddTopic:visited {color:#bf5800}
        .entertainment .navForum .btnAddTopic,.entertainment .navForum .btnAddTopic:visited {color:#660066}
                /*

                                        Enter more section colour codes here.

                */
        /* ---- IE fixes ---- */
        * html .navForum {height:1%}
        * html .navForum .pagination ul {margin:0}
        * html .btnAddTopic {float:left}
        *+ html .navForum .pagination ul {margin:0}
        *+ html .btnAddTopic {float:left}


/* =Footer
   -------------------------------------------------------------------------------------- */
.footer {height:60px;background-color:#FFFFFF}
        .footer div {width:1000px;height:100%;margin:0 auto}
        .footer ul {clear:left;float:left;margin:13px 0 0 23px;font-size:.92em}
        .footer .sections li, .footer .about li  {float:left;list-style-type:none;padding-left:7px;margin-left:7px;background:transparent url('img/bg-wide.png') no-repeat 0 4px/*vertical bar #ccc*/}
        .footer .sections li a:link,.footer .sections  li a,.footer .sections  li a:visited,
        .footer .about li a:link,.footer .about  li a,.footer .about  li a:visited
     {color:#fff}
        .footer .sections  .first, .footer .about  .first {background-image:none;padding-left:0;margin-left:0}
        .footer .logo {float:right;width:145px;height:48px;margin-top:13px;padding:1px 0 0 58px;border-left:0px solid #373737}
        .footer p {color:#BBBBBB;
font-weight:bold;}
        /* ---- IE fixes ---- */
        * html .footer .about {width:300px}
        *+ html .footer .about {width:300px}

/* VeerIT */
ul.imagethumb li, ul.videothumb li  {
width:248px;
height: 85px;
}
.imagethumblist
{
  width:111px;
  height:83px;
  display: block;
  float:left;
background-position:center center;
background-repeat:no-repeat;
border: solid 1px #ddd;
margin-right: 5px;
cursor: pointer;
}


.featured div.span-6 img{
padding-right: 5px;
float: left;
}



/* =My Interest
   -------------------------------------------------------------------------------------- */
.myInterest {margin-bottom:20px ; width:97%}
        .myInterest th {font-weight:bold;font-size:.92em;line-height:29px;background:transparent url('img/bg-wide.png') no-repeat -5px -128px/*bg tabs short*/}
        .myInterest td {padding:10px;border:1px solid #ccc;border-width:0 0 1px 1px}
a.add_rss{
font-size:0.72em;
text-decoration:underline;

}

.myInterest td.last {
border-right-width:1px;
}

.footer_nav li span {display:inline-block;background:transparent url('img/bg-wide.png') no-repeat 1px -75px/*bg section nav - overlay*/}
.footer_nav li {display:inline-block;background:transparent url('img/bg-wide.png') no-repeat 1px -75px/*bg section nav - overlay*/}
.footer_nav .first span {width:207px;background-position:0 -75px}
.footer_nav .last span {z-index:1;position:absolute;top:0;right:0;width:303px;background-position:-697px -75px}
        .footer_nav .selected a,.nav .selected a:hover {color:#fff;background-position:-1001px -100px}
        .footer_nav a:hover {background-position:-1001px -75px}
        .footer_nav li p {display:block;float:left;height:100%;width:70px;font-size:.92em;font-weight:bold;text-align:center;text-decoration:none;text-transform:uppercase;color:#444;
                           background:transparent url('img/bg-wide.png') no-repeat -20px -75px/*bg section nav - overlay*/}
ul.footer_nav{
      list-style: none;
      clear:left;
float:left;
font-size:0.92em;
}
.footer_nav {position:absolute;left:0;top:0;width:1000px;height:25px;overflow:hidden}
.footer_nav li {float:left;list-style-type:none;line-height:25px}
        .nav li a {display:block;float:left;height:100%;width:70px;font-size:.92em;font-weight:bold;text-align:center;text-decoration:none;text-transform:uppercase;color:#444;
                           background:transparent url('img/bg-wide.png') no-repeat -20px -75px/*bg section nav - overlay*/}
        .nav li span {display:inline-block;background:transparent url('img/bg-wide.png') no-repeat 1px -75px/*bg section nav - overlay*/}
        .nav .first span {width:207px;background-position:0 -75px}
        .nav .last span {z-index:1;position:absolute;top:0;right:0;width:303px;background-position:-697px -75px}
        .nav .selected a,.nav .selected a:hover {color:#fff;background-position:-1001px -100px}
        .nav a:hover {background-position:-1001px -75px}
        .nav li p {display:block;float:left;height:100%;width:70px;font-size:.92em;font-weight:bold;text-align:center;text-decoration:none;text-transform:uppercase;color:#444;
                           background:transparent url('img/bg-wide.png') no-repeat -20px -75px/*bg section nav - overlay*/}
       * html .nav .first span {background-position:0 -100px}
       * html .nav li a {background-position:-20px -100px}
       * html .nav li p {background-position:-20px -100px}
       * html .nav .last span {background-position:-517px -100px}
.footer_section {

background:transparent url(img/bg-horizontal.png) repeat-x scroll 0 -30px;
background-color:#000000;
height:25px;
color:#444444;
display:block;
font-size:0.92em;
font-weight:bold;
height:60px;
text-align:center;
text-decoration:none;

}
.footer_section div.outer {
height:25px;
margin:0 auto;
position:relative;
width:1000px;
background:transparent url(img/bg-wide.png) no-repeat scroll 0px -222px;
}

* html .footer_section {background-position: 0px -60x; }
* html .footer_section div.outer {background-position: 0px -222px; width: 960px; }

.footer_section  div.first {
float:left;
display:inline-block;
width: 400px;
padding-top:5px;
padding-left:10px;
text-align: left;
}
/* html .footer_section  div.first{padding-left:30px;} */
.footer_section  div.footer_last {
display:inline-block;
width:240px;
float:right;
padding:3px;
}
.footer_section  div.footer_last span{
  padding:0;
}


.footer_section  div.footer_last a,.footer_section  div.footer_last a:hover
{

color:#444444;
font-size:1em;
font-weight:bold;
text-align:center;
text-decoration:none;
font-weight: bold;
padding:0 5px;
border-right: solid 1px;
  }
.footer_section  div.footer_last a.last,.footer_section  div.footer_last a.last:hover
{
border-right: solid 0px;
  }
        .footer_section ul {clear:left;float:left;margin:13px 0 0 23px;font-size:1em; font-weight:bold; width:100% ;}
        .footer_section .sections li, .footer_section .about li  {float:left;list-style-type:none;padding-left:7px;margin-left:7px;background:transparent url('img/bg-wide.png') no-repeat 0 4px/*vertical bar #ccc*/}
        .footer_section .sections li a:link,.footer_section .sections  li a,.footer_section .sections  li a:visited,
        .footer_section .about li a:link,.footer_section .about  li a,.footer_section .about  li a:visited
     {color:#fff}
        .footer_section .sections  .first, .footer_section .about  .first {background-image:none;padding-left:0;margin-left:0}
.register h3{
  color:#565656;
font-size:1.417em;
font-weight:bold;
}

/*login popup*/
        /* Popup */

    .section div.mylogin{ width:56px;}
    .mylogin div{ width:300px;}
    .mylogin div table td div{width:100px;}
    #forgotpasswordModal{ margin: 0px; padding: 0px;}
    #forgotpasswordModal a{background:none; }
        .loginpopup,.regpopup,.forgotopup {z-index:10;position:absolute;top:0px;left:-9000px/*Javascript to set to 0 when active*/;
    width:300px;
    padding:8px 7px 0;margin:16px 0 0;border:2px solid #c9c7a4;border-width:0 2px medium;background-color:#fff;display:none;} /*DDEEF6*/
                .activeLoginPopup,.activeRegPopup,.activeforgotPopup {left:0; display:block; float: right; }
        #password_link{color:#000000; width:150px; }
        #login_detail{ padding-bottom: 20px;}
                /* ---- IE fixes ---- */
                .loginpopupwrap{ z-index:-1; }
               /* * html .loginpopup,* html .regpopup, * html .forgotopup {padding-bottom:8px;}*/
              /*  * html .activeLoginPopup { float:left;} */
            /*    * html .loginpopup .foot {background-position:-1960px -14px} */
            *+html .loginpopup, *+html .regpopup, *+html .forgotopup {float: left; padding:8px 0 0;}
            *+html #login_detail{ padding-bottom:0;}
            *+html .activeLoginPopup, *+html .activeRegPopup, *+html .activeforgotPopup { left: -250px; clear: both; }
            * html .activeLoginPopup, * html .activeRegPopup, * html .activeforgotPopup { left: -250px;  clear: both; }
             html  {overflow-x:hidden;}
            * html .section div.mylogin { position:relative ;  }
            * html .mylogin div.loginpopup, * html .mylogin div.regpopup,* html .mylogin div.forgotopup{ position:absolute ;top:25px;  }
           /* * html .secondary li.last { margin: 0;float: right;   } clear: both; padding: 0; margin: 0; position: absolute;
            * html .secondary { width: 600px; float: right; display: inline; }
            * html .mylogin div { width: auto; position: relative; display: inline-block; z-index: 10; left: -110px   }  */
/*end */
#launch_date{
float:left;
height:20px;
margin-top:40px;
width:230px;
}

.ellipsis1 {
width: 230px;
overflow:hidden;
white-space:nowrap;
display:block;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    -moz-binding:url('css-xml/ellipsis.xml#ellipsis');

}


.ellipsis_news_list {
width: 530px;
overflow:hidden;
white-space:nowrap;
display:block;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    -moz-binding:url('css-xml/ellipsis.xml#ellipsis');
}