.footer {
	padding-bottom: 70px !important;
}

body {
	font-family: Helvetica, Arial, sans-serif, sans-serif;
	font-size: small;
	margin: 0;
	padding: 0;
}



h2{
	font-size: 110%;
	margin-bottom: 0;
	padding: 5px 0px 5px 0px;
	border-top: solid #aaa 1px;
	color: #333;
	}

h2 a {
	font-size: 100%;
	color: #333;
	}

h3 {
	font-size: medium;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}
.footer {
	padding: 0px 0px 10px 0px;
	text-align: center;
	color: #555;
	font-size: smaller;
	margin: 10px 0px 0px 0px;
    
}

.inner_footer {
    text-align: center;
	color: #555;
	font-size: smaller;
    padding: 0px;
    margin: 0px;
}

#navMenu {
	background: #002d65;
	background-image: url('/resources/mobile/graphics/header_bg.jpg') ;
	background-repeat:no-repeat;
	background-position:left top;
	padding: 2px 0px 2px 5px;
	margin: 0px 0px 10px 0px;
	font-size: 1.2 em;
	letter-spacing: 0px;
	text-align: left;
	color: #fff;
	height: 73px;
	-webkit-box-shadow: 0px 2px 5px #555;	
	box-shadow: 0px 2px 5px #555;	
	text-shadow: 1px 1px 3px #555;
}

#navBottom {
	background: #002d65;
	padding: 2px 0px 3px 5px;
	margin: 0px 0px 10px 0px;
	font-size: 1.1 em;
	letter-spacing: -.5px;
	text-align: left;
	color: #fff;
	height: 25px;
	-webkit-box-shadow: 0px 2px 5px #555;	
	box-shadow: 0px 2px 5px #555;	
	text-shadow: 1px 1px 3px #555;

}

#navMenu ul, #navBottom ul {
list-style:none;
margin:0px 0 0 5px;
padding:0px 0px 0px 0px;
text-align: left;
}

#navMenu li, #navBottom li {
display: inline;
margin:0;
padding:0px 2px 0px 0px;
}

#navMenu a, #navBottom a { 
	color: #fff;
}

#page-body, .spacer {
	margin: 0px 10px 0px 10px;
}


a {
	color: #555;
	font-weight: bold;
	text-decoration: none;
}
.featured-story {
	width: 300px;
	margin: 0 auto;
}
@media only screen and (orientation: landscape) {
	.featured-story {
	width: 460px;
	margin: 0 auto;
} 
}

.featured-story img {
	width: 300px;
}

@media only screen and (orientation: landscape) {
	.featured-story img {
	width: 460px;
}
}

.featured-story-info {
	margin: 5px 0px 10px 0px; 
}

.latest-story {
	margin-top: 5px;
}
.update-time {
	font-size: 70%;
	color: #880000;
		padding: 2px 0px 0px 0px;
}

.update-time img {
	width: 13px;
	height: 11px;
	float: none;
	margin: 0px;
	
}

#storyVideo, #storyNOVideo { width: 300px; margin: 0 auto; }

@media only screen and (orientation: landscape) {
	#storyNOVideo {
	width: 460px;
	margin: 0 auto;
} 
}

#storyNOVideo .anchor { width: 300px;  }

@media only screen and (orientation: landscape) {
	#storyNOVideo .anchor {
	width: 460px;
	
} 
}




.s {
	margin: 10px 0px 0px 0px;
}
.s-title {
	font-size: 110%;
	font-weight: bold;
}
.s-img {

	width: 300px;
	
	margin-right: 10px;
}
.s-head {
}
.s-author {
	color: #888;
}
.s-body {
	margin-top: 15px; margin-bottom: 5px;
	
}
.s-video {
	margin-top: 0px; margin-bottom: 10px; background: #eee; padding: 5px;
	
}
.s-time {
}

.videolink ul { list-style-image: url('/resources/mobile/graphics/logo_video.gif'); margin: 0px 10px 0px 20px; padding: 0;
}




.m {
	margin-top: 5px;
}
.m a {
	font-size: 140%;
}
.m-image {
	margin-right:5px;
	float:left;
}
.m-text {
	float:left;
	width:250px;
}
.m-reldate {
	color: #888;
	font-size: 80%;
}
.m-stars {
	color: #888;
	font-size: 80%;
}
.m-synopsis {
	font-size: 80%;
}
.logo {
		width: 82px;
	height: 45px;
	padding-top: 2px;
	float: left;
	padding-left: 5px;
}
.linkRed {
	color: #880000;
	font-size: smaller;
}
.homeWX {
	padding:15px 5px 0px 0px;
	float: right; 
	color: #fff;
	font-weight: bold;
}

