﻿/*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://dev.infotel.ca/images/bg.png') 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; }
.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; font-size:large;font-style:italic; }

/*Modify width to change overall page width*/
.wrapper { margin: 0 auto; padding: 8px; background-color: #FFF; border:solid thin #c6c6c6 !important;}


.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: 3px; 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: 170px;}   /*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/header-kamloops.png) no-repeat;}
.header_top.vernon    {background: url(/images/logos/header-vernon.png) no-repeat;}
.header_top.penticton {background: url(/images/logos/header-penticton.png) no-repeat;}
.header_top.kelowna   {background: url(/images/logos/header-kelowna.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; }
ul.wide.news.align_right {border-right:0px;}
/*.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: 55px; padding-top:25px; border: 0px; font-size: larger;}
.header_left { float: right; margin:0 30px 0 20px; padding-top:68px; border: 0px; color:white; text-align:center;}
.header_quick_links { padding: 0 5px 0 0; list-style: none outside none; font-family: Arial; font-size: small; text-align:right; }
	.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; line-height: 24px; /*color: #000; height: 75px;*/ margin-top: 45px;margin-bottom:7px; border: 0px; }
    .header_searchBar input[type="text"] {
        height: 60px;
        line-height: 25px;
        border: 0;
        margin-right: 3px;
        font-size: 24px;
        background: url(/images/searchTxt-bg.png) no-repeat transparent -1px 0;
        width: 430px;
        padding:0 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        /*float: left;
        padding: 2px;
        width: 500px;
        padding-right: 0px;
        margin-left: 5px;
        background-image: url(../images/search-bg.png);
        background-repeat: no-repeat;
        background-color: transparent;*/
    }
	.header_searchBar input[type="image"] {/*margin-left: -71px; padding-top: 1px;*/ padding-right: 1px; float:right;  border: 0px;height: 60px; }
    .header_searchBar_focus { font-size: 17px; color: #000; line-height: 24px; height: 25px; margin-top: 45px;margin-bottom:5px; border: 0px;  }

    textarea:focus, input:focus{ padding-left: 0px; outline: 0; font-style:italic;  }
    label[data-break-label] {
      width: 405px;cursor: text;position: absolute;outline: 0;opacity:0;visibility:hidden;
      -webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;transition: all 0.1s ease-out;
      -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
      margin: 15px 0 0 14px;
      font: italic 500 17px/18px Arial;
      color: #888;
      overflow:hidden;
  
    }
    label[data-break-label].break-label-on {
      opacity: 1;
      visibility: visible;
    }


.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:99.8%;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; }
    .social_bar_menu .newsletter.social { display: inline-block; width: 72px; 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(https://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: White !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; }

.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; }

.movies_on_ttd3 { background: url('/images/movie_listings2.png') no-repeat; width: 300px; height: 175px; display: block; margin-top: 5px; text-align: center; vertical-align: middle; padding:30px 0px 0px 25px;}

#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.3.5/fonts/glyphicons-halflings-regular.eot'); src: url('https://netdna.bootstrapcdn.com/bootstrap/3.3.5/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://netdna.bootstrapcdn.com/bootstrap/3.3.5/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://netdna.bootstrapcdn.com/bootstrap/3.3.5/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://netdna.bootstrapcdn.com/bootstrap/3.3.5/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; }

.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%; }

/*#region iFrame Video Widget*/
.video-widget {
    padding: 5px 2px 2px !important;
}

.embed-responsive {
    position: relative;
    display: block;
    margin-top: 2px;
    overflow: hidden;
}

    .embed-responsive iframe {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.gradient-heading {
    font-size: 24px;
    font-family: Arial, Verdana;
    color: red;
    text-align: center;
    font-weight: 500;
    font-stretch: semi-expanded;
    word-spacing: 5px;
    border-bottom: solid 1px #c6c6c6;
    margin-left: -2px;
    margin-right: -2px;
    position: relative;
    text-shadow: 1px 1px 3px #999;
}

    .gradient-heading:after {
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.15) 43%, rgba(255,255,255,0.75) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.15) 43%, rgba(255,255,255,0.75) 100%);
        background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.15) 43%, rgba(255,255,255,0.75) 100%);
        background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.15) 43%, rgba(255,255,255,0.75) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.15) 43%, rgba(255,255,255,0.75) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
    }

/*#endregion */