﻿/*Modify .pageWidth width property for complete page.*/
.pageWidth { width: 1000px; }

body { /*background-color: #3e5b84;*//*white;*/ font-size: 14px; font-family: Tahoma, Geneva, sans-serif; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; 
       background-color: #b9b9b9; /*background-color: #004689;*/ /*font-family:Tahoma, Geneva, sans-serif;*/ /*background: url(http://dev.infotel.ca/images/winter30.jpg) no-repeat center center fixed;*/ /*background-color: #eaeaea;*/ }

/*#contest_link { background-image:url(http://dev.infotel.ca/images/bg_img2.png);}*/
/*backgound img for header*/
body { 
  /*background: url(http://dev.infotel.ca/images/blank-infonews-rectangle.gif) no-repeat top center fixed;*/
  /*background: url(http://dev.infotel.ca/images/bg.jpg) no-repeat top center fixed;*/
  /*background-position: 0px 17px;
 background-position: 0px 0px;
  -webkit-background-size: auto;
  -moz-background-size: auto;
  -o-background-size: auto;
  background-size: auto;*/

/*background: url('http://infotel.ca/images/bg.jpg') no-repeat top center fixed; 
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
         */}

/*#region Common Tags CSS. Hash UL.LI later*/
ul, li { margin: 0; padding: 0; }
img { border-width: 0px; max-width:100%; }
.center { text-align: center; }
.clear { clear: both; }
a { text-decoration: none; color: #000; }
    a:hover { text-decoration: underline; color: #000; }
    a:visited { color: #000; }
.spacer2 { height: 5px; }

/*#endregion*/

.ghost-text { color: #888 !important; }

/*Modify width to change overall page width*/
.wrapper { margin: 0 auto; padding: 8px; background-color: #FFF; border:solid thin #c6c6c6;}

.banner_top { min-height: 90px; margin: 0 0 10px; list-style: none outside none; display: inline-block; padding: 10px 0 0 0; }
    .banner_top li { list-style: none; float: left; margin-left: 20px; height: 90px; }
        .banner_top li:first-child { margin-left: 0 !important; }
p.avant_adb_block {
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

/*.header { background-color: #ffe439; }*/
.header { background-color: #ffffff;}

.header_top { width: 100%; float:left; min-height: 130px;}   /*background: url(/images/1000x130yellow_twist.gif) no-repeat;*//*background: -webkit-linear-gradient(top, rgb(255, 236, 118) 0%, rgb(255, 226, 44) 62%, rgb(255, 221, 2) 100%); background: -o-linear-gradient(top, rgb(255, 236, 118) 0%, rgb(255, 226, 44) 62%, rgb(255, 221, 2) 100%); background: -ms-linear-gradient(top, rgb(255, 236, 118) 0%, rgb(255, 226, 44) 62%, rgb(255, 221, 2) 100%); background: -moz-linear-gradient(top, rgb(255, 236, 118) 0%, rgb(255, 226, 44) 62%, rgb(255, 221, 2) 100%); background: linear-gradient(top, rgb(255, 236, 118) 0%, rgb(255, 226, 44) 62%, rgb(255, 221, 2) 100%);*/ 
.header_top.kamloops  {background: url(/images/logos/kam-infonews-logo-rec.png) no-repeat;}
.header_top.vernon    {background: url(/images/logos/vern-infonews-logo-rec.png) no-repeat;}
.header_top.penticton {background: url(/images/logos/pent-infonews-logo-rec.png) no-repeat;}
.header_top.kelowna   {background: url(/images/logos/kel-infonews-logo-rec.png) no-repeat;}

.header_logo { width: 300px; float: left; margin-top: 5px; margin-left: 5px; /*height: 53px; -moz-background-size:200px; -o-background-size:200px; background-size:200px; background: url(/images/logo_ie.png) no-repeat; */ }
.header_top_Content { float: right; margin-top: 0px; margin-right: 5px;}
.left_ten, .align_right { margin-left: 10px; float: right!important; }

/*.header_powered_by {width:250px; text-align:right; font-size:10px;*//*background-color: yellow;*/ /*margin-left:440px; margin-top: 2px; padding: 2px 2px 2px 2px; border-radius: 5px;opacity:0.7;}*/
/*.header_powered_by 
{width:400px; 
 text-align:left; 
 font-size:16px; 
 color:white; 
 font-weight: bolder;
 background-color: yellow;
 margin-left:410px; 
 margin-right:230px; 
 margin-top: 1px; 
 padding: 2px 2px 2px 2px; 
 border-radius: 5px;
 opacity:0.7;}*/
/*#region Old CSS for Header Control - NEW CSS Library Below*/
/*.header_links_list {list-style: none outside none; padding-top: 25px;float: right; font-family: Arial; font-size: 12px;width: 595px;  }
    .header_links_list li { list-style: none; float: left; margin: 0px; font-size: medium;}
    .header_links_list li span {color: #FFF; text-decoration: underline;cursor:pointer;}
        .header_links_list li span:hover { color: #b9090b; }*/


/* iPad [portrait + landscape] */
/* iPad [portrait only] */
/*@media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation : portrait),
screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation : portrait)
{
    .header_links_list { list-style: none outside none; display: inline-block; padding: 25px 0px 0 40px;margin: 0px; float: right; font-family: Arial; font-size: 12px; }
}*/

/* iPads (landscape) ----------- */
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) 
{
    .header_links_list { list-style: none outside none; display: inline-block; padding: 25px 0px 0 30px; margin: 0px; float: right; font-family: Arial; font-size: 12px; }
}*/
        

/*.header_search { float: right; font-family: Tahoma, Geneva, sans-serif;width: 595px; font-size: 17px; color: #FFF; margin-top: 10px; clear: both;-moz-transition-property: all, background-color; -o-transition-property: all, background-color; -webkit-transition-property: all, background-color; transition-property: all, background-color; -moz-transition-duration: 0.3s, 1s; -o-transition-duration: 0.3s, 1s; -webkit-transition-duration: 0.3s, 1s; transition-duration: 0.3s, 1s; }
    .header_search input[type="text"] { width: 190px; height: 19px; border: #abadb3 solid 1px; padding: 2px; }
    .header_search input[type="image"] { margin-left: 5px; vertical-align: middle; }
.header_search_focus { background-color:white;}
*/
 /*.header_powered_by {float:right; display:inline-block; font-size:10px; background-color: white; margin-top:2px; padding: 2px 2px 2px 5px; border-radius: 5px;opacity:0.7;}*/
   
/*#txtBusinessSearch {width: 175px;}*/
/*.header_mmredirect {color: #000; text-align:right; padding-top: 5px; padding-right: 68px; font-family: Tahoma, Geneva, sans-serif;font-size: 14px;  position: relative;}
.infotel_websites {width: 125px; float: left; position: absolute; left:250px;}
.businessCategoriesLink { width: 250px; float: left; padding: 0px 0px 0px 0px; font-size: small; text-align: left; padding-top: 0px; color: #FFF; }
    .businessCategoriesLink a { color: #FFF; }

.muyhp { width: 210px; float: left; margin-left: 10px; font-size: 12px; padding-top: 0px; color:#FFF; }
    .muyhp a { color: #FFF;}*/
/*#endregion*/

/*#region Simplified CSS for Header Right*/
.header_right { float: right; padding-right: 15px;}
.header_quick_links { padding-top: 5px; list-style: none outside none; font-family: Arial; font-size: small; text-align:left; }
    .header_quick_links li { display: inline; list-style: none; color: white; }
        .header_quick_links li:not(:first-child):before { content: " | ";cursor:default; }
        .header_quick_links li span { text-decoration: none; cursor: pointer; }
            .header_quick_links li span:hover { color: #B9090B;}

.header_searchBar { font-size: 17px; color: #FFF; line-height: 24px; height: 25px; margin-top: 55px;margin-bottom:5px; }
    .header_searchBar input[type="text"] { height: 19px; line-height:19px; border: #ABADB3 solid 1px; float: left; padding: 2px; width: 365px;padding-right: 58px;margin-left:5px; }
    .header_searchBar input[type="image"] {margin-left: -57px; padding-right: 1px; float: left; padding-top: 1px; }

.header_other_links {font-size:small; }
.header_other_links a,.header_other_links a:hover {color:white !important; }

/*#region Replicated Dell iPad/iPhone CSS Code wrt to new Classes. - Although seems irrelevant */
/* iPad [portrait + landscape] */
/* iPad [portrait only] */
@media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation : portrait),
screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation : portrait)
{
    .header_quick_links { padding: 20px 0px 0 40px;}
}




ul.header_other_links {
    list-style-type:none;
}


ul.header_other_links li { display:inline;
                margin-left:10px; }




/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) 
{
    .header_quick_links { padding: 20px 0px 0 30px; }
}

/*#endregion*/
/*#endregion*/

.weather_header { width: 200px; float: left; clear: none; padding: 30px 0 0 10px; font-size: xx-small; }
.tagline h2 { font-size: 13px; font-style: italic; padding: 0px; margin: 0px; color: black; font-family: Tahoma, Geneva, sans-serif; border-bottom: none; }


.bookmark { background-image: url(../images/home.png); background-position: 0px center; background-repeat: no-repeat; padding-left: 25px; padding-right: 10px; float: right; line-height: 47px; clear:none;}
    .bookmark a { font-family: Tahoma, Geneva, sans-serif; font-size: 18px; color: #000; text-decoration: none; }
        .bookmark a:hover { color: #0151a2; text-decoration: none;}

/*#region Category Panel CSS*/
.header_categories { overflow: hidden; min-height: 40px; background: -webkit-linear-gradient(top, rgb(250, 199, 32) 0%, rgb(254, 213, 71) 59%); background: -o-linear-gradient(top, rgb(250, 199, 32) 0%, rgb(254, 213, 71) 59%); background: -ms-linear-gradient(top, rgb(250, 199, 32) 0%, rgb(254, 213, 71) 59%); background: -moz-linear-gradient(top, rgb(250, 199, 32) 0%, rgb(254, 213, 71) 59%); background: linear-gradient(top, rgb(250, 199, 32) 0%, rgb(254, 213, 71) 59%); }
.red { color: #ff1200; }
.panelmenu { list-style-type: none; margin: 0px; padding: 0px; padding-right: 2px; padding-bottom: 5px; font-family: Tahoma, Geneva, sans-serif; font-size: 17px; text-align: left; color: #000000; height: 30px; vertical-align: top; clear: none; float: left; }
    .panelmenu li { cursor: pointer; background-color: #FAC81F; list-style: none; height: 20px; background: url(../images/arrow.png) 0 8px; background-repeat: no-repeat; margin: 7px 5px 0px 10px; padding-left: 20px; float: left; }
        .panelmenu li a { color: #000; text-decoration: none; }
            .panelmenu li a:hover { color: #0151a2; text-decoration: none;}
        .panelmenu li.activePanel { color: #b9090b; }
.panelmenu_Content { padding: 5px 11px 10px; display: none; background-color: #fac921; clear:both;}
ul.colList { width: 24.2%; margin: 2px; margin-right: 1px; padding: 0px; padding-bottom: 5px; float: left;  }
ul.colList li { margin: 0px; background: url(../images/arrow-small.png) 0 8px !important; background-repeat: no-repeat !important; margin-left: 0 !important; padding-left: 10px !important; height: auto !important; list-style: none outside none; }
    ul.colList li a, ul.colList li a:visited { width: 85.2%; display: inline-block; color: black; padding: 4px 0px; padding-left: 5px; vertical-align: middle; font-size: 14px !important; font-family: Tahoma, Geneva, sans-serif; font-size: 18px; text-decoration: none; }
    ul.colList li:hover a { display: inline-block; background-color: #E3F1FF; cursor: pointer; border: solid 1px #7da2ce; padding: 3px 0px; padding-left: 5px; border-width: 1px 0px; height: auto !important; color: rgb(1, 81, 162); }
    ul.colList li.yellow:hover a { display: inline-block; background-color: #FFFFCC; cursor: pointer; border: solid 1px #FCDE64; padding: 3px 0px; padding-left: 5px; border-width: 1px 0px; }
/*#endregion End Category Panel CSS Code*/

/*#region Menubar Header CSS */
.activeMenuTab { color: Red !important; }

.header_menu { max-height: 37px; width:100%;float:left; font-size: 16px; font-family:Tahoma, Geneva, sans-serif; 
              /* background-color: #3e5b84 !important; 
               border: 1px solid #39547a !important; 
               background-repeat: repeat-x !important;
               background-image: linear-gradient(to bottom, #5278ae, #213046) !important;*/

                 background-color: #000000 !important; 
               border: 1px solid #000000 !important; 
               background-repeat: repeat-x !important;
               background-image: linear-gradient(to bottom, #000000, #000000) !important;
}

ul.menubar { list-style: none outside none; display: block; float:left; font-family:Tahoma, Geneva, sans-serif; font-size: 13px; }
    ul.menubar > li { float: left; display: block; padding: 0 5px; margin: 0 3px; }
        ul.menubar > li > a { display:block; text-align: center; text-decoration: none; color: white; height: 30px; margin-top: 10px; font-family: Tahoma, Geneva, sans-serif; font-size: 15px; }
        ul.menubar > li:hover {background: -webkit-linear-gradient(top, rgb(81, 81, 81) 0%, rgb(33, 33, 33) 62%, rgb(5, 6, 6) 100%); background: -o-linear-gradient(top, rgb(81, 81, 81) 0%, rgb(33, 33, 33) 62%, rgb(5, 6, 6) 100%); background: -ms-linear-gradient(top, rgb(81, 81, 81) 0%, rgb(33, 33, 33) 62%, rgb(5, 6, 6) 100%); background: -moz-linear-gradient(top, rgb(81, 81, 81) 0%, rgb(33, 33, 33) 62%, rgb(5, 6, 6) 100%); background: linear-gradient(top, rgb(81, 81, 81) 0%, rgb(33, 33, 33) 62%, rgb(5, 6, 6) 100%); }
            ul.menubar > li:hover > a { color: white; }

            ul.menubar li:hover > ul.sub_menubar { display: block; }
        ul.menubar > li > span { float: left; text-align: center; text-decoration: none; color: black; height: 30px; margin-top: 10px; }
        ul.menubar > li:hover > span { color: white; }

/*#region Sub Menubar list*/
ul.sub_menubar { /*font-family:Tahoma, Geneva, sans-serif; 
                 list-style: none outside none; 
                 display: none; 
                 clear: both; 
                 position: absolute;
                 z-index:2500; 
                 margin-top: -3px; 
                 padding: 0px; 
                 margin-left: 0px; 
                 background-color: #3e5b84;
                 border: 1px solid #39547a;
     background-image: -moz-linear-gradient(top, #5278ae, #213046) !important;background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5278ae), to(#213046)) !important;
     background-image: -webkit-linear-gradient(top, #5278ae, #213046) !important;background-image: -o-linear-gradient(top, #5278ae, #213046) !important;/*border: #0094ff solid 1px; background-color: #0063ab;*/ 
    /*background-image: linear-gradient(to bottom, #5278ae, #213046) !important;background-repeat: repeat-x;*/ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5278ae', endColorstr='#213046', GradientType=0) !important*//*;*/

      font-family:Tahoma, Geneva, sans-serif; 
                 list-style: none outside none; 
                 display: none; 
                 clear: both; 
                 position: absolute;
                 z-index:2500; 
                 margin-top: -3px; 
                 padding: 0px; 
                 margin-left: 0px; 
                 background-color: black;
                 border: 1px solid black;
     background-image: -moz-linear-gradient(top, black, black) !important;background-image: -webkit-gradient(linear, 0 0, 0 100%, from(black), to(black)) !important;
     background-image: -webkit-linear-gradient(top, black, black) !important;background-image: -o-linear-gradient(top, black, black) !important;/*border: #0094ff solid 1px; background-color: #0063ab;*/ 
     background-image: linear-gradient(to bottom, black, black) !important;background-repeat: repeat-x; /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5278ae', endColorstr='#213046', GradientType=0) !important*/;

}
    ul.sub_menubar li { line-height: 20px; padding: 7px 0px; float: none;}
        ul.sub_menubar li a { padding: 0px 10px; min-width: 120px; display: block; color: #FFF; text-decoration: none; }
            ul.sub_menubar li a:hover { /*color: #ffe600;*/color: grey; font-size: 16px; text-decoration: none; }
/*#endregion*/

        ul.sub_menubar li:hover ul.sub_menubar { left: -140px; margin-top: -15px; float: left; }
       /*To change the direction of sub-sub menu towards right comment top rule and uncomment the following rule*/
        /*ul.sub_menubar li:hover ul.sub_menubar { right: 100%; margin-top: -15px; margin-left:-1px }*/

    /**added jan22 by dell-all this code is in addition to original code*/
    /*ul.sub_menubar  li ul li:first-child a{border-top:solid 5px #fff;}
    ul.sub_menubar  li ul li:last-child a{border-bottom:solid 5px #fff;}
        ul.sub_menubar  li ul li a{ border-bottom:solid 1px #f4f4f4; border-right:5px solid #fff; border-left:5px solid #fff; border-radius:0px!important; margin:0px; padding:8px}*/
    /*Following Block is comment by Imran - Not needed. See note above*/
    /*ul.sub_menubar li:hover ul ul { display: none; z-index: 3000; }
    ul.sub_menubar li ul li:hover > ul { display: block; }
    ul.sub_menubar li ul { position: absolute; display: none; width: 150px; margin-top: -10px; left: -160px; z-index: 3100; }
    ul.sub_menubar li:hover ul { display: block; }
    ul.sub_menubar li ul li { display: block; position: relative; border: none; width: 200px; }
        ul.sub_menubar li ul li ul { display: none; position: absolute; top: -10%; left: -160px; width: 150px; margin-top: 5px; z-index: 3200; }
            ul.sub_menubar li ul li ul li ul { display: none; position: absolute; top: -10%; left: -160px; width: 150px; z-index: 3300; }
                ul.sub_menubar li ul li ul li ul li ul { display: none; position: absolute; top: -10%; left: -160px; width: 150px; z-index: 3300; }*/
    /*end jan 22 addition*/
/*#endregion End Menubar Header*/

/*Header Books/Active Book*/
.header_toolbar { max-height: 60px; margin-top: 5px; /*overflow:hidden;*/ float:left; width:100%;position:relative; border: 1px solid transparent; border-top:0px;border-bottom-width:0px; padding-bottom:3px;
                background: -webkit-linear-gradient(top, rgb(170, 170, 170) 0%, rgb(255, 255, 255) 100%); 
               background: -o-linear-gradient(top, rgb(170, 170, 170) 0%, rgb(255, 255, 255) 100%); 
               background: -ms-linear-gradient(top, rgb(170, 170, 170) 0%, rgb(255, 255, 255) 100%); 
               background: -moz-linear-gradient(top, rgb(170, 170, 170) 0%, rgb(255, 255, 255) 100%); 
               background: linear-gradient(top, rgb(170, 170, 170) 0%, rgb(255, 255, 255) 100%);
}
.header_books { list-style: none outside none; padding: 0px; float: left; line-height: 43px; margin: 0; }
    .header_books > li { float: left; display: inline; margin: 0px 4px 0 5px; }
        .header_books > li a 
        { padding: 6px 10px; 
          font-family: Tahoma, Geneva, sans-serif; 
          font-size: 12px; 
          letter-spacing: 1px; 
          text-decoration: none; 
          color: white; 
          border-radius: 4px; /*march 8 change by dell*/ 
         /*background-color: #3e5b84 !important; 
          border: 1px solid #39547a !important; 
          background-repeat: repeat-x !important; 
          background-image: linear-gradient(to bottom, #5278ae, #213046) !important; */

           background-color: #000000 !important; 
          border: 1px solid #000000 !important; 
          background-repeat: repeat-x !important; 
          background-image: linear-gradient(to bottom, #000000, #000000) !important;
        }
        .header_books > li a:hover, .header_books > li a.activeBook { 
            /*march 8 change by dell*/
            /*background: -o-linear-gradient(top, rgb(255, 236, 118) 0%, rgb(255, 226, 44) 62%, rgb(255, 221, 2) 100%); 
            background: -ms-linear-gradient(top, rgb(255, 236, 118) 0%, rgb(255, 226, 44) 62%, rgb(255, 221, 2) 100%); 
            background: -moz-linear-gradient(top, rgb(255, 236, 118) 0%, rgb(255, 226, 44) 62%, rgb(255, 221, 2) 100%); 
            background: linear-gradient(top, rgb(255, 236, 118) 0%, rgb(255, 226, 44) 62%, rgb(255, 221, 2) 100%);
                background-color: #FFEC76; 
                box-shadow: 0 2px 0 #F5C916;*/ 
                /*color: yellow;*/ 

                 background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 62%, rgb(255, 255, 255) 100%); 
            background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 62%, rgb(255, 255, 255) 100%); 
            background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 62%, rgb(255, 255, 255) 100%); 
            background: linear-gradient(top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 62%, rgb(255, 255, 255) 100%);
                /*background-color: #FFEC76; 
                box-shadow: 0 2px 0 #F5C916;*/ 
                color: red; 

                text-decoration: none;}

/*Header Date + Social*/
.header_infobar { float: right;/*width:625px; margin-top: 2px;*/ line-height: 43px; font-family:Tahoma, Geneva, sans-serif; font-size: 12px; color: #3e5b84;}
    /*.header_infobar td {font-size:medium;}*/
.social_bar { margin-right: 5px; float: right; margin-left: 40px; }
    .social_bar img { height: 24px; width: 24px; vertical-align: middle; padding: 0 2px; margin-top: -1px; }
    .social_bar a { text-decoration: none; }

.social_barmm { margin-right: 5px; float: right; margin-left: 10px; margin-top:0px; }
    .social_barmm img { height: 24px; width: 24px; vertical-align: middle; padding: 0 2px; margin-top: 10px; }
    .social_barmm a { text-decoration: none; }
/*#region Social Icon Menu*/
.social_bar_menu { right: 50px; padding: 0px 4px; border-radius: 2px; position: absolute; z-index: 50; line-height: initial; margin:3px 4px; }
    .social_bar_menu > li { float: left; list-style: none; display: inline-block; border: solid 1px transparent;margin-top: 2px; }
        .social_bar_menu > li:hover { border: solid 1px #DDD; background-color: #FFF; border-radius: 5px 5px 0px 0px; border-bottom: 0px; }
    .social_bar_menu li:hover > .dropdown-menu { display: block; z-index: -1; }
    .social_bar_menu .social { display: inline-block; width: 24px; height: 24px; background-position: center center; background-repeat: no-repeat; padding: 4px 5px; }

.dropdown-menu { min-width: 160px; list-style: none; background: #FFF; border: solid 1px #DDD; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, .2); overflow: visible; padding: 4px 0; margin: 0px; border-top-left-radius: 0px; display: none; margin-top: -1px; margin-left: -1px; position: absolute; }
    .dropdown-menu li { list-style: none; padding: 0 0; margin: 0; line-height: 18px; }
        .dropdown-menu li > a { display: block; color: #555; text-decoration: none; line-height: 18px; padding: 3px 15px; white-space: nowrap; }
            .dropdown-menu li > a:hover { background-color: #08C; color: #FFF; cursor: pointer; }

    .dropdown-menu .dropdown-divider { font-size: 1px; border-top: solid 1px #E5E5E5; padding: 0; margin: 3px 0; }

.has-icons li > a { padding-left: 40px; background-position: 8px center; background-repeat: no-repeat; line-height: 24px; }

.social_bar_menu .twitter a { background-image: url(/images/twitter.png); }
.social_bar_menu .facebook a { background-image: url(/images/facebook.png); }
.social_bar_menu .linkedin a { background-image: url(/images/linkedin.png); }
.social_bar_menu .rss a { background-image: url(/images/rss.png); background-size:28px; }
.social_bar_menu .gplus a {background-image:url(http://ssl.gstatic.com/images/icons/gplus-32.png); background-size:24px;}
.social_bar_menu .gplus:hover {border-bottom: 1px solid #DDD !important;border-radius: 5px !important;}
.social_bar_menu .youtube a {background-image: url(/images/youtube.png);}
.social_bar_menu .instagram a {background-image: url(/images/instagram.png);}
/*#endregion*/

.page_content {clear:both; padding-top:5px;display:table;width:100%;}
.page_content h1 { /*font-family: Georgia, "Times New Roman", Times, serif;*/ font-size: 18px; /*border-bottom: RED solid 1px;*/ margin: 10px !important; margin-bottom: 1px; }

/*#region Weather CSS*/
@-webkit-keyframes blinker {from { opacity: 1.0; } to { opacity: 0.0; }}
@-moz-keyframes blinker {from { opacity: 1.0; } to {opacity: 0.0;}}
@keyframes blinker {from { opacity: 1.0; } to {opacity: 0.0;}}

.css3-blink { -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0); -webkit-animation-duration: 1s; text-decoration: blink; color: Black !important; }

.weatherWarning {font-weight:bold; background-color:Red; font-size:large;text-align:center; padding:5px; }
.weatherWatch {font-weight:bold; background-color:gray; font-size:large;text-align:center; padding:5px; }
.weatherSpecial {font-weight:bold; background-color:lightgray; font-size:large;text-align:center; padding:5px; }

.weatherBar .weatherWarning a { display: block; background-color:#bb0000; color:#000000;}
    .weatherBar .weatherWatch a { display: block; background-color:#ffff00; color:#000000;}
    .weatherBar .weatherSpecial a { display: block; background-color:#83837f; color:#000000;}

.weather_bar { list-style: none outside none; display: inline-block; clear:both;  }
.weather_bar > li { list-style: none; float: left; padding:0 0px; }
    .weather_bar > li a { color: black; }
.weatherTitle { display:block; width: 113px; padding-left:7px; margin-bottom:2px; background-image:url(../images/arrow-small.png); background-repeat:no-repeat; background-position:left center; font-size:12px; }
.currentWeather { clear:left;}
.weather_image { display: block; float: left; padding:0 2px 0 3px; }

    .weather_image > img { width:55px; height:47px; }



.condition {font-size:11px !important; }
.temp {display:block;float:left; font-size:16px; margin:3px auto; text-align: center;}
.temp > span { display: block; font-size:11px; }
.high, .red {color: red; }
.low { }
.pop {font-size:x-small !important;}
.weather_footer {display:block; font-size:x-small;clear:left; }
    .weather_footer a {color:black;float:right; }
 /*#endregion Weather CSS*/

/*Footer Area CSS*/
.footer { margin: 0 auto; padding: 8px; background-color: black; clear:both; }
.footer_menu { height: 40px; border-bottom: #e0e0e0 solid 1px; }
.footer_newsbar { clear: both; padding-bottom: /*20px*/ 0px; margin-top: /*9px*/0px; margin-left: 100px;}
    .footer_newsbar > .social_bar { margin-top: 3px; margin-left:0px; }
    .footer_newsbar > ul { width: 19%; list-style: none outside none; float: left; margin: 0px; padding: 0px/*10px*/ 0 0 20px; /*font-family: Georgia;*/ font-family: Arial; }
        .footer_newsbar > ul h4 { margin: 0 0 10px; font-size: /*14px*/16px; /*background-image: url(/images/arrow2.png);*/ background-image: url(/images/arrow-right.png); background-repeat: no-repeat; padding-left: 20px; border-bottom: 0px; color:white;}
        .footer_newsbar > ul li { /*the font size is new*/font-size: 11px; list-style: none;/*added list style*/ margin-left: 20px; }
            .footer_newsbar > ul li a { font-size: 11px; /*12px;*/ color: white;  }

.gSearch { clear: both; padding: 0px; float:left; width:275px;border:none; background-color:transparent; }
.aboutus { font-size: 12px !important; font-weight: bold; margin: auto; padding: 8px; line-height: 30px; margin-bottom:4px; background-color: #EAEAEA; text-align: center; background: -webkit-linear-gradient(top, white 0%, rgb(207, 207, 207) 100%); background: -o-linear-gradient(top, white 0%, rgb(207, 207, 207) 100%); background: -ms-linear-gradient(top, white 0%, rgb(207, 207, 207) 100%); background: -moz-linear-gradient(top, white 0%, rgb(207, 207, 207) 100%); background: linear-gradient(top, white 0%, rgb(207, 207, 207) 100%); }
.copyright { float: left; }
.footer_logo { float: right; }
.footer_links { list-style: none outside none; display: inline-block; padding: 0px; margin: 0px; margin-left: -25px; }
    .footer_links li { list-style: none; float: left; margin: 0px; }
        .footer_links li a { color: #000; }
/*End Footer*/

.tabhold {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
	/*font-weight: bold;*/
	text-transform: uppercase;
	color: #666666;
	background-color: #ECECEC;
	padding-top: 7px;
	padding-right: 6px;
	padding-bottom: 7px;
	padding-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ECECEC;
	border-right-color: #FFFFFF;
	border-bottom-color: #FBCF1C;
	border-left-color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}
.tabfocus {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	background-color: #FFFFFF;
	padding-top: 7px;
	padding-right: 6px;
	padding-bottom: 7px;
	padding-left: 10px;
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FBCF1C;
	border-right-color: #FBCF1C;
	border-bottom-color: #FFFFFF;
	border-left-color: #FBCF1C;
	text-decoration: none;
}
#top_main_slider { float: left; }
.ad_widgets_top { width: 300px; float: right; }
.movies_on_ttd { background: url('/images/movie_listings.png') no-repeat; width: 230px; height: 153px; display: block; text-align: center; margin: 0px auto; vertical-align: top; float: left; }

.movies_on_ttd2 { background: url('/images/movie_listings2.png') no-repeat; width: 300px; height: 250px; display: block; margin-top: 20px; text-align: center; vertical-align: middle; }

#travel_info { vertical-align: top; }

#imgHoroscope { padding-right: 10px; }

.styled-select { padding-top: 60px; padding-left: 50px; }

.error ul { color: #FF0000; padding-left: 20px; }


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .header_logo img { width: 275px; height: 90px; padding: 7px 0 0 7px; }
}

/*back top top css*/
#back-to-top { position: fixed; bottom: 50px; right: 10px; z-index: 200; }
    #back-to-top a { text-align: center; text-decoration: none; color: #d1d1d1; display: block; width: 50px; -moz-transition: color 1s; -webkit-transition: color 1s; -o-transition: color 1s; }
        #back-to-top a:hover { color: #979797; }
        #back-to-top a span { background: #d1d1d1; border-radius: 6px; display: block; height: 50px; width: 50px; background: #d1d1d1 url(/images/arrow-up.png) no-repeat center center; margin-bottom: 25px; -moz-transition: background 1s; -webkit-transition: background 1s; -o-transition: background 1s; }
        #back-to-top a:hover span { background: #979797 url(/images/arrow-up.png) no-repeat center center; }
/*end back to top css*/

@font-face { font-family: 'Glyphicons Halflings'; src: url('https://netdna.bootstrapcdn.com/bootstrap/3.1.0/fonts/glyphicons-halflings-regular.eot'); src: url('https://netdna.bootstrapcdn.com/bootstrap/3.1.0/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://netdna.bootstrapcdn.com/bootstrap/3.1.0/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://netdna.bootstrapcdn.com/bootstrap/3.1.0/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://netdna.bootstrapcdn.com/bootstrap/3.1.0/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); }
.glyphicon { position: relative; margin-right: 5px; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.glyphicon-cutlery:before { content: "\e179"; }
.glyphicon-cutlery { content: "\e179"; margin: 5px; font-size: 1.15em !important; }

.UpdatePanelProgress {position: absolute; background-color: #FAFAFA; z-index: 2147483647 !important; opacity: 0.8; overflow: hidden; text-align: center; top: 0; left: 0; height: 100%; width: 100%; padding-top: 20%; }