.homeWXicon {
	padding:0px 5px 0px 0px;
	float: right; 

}

#adslot {
margin: 0 auto;
text-align: center;
margin: 0px 0px 15px 0px;
}

.div_link {
color: #aa0000;
font-size: 80%;
font-weight: bold;
cursor:pointer;
padding: 0px 0px 10px 10px;
}

.no_stories_showing {
	background: #002d65; 
	padding-left: 10px; 
	margin: 0px;
}
.toggle_storyShowHide {
	padding:0px 0px 0px 0px;
	float: right;
	font-size: 12px; 
	padding: 2px 0px 0px 0px;
}

.conference {
    text-align:center;
    padding:3px 0px 3px 0px; 
    border:#bbb 1px solid;
    margin:15px 0px 0px 0px; 
    font-size: 14px;
}

.full_site {
    text-align:center;
    padding:3px 0px 3px 0px; 
    border:#bbb 1px solid;
    margin:5px 5px 10px 5px;
}

.radio_stream {
    text-align:center;
    padding:3px 0px 3px 0px; 
    border:#bbb 1px solid;
    margin:5px 5px 10px 5px; 
    font-size: 14px;
}


#NavbarSpacer { opacity:.50; box-shadow: 0px 1px 0px #fff; border-bottom: 1px solid #555; }
	
.clear {
	
	padding-top: 1px; 
	margin: 5px 10px 2px 5px;
	clear: both;
}

select.weather option {
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    color: #555;
}

.theater_div { margin:5px 0px 5px 0px;background-color:#ddd;padding:2px; }
.location_name { font-size:16px;font-weight:bold; }
.locationInfo_div { font-size:12px; }
.movieInfo_div {  }

.traveltimes { float: left;width: 300px;margin-bottom: 2px;  }
.traveltimes img { float: left; padding: 4px 10px 10px 0px; }
.col3Menu {
background-color: #ddd;
font-size:11px;
line-height:normal;
width: 300px;
height: 18px;
margin: 5px 0px 0px 0px;
}

.col3Menu ul {
list-style:none;
margin:0;
padding:0;
}

.col3Menu li {
float:left;
background: no-repeat right top;
margin:0;
padding: 3px 5px 0px 5px;
}

.col3Menu .on {
background: #fff;
float:left;
margin:0;
padding: 2px 4px 2px 4px;
border-top: 1px #ccc solid;
border-right: 1px #ccc solid;
border-left: 1px #ccc solid;
}

.col3Menu a {
float:left;
display:block;
background:no-repeat left top;
height:13px;
color: #555;
}

.col3Menu .on a  {
font-weight: bold;
}

.barBox {
    clear: left;
    margin-left: 0px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    height: 21px;
    width: 200px;
}
.bar1 {
    float: left;
    background: url('http://ksl.com/images/barBackRed.gif') no-repeat top right;
    height: 21px;
}
.bar2 {
    float: left;
    background: url('http://ksl.com/images/barFrontRed.gif') no-repeat top right;
    height: 21px;
}
.bar3 {
    float: left;
    background: url('http://ksl.com/images/barBackGrey.gif') no-repeat top right;
    height: 21px;
}
.bar4 {
    float: left;
    background: url('http://ksl.com/images/barBackGrey.gif') no-repeat top left;
    height: 21px;
}
.bar5 {
    float: left;
    background: url('http://ksl.com/images/barFrontRed.gif') no-repeat top left;
    height: 21px;
}
.barLabels {
    clear: left;
    margin-left: 10px;
    font-weight: bold;
    text-align: center;
    height: 21px;
    width: 100px;
    color: #666;
    padding-top: 5px;
    font-size: 12px;
}
.barBottom {
    float: left;
    height: 40px;
    text-align: left;
}
.barText { position: relative; top: 2px; left: -7px; }
.formDivider {
    clear: left;

    border-top: 1px dashed #000;
    background: #eee;
    margin-top: 10px;
    margin-bottom: 15px;
    height: 20px;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 0px 0px 7px;
}

.imageBox { float: left; margin-top: 5px; margin-bottom: 5px; margin-right: 10px; }
.help { font-size: 10px; }
.boxOk { margin-top: 4px; }
.boxErr { margin-top: 4px; background: #fbb; border: 1px solid #900; padding: 2px; }
.boxStatic { margin-top: 4px; font-weight: bold; font-size: 14px; }
.optionBox { margin-top: 3px; margin-bottom: 8px; }
.submitBox { clear: both; margin: 5px 0px 0px 2px; }
.element { clear: left;  margin-bottom: 3px; padding: 0px; }
.elementFloat { float: left; margin-right: 10px; margin-bottom: 4px; }
.iLabel { float: left; display: block; font-weight: normal; padding: 0px; margin: 4px 0px 0px 5px; text-align: left; font-size: 12px; width: 120px; }
.gBox { margin: 16px 0px 15px 5px; padding: 0px; overflow: hidden; }
.gTitle { font-size: 18px; font-weight: bold; padding: 5px 0px 5px 0px;  border-bottom: 1px dashed #555; margin: 0px 0px 12px 15px; }
.gBody { padding: 0px 15px 5px 20px;  }

.message {
    border: 1px solid gray;
    background-color: #eee;
    font-size: 14px;
    margin-bottom: 5px;
}


#smalltext { font-size: 12px; padding-right: 10px; }
#medtext { font-size: 16px;  padding-right: 10px;}
#largetext { font-size: 20px; }

.ON { font-weight: 900; color: #F00; }

/* Mobile Login CSS tweeks */


.memberlogin {  background: none !important; }
.membernew { display: none !important; background: none !important; }
.memberlogin .form_box { width: 99% !important; margin: 0 !important; }



/* added from mobile_browse.php  */

	form { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
	
	.searchtitle { float: left; font-size: .75em; }
	
	.headerLogo { background-color: #eee; float: left; width: 100%; border: 1px solid #ccc;  margin-bottom: 10px; padding-bottom: 3px;  }
	.formDivider {
		clear: left;  background: #ccc; margin: 10px 0px 10px 0px;
		height: 20px; font-size: medium; font-weight: bold; padding: 4px 0px 0px 3px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;   border: #aaa 1px solid; line-height: 16px;}
	.catHeader {
		  margin: 0px 0px 10px 2px; 
		height: 10px; color: #333; font-size: 140%; font-weight: bold; padding: 0px 0px 15px 0px; text-align: center; }
	.classifiedItem { margin: 15px 0px 10px 2px; float: left; width: 100%; 	}

	.table1 { width: 100%; }

	.tr1 { }
	.tr1 td { background: #f0f0f0; border-bottom: 1px solid #d9d9d9; }
	.tr2 { }
	.tr2 td { background: #fff; border-bottom: 1px solid #d9d9d9; }

	tr.tr1:hover td.td1 { color: #0072BC; background-color: #D1E4EF; font-weight: bold; }
	tr.tr1:hover td.td1 a { color: #0072BC; }
	tr.tr1:hover td.td2 { color: #0072BC; background-color: #D1E4EF; font-weight: bold; }
	tr.tr2:hover td.td1 { color: #0072BC; background-color: #D1E4EF; font-weight: bold; }
	tr.tr2:hover td.td1 a { color: #0072BC; }
	tr.tr2:hover td.td2 { color: #0072BC; background-color: #D1E4EF; font-weight: bold; }


	.td1 { font-size: 16px; padding: 10px 0px 10px 2px; }
	.td2 {  text-align: right; font-weight: bold; font-size: small; }
	.td1 a { color: #444; display: block; text-decoration: none;}
	.td2 a { color: #000; padding: 1px 3px 1px 3px; }
	
	
	
	 .search_form {
        margin: 0px;
        padding: 0px;
    }
    .search_form input {
        padding-left: 2px;
        margin-right: 10px;
        float: left;
        box-sizing: border-box;
    }
     .search_form select {
        padding-left: 2px;
        margin-right: 10px;
        float: left;
    }
    .search_form label {
        padding: 2px 5px 0px 0px;
        margin-right: 0px;
        float: left;
        font-size: small;
    }
    
    
  .browse {  clear: left;  margin: 10px 0px 10px 0px;
		height: 20px; font-size: medium; font-weight: bold; padding: 4px 0px 0px 2px;   border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 10px #ccc;  border: #ccc 1px solid; background: rgb(12,22,47); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(12,22,47,1) 0%, rgba(22,54,112,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(12,22,47,1)), color-stop(100%,rgba(22,54,112,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(12,22,47,1) 0%,rgba(22,54,112,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(12,22,47,1) 0%,rgba(22,54,112,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(12,22,47,1) 0%,rgba(22,54,112,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(12,22,47,1) 0%,rgba(22,54,112,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c162f', endColorstr='#163670',GradientType=0 ); /* IE6-9 */ }
		
	.browse h2 { font-weight:bold; clear: left; font-size: 16px; color: #fff; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; letter-spacing:-1px; border: 0; line-height: 16px; text-align: center; }
		
	.browse  h2 a { color: #fff; }
        
     


.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-block {
    padding-top: 6px;
    padding-bottom: 6px;
    margin: 0 5px 5px 5px;
    margin-right: 5px;
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 20px;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.alert .close:hover {
    color: #000000;
    cursor: pointer;
    opacity: 0.4;
    text-decoration: none;
}