/* STYLES PROVIDED BY BROCO */

    body{ background:url(img/bg.gif) repeat-x}
    html,body{ height:100%}

    .container{ min-height:100%; width:960px; height:auto !important; height:100%; margin:0 auto -203px;/* the bottom margin is the negative value of the footer's height */}

    .header{ height:38px; padding-top:12px; background: #336699;}

    .nav{ float:right; width:150px}
    a.commandbutton {padding: 0px 4px;}
    
    .ControlPanel td {padding: 1px;}
    .ControlPanel span {padding: 0px 3px;}
    
/* Formerly class "Nav" */
    .RadMenu_TheBridge {margin-top: -14px; margin-left:65px; float:left;}
    .RadMenu_TheBridge li{margin:0; padding:0 30px 0 0; display:inline; list-style-type:none; border-bottom: 0px;}
    .RadMenu_TheBridge li a {color:#92b7dc; font-size:14px; padding:17px 0; font-weight:bold; border-bottom: 0px;}
        .RadMenu_TheBridge li a:hover {color:#fff; background:url(img/selected.gif) no-repeat center bottom;border-bottom: 0px;}
        .RadMenu_TheBridge li a:visited {color:#92b7dc; font-size:14px; padding:17px 0; font-weight:bold; border-bottom: 0px;}
        .RadMenu_TheBridge li a.current {color:#fff; background:url(img/selected.gif) no-repeat center bottom;border-bottom: 0px;}
    .oerbnav{float:right; width:170px; margin-left:-100px;}

    .topnav{width:170px; position:absolute; z-index:3}
        .navbutton{font-weight:bold; padding:5px 10px; font-size:13px; background:url(img/drop_bg.gif) no-repeat left center}
    .topnav ul{margin:0; padding:6px 0 0; list-style:none; height:1%; background:url(img/top_cap.png) no-repeat top}
    .topnav li{margin:0px; padding:0px; list-style: none;}
    .topnav li a, .topnav li a:visited, .topnav li a:active{display:block; padding:5px 3px 5px 10px; margin:0px; height:15px; background:#efefef; border-bottom: 0px;}
    .topnav li a:hover{background:#fff}
    .topnav .botcap{height:6px; padding:0; margin:0; background:url(img/foot_cap.png) no-repeat left top; vertical-align: top;}

    #Logo a{text-decoration: none; border: 0px;text-indent: -9999px;}
    .logo{width:127px; height:29px; float:left; background:url(img/logo.gif) no-repeat; display: block; border: 0;}

    .headline{ width:860px; height:190px; float:right; background:url(img/headline.gif) no-repeat 0px 60px}


    .oklahoma{ width:540px; height:337px; float:right; background:url(img/oklahoma.gif) no-repeat; padding-left:320px; padding-top:63px; line-height:1.6}
     div.oklahoma:hover{ background:url(img/oklahoma_o.gif) no-repeat;}
     
     
    .oklahoma{width:540px; height:337px; float:right; background:url(img/oklahoma.gif) no-repeat; padding-left:320px; padding-top:63px; line-height:1.6}
    .oklahomahide{height:1px; width:1px; visibility:hidden; background:url(img/oklahoma_o.gif) no-repeat}
    .oklahoma ul{list-style:none}
    .oklahoma li{float:left; margin:0px 1px 0px 0px; list-style:none}
    .oklahoma a{border-bottom:none}
    .oklahoma img{margin:0px}
    .oklahoma p{font-weight:bold; background:#fff; padding:5px 10px; width:140px; margin-top:-10px; min-height: 45px;}
    .oklahoma a.varchive{padding:3px 15px 3px 3px; background:#fff url(img/more.gif) no-repeat right center; font-weight:bold; float:right; margin-right:58px}
    .oklahoma a:hover.varchive{color:#fff; background:url(img/more_o.gif) no-repeat right center; border:none}
    .oklahoma .videos{padding:3px; background:#fff; line-height:2; font-size:12px; font-weight:bold; margin-bottom:10px}

     
     /*
    .oklahomahide{ height:1px; width:1px; visibility:hidden; background:url(img/oklahoma_o.gif) no-repeat}
    .oklahoma ul{list-style:none}
    .oklahoma li{float:left; margin:0px 1px 0px 0px; list-style:none}
    .oklahoma a{border-bottom:none}
    .oklahoma img{margin:0px}
    .oklahoma a.varchive{padding:3px 15px 3px 3px; line-height:2; border:0; background:#fff url(img/more.gif) no-repeat right center}
    .oklahoma a.varchive:hover{ color:#fff; background:#369 url(img/more_o.gif) no-repeat right center}
    .oklahoma .videos{ padding:3px; background:#fff; line-height:2; font-size:12px; font-weight:bold}

    */
    .news{ float:left; width:280px; z-index:2; position:relative; margin-top:-330px; left:100px}
    .news ul { list-style:none; margin:0; padding:0}
    .news li { list-style:none; margin:0; padding:0px; height: 125px; overflow: hidden; }
    .news .newsitem{ margin:0; padding:0 3px; border-bottom:1px solid #ccc; background:#fff; width: 260px;}
    .news div.text{ float:left; width:155px; margin: 10px; white-space: normal; }
    .news img {width:72px; height:72px; float: left;}
    .news h6 {}
    .news p {}
    .news .text a {color: #369; text-decoration: none; border-bottom: 1px dotted #ccc; font-size: 12px;}
    .news .text a:visited {text-decoration: none; color: #369; border-bottom: 1px dotted #ccc;}
    .news .text a:hover {text-decoration: none;	color: #369;	border-bottom: 1px solid #369;}
    .newsitem h5 a {border-bottom: 0px; text-decoration: none;}
        a.newstitle:link {color:#336699; text-decoration:none}
        a.newstitle:hover{color:#336699; text-decoration:underline}
        a.newstitle:visited {color:#336699; text-decoration:none}
        a.newstitle:visited:hover{color:#336699; text-decoration:underline}
        

    .news a.thumb{border: 1px solid #ccc; background-color: #fff; width: 72px; height: 72px; padding: 4px; float: left; margin-top: 10px;}
    .news a.thumb:hover{border: 1px solid #369;background-color: #369;}

    .NewsArchive {vertical-align: top; margin-top: 0px;}
    a.newsarchive{ background:url(img/blue_right.jpg) no-repeat right center; width: 100px; height: 26px; display: block; color: #fff!important; text-indent: 10px; padding: 14px 0px 0px 0px; margin-top: 20px; float:left; }
    a.newsarchive:hover {color: #a5d1fe!important;}
    
    .factrotate{float:right; padding-top:28px; padding-right:24px; padding-left:25px}
    .factsheets{float:right; width:250px; margin-top: -20px;}
    .factsheets ul {margin-top: -5px;}
    .factsheets li{border-bottom:1px solid #ccc; padding:6px 0px; list-style: none; margin: 0px; width: 100%;}
    .factsheets .pdf{float:right; padding-left:15px; background:url(img/pdf.gif) no-repeat}
    .factsheets a.flink {font-weight:bold; display:block; padding-left:10px; background:url(img/b_arrow.gif) no-repeat left center; border-bottom: 0px;}
    .factsheets h6{border-bottom:1px solid #ccc; padding:5px 0 5px 17px; background:url(img/factsheet.gif) no-repeat left center; font-size:16px}

    .push{ height:233px}
    .homepush{ float:right; width:580px; display:block; padding-bottom:150px;}

    .BottomHighlights {float: right;  height: 135px; margin-top: 12px;}
        .BottomHighlights .right {float: right; margin-left: 15px; height: 135px; display: inline-block; background: url('/Portals/TheBridge/images/Rotator/RotatorBG.jpg') no-repeat; padding: 10px; position: relative;}
            .rotatortext {color: #346699; font-size: 18px; font-weight: bold; padding: 0px 25px 0px 15px;}
        .BottomHighlights .left {float: right; text-align: right;width: 250px;}
    .BottomHighlights #RotatorNav {float: left; position: absolute; top: 108px; left: 24px;}   
        #RotatorNav span {color: #346699; padding: 0px 2px; line-height: 18px; font-size: 12px;} 
        #RotatorNav img {vertical-align: bottom;}


    .footer{ background:transparent url(img/footer_bg.gif) no-repeat right bottom; color:#fff; height:203px}

    .footerinfo{ margin:0 auto; height:203px; width:960px; background:url(img/rig.png) no-repeat left top; overflow:visible}
    .footerinfo .logolist{ margin:0px; padding:140px 0px 10px}

    .logolist li{ margin:0; display:inline; list-style-type:none; padding-right:20px}

    .footerinfo .footlink{ font-weight:bold; margin-left:20px; color:#fff}
    a.footlink,.footlink a,a.footlink:visited,.footlink a:visited{ color:#fff; border-bottom:1px dotted #fff}
    a.footlink:hover{ color:#fff; border-bottom:1px solid #fff}

    html body div.clear,html body span.clear{ background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0}
    .clearfix:after{ clear:both; content:'.'; display:block; visibility:hidden; height:0}
    .clearfix{ display:inline-block}
    * html .clearfix{ height:1%}
    .clearfix{ display:block}

    #ie6 ul.left_nav li a,#ie7 ul.left_nav li a{ padding:3px 0 0 4px; height:13px}

    #ie6 .container{ overflow:hidden}

    .sidebar{float:right; width:220px; margin:50px 0px 0px 30px}
    .sidebar h4{ border-bottom:1px solid #ccc; font-size:16px; margin:0; padding-bottom:10px; color: #000000; font-weight: bold;}
    .sidebar ul{ list-style:none; margin:0; padding:0}
    .sidebar li{ list-style:none; margin:0; padding:0px; height: 125px; overflow: hidden;  border-bottom:1px solid #ccc;}
    .sidebar img {width: 52px; height: 52px; float: left;}
    .sidebar .vthumb{ border:1px solid #ccc; background-color:#fff; padding: 4px; float:left; margin-top:10px}
    .sidebar a.vthumb:hover{ border:1px solid #369; background-color:#369; margin-top:10px}
    .sidebar div.text{ float:left; width:125px; margin:5px; white-space: normal;}
    .sidebar .text p{ margin-top: 5px}
    .sidebar .text a {color: #369; text-decoration: none; border-bottom: 1px dotted #ccc; font-size: 12px;}
    .sidebar .text a:visited {text-decoration: none; color: #369; border-bottom: 1px dotted #ccc;}
    .sidebar .text a:hover {text-decoration: none;	color: #369;	border-bottom: 1px solid #369;}



    .single{ margin-top:42px; float:left; width:705px}
    .single h3{ border-bottom:1px solid #ccc; font-size:22px; margin:0; padding:0 0 10px; font-weight: bold; color: #000000;}

    .subscribe{ float:right; padding-left:17px; background:url(img/rss.png) no-repeat left top; margin-top:10px}

    .single ul{ list-style:none;  margin:0; padding:0px;}
    .single li{ list-style:none; margin:0; padding:3px; border-bottom:1px solid #ccc}
    .single h3{border-bottom: 1px solid #ccc; font-size: 22px; margin: 0; padding: 0 0 10px;}
    .single h6{border-top: 1px solid #ccc;  font-size: 14px; margin: 0; padding: 10px 0px 10px 0px;}
    .single .text{ float:right; width:600px; margin-top:20px; margin:  15px 0px;  height: 120px;}
    .single .sthumb{ border:1px solid #ccc; background-color:#fff; width:72px; height:72px; padding:4px; float:left; margin-top:20px}
    .single a.sthumb:hover{ border:1px solid #369; background-color:#369}
    .single p{ font-size:110%; line-height:150%}
    .single .story{ margin-top:20px}

    .older{ float:right; background:url(img/more.gif) no-repeat right center; padding:0 15px 0 0}
    .newer{ float:left; background:url(img/less.gif) no-repeat left center; padding:0 0 0 15px; margin-bottom:10px}
    .more{background:url(img/more.gif) no-repeat right center; padding:0 15px 0 0; margin-left:5px}

    ul{ list-style:none}
    #Videos h6 {color: #336699; border-top: 0px;}

/* ------  NEWS MODULE  ------ */

    #NewsModule_Wrapper{border: 0px solid #ccc; margin:0px 0px 0px 0px; padding:0px; display:block;}
    .NewsModuleHeader {background: #fff;}
    .ItemList {margin: 0px; padding: 0px;}
    .NewsItems_Wrapper{display:block; margin: 0px; padding: 0px;}
    .NukeNews_Item {background: #ffffff; padding: 0px;}
    .NukeNews_AltItem {background: #ffffff; padding: 0px;}
    #ltFooter {display: none;}
    .newsactionbar{padding:10px 3px 3px 3px;text-align:left}
    
    /*Reset*/
    #NewsModule_Wrapper .older { margin-right: 0px; padding: 0px 0px 0px 0px;}
    #NewsModule_Wrapper .newer { margin-right: 0px; padding: 0px 0px 0px 0px;}
    
    #NewsModule_Wrapper a.older, #NewsModule_Wrapper  a.older:visited {background:url(img/older.jpg) no-repeat; cursor:pointer; width:100px; height: 26px; text-indent:-9999px}
    #NewsModule_Wrapper a.older:hover{background:url(img/older-over.jpg) no-repeat; color:#A7D3FF}

    #NewsModule_Wrapper a.newer, #NewsModule_Wrapper a.newer:visited {float:left; background:url(img/newer.jpg) no-repeat; cursor:pointer; width:100px; height: 26px; text-indent:-9999px}
    #NewsModule_Wrapper a.newer:hover{background:url(img/newer-over.jpg) no-repeat; color:#A7D3FF}


    #NewsModule_Wrapper ul.NewsControls { display: block; margin-top: 4px;}
    #NewsModule_Wrapper ul.NewsControls li {float: left; display: inline-block; margin: 0px 6px;}
     ul.NewsControls li {border: 0px;}
    ul.NewsControls li a.TB_Link {padding:3px 15px 3px 3px; line-height:2; border:0px solid #369; background:#fff url(img/more.gif) no-repeat right center}
    ul.NewsControls li a.TB_Link:hover{ color:#fff; background:#369 url(img/more_o.gif) no-repeat right center}
    .rss {float: right; padding: 2px 6px;}




    #Vadmin_container {margin: 0px; text-align: left;}
    #Vadmin_container ul {margin: 20px 0px 0px 0px; width: 550px; padding:  3px 4px; list-style: none; border: 1px solid #ccc; background: #e5e5e5; text-align: left;}
    #Vadmin_container li {list-style: none; margin: 1px 0px; background: #ffffff; width: 550px; float: left;}

    #Vadmin_container .label {display: block; padding: 6px;}
    #Vadmin_container .AdminActions {display: block; padding: 6px; }

    #Vadmin_container .SubHead {color: #369; font-size: 14px; }

    .c_footer div.Head {float: left; text-align: left;}
    .c_footer div.Head  img {display:none;}
    .c_footer div.Head a.CommandButton {padding:3px 15px 3px 3px; line-height:2; border:0; color:#fff; background:#369 url(img/more_o.gif) no-repeat right center }
    .c_footer div.Head a.CommandButton:hover{background:#fff url(img/more.gif) no-repeat right center; color: #369;}

/*   Add Video   */
    #Vadmin_container2 {margin:20px 0px 0px 0px; text-align: left; border: 1px solid #ccc; padding: 4px; background: #e5e5e5; width: 600px;}
    .AddVid_wrapper {padding: 20px; background: #fff;}
    .AddVid_wrapper label {font-family: Arial, Verdana, Sans-Serif; font-size: 14px; text-transform: uppercase; color: #3e3e3e; font-weight: bold; display: block;}
    .AddVid_wrapper h6 {color: #000000; font-size: 11px; font-weight: bold; font-family: Arial, Verdana, Sans-Serif;}

    .AddVid_wrapper .TitleField {color: #369; font-size: 18px; height: 37px; width: 535px; line-height: 36px; vertical-align: top; padding:4px 8px 0px 8px;}
    .AddVid_wrapper .fieldRow {clear: both; padding: 10px 0px;}
    .AddVid_wrapper .fieldBlock {display: block; float: left; padding-right: 20px;}
    .AddVid_wrapper .fieldName {display: block; font-size: 12px; font-weight: bold;}


    .AddVid_wrapper ul{ list-style:none;  margin:4px 0px 0px 0px; padding:0px;}
    .AddVid_wrapper li{ list-style:none; margin:0; padding:0 3px;}
    .AddVid_wrapper .text {vertical-align: top; float: left; margin: 4px 0px 0px 6px; line-height: 14px;}

    .AddVid_wrapper .Image{ border:1px solid #ccc; background-color:#fff; width:52px; height:52px; padding:4px; float:left;}
    .AddVid_wrapper a.Image:hover{ border:1px solid #369; background-color:#369}
    .ModuleControlBtn {margin-top: 10px;}
    .submit {margin-top: 10px;}

    .AddVid_wrapper .Gridview {border: 1px solid #ccc;}
    .AddVid_wrapper .Gridview th {padding: 4px; color: #ffffff; background-color: #8a8a8a;}
    .AddVid_wrapper .Gridview td {padding: 4px; border: 1px solid #ccc;}

    .AddVid_wrapper .SelectedFile {border: 1px solid #369; width: 300px;}
    .AddVid_wrapper .SelectedFile div.label {background: #369; color: #ffffff; font-weight: bold; float: left; line-height: 18px; padding: 4px 8px;}
    .AddVid_wrapper .SelectedFile div.file {float: left; padding: 4px 8px;}
    .AddVid_wrapper .approve {background: #369; padding: 4px; margin-top: 4px; color: #ffffff; font-weight: bold; width: 295px;}

/*   Admin Skin   */
    .Admin {margin-top:42px; float:left; width:925px}
    .Admin h3{border-bottom: 1px solid #ccc; font-size: 22px; margin: 0; padding: 0px 0px 10px 0px;}


    .form_wrapper a.Submit {background: url('img/more_o.gif') right no-repeat #336699; border: 1px solid #336699; display: block; padding-right: 15px; margin-right: 8px;}
    .form_wrapper a.Submit:hover {background: url('img/more.gif') right no-repeat #ffffff; border: 1px solid #ccc; color: #000000;}

    .commentDetails {color: #336699;}

/* QuoteBox snippet */
      .QuoteBox {background:url(img/quote_top.jpg) no-repeat top left #ebebeb;  padding:8px; margin: 15px 0px; display: inline-block; text-align: left;}
     .QuoteText {color:#a7a7a7;  font-family:Arial,Verdana,Sans-Serif;  font-size:14px;  font-style:italic;  width:auto;  display:block;  float:left; white-space: ; padding:10px 30px 0px 35px; text-align: left;}
     .closeQuote{display:block;  background:url(img/quote_bottom.jpg) no-repeat bottom right; float: left; padding-right: 8px;  margin-right: 0px; width: 100%;}

/*  Picture with Caption snippet  */
    .Pic_wrapper {background: #ffffff; padding: 3px; border: 1px solid #e7e7e7; float: left; margin: 8px; width: auto; min-width: 178px;}
    .Pic_wrapper .caption {font-size: 10px;  color: #a7a7a7; font-family: Arial, Verdana, Sans-Serif; padding: 2px 0px; white-space: normal;}

/*  Blue PDF button snippet  */
    .btn_PDF {background: url('/Portals/TheBridge/images/Home_PDF.jpg') no-repeat; display: block; width: 244px; height: 59px; padding-left: 53px;}
    .btn_PDF h2 {font-weight: bold; font-size: 14px; color: #fff; font-family: Myriad, Tahoma, Arial, Sans-Serif; margin: 0px; padding: 6px 0px;}
    .btn_PDF p {font-size: 11px; font-weight: normal; color: #fff;}
    .btn_PDF a:link {font-size: 11px; color: #5eb3da; text-decoration: none; font-weight: normal; border: 0px;}
    .btn_PDF a:hover {color: #fff;}

/* Facebook */
    .facebook {float: right; margin-top: -38px; margin-right: 15px;}
    .facebook img {width: 121px; height: 36px;}