body {
	font-family: Helvetica, Arial, sans-serif, sans-serif;
	font-size: medium;
	margin: 0;
	padding: 0;
	 -webkit-text-size-adjust:none;  
}
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: 10px 0px 10px 0px;
	text-align: center;
	color: #555;
	font-size: smaller;
	margin: 10px 0px 0px 0px;
}

#navMenu {
	background: #002d65;
	background-image: url('/resources/mobile/graphics/header_bg.jpg') ;
	background-repeat:no-repeat;
	background-position:left top;
	padding: 2px 0px 3px 5px;
	margin: 0px 0px 10px 0px;
	font-size: 1.1 em;
	letter-spacing: -.5px;
	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 {
list-style:none;
margin:0px 0 0 5px;
padding:0px 0px 0px 0px;
text-align: left;

}


#navBottom ul {
list-style:none;
margin:2px 0 0 5px;
padding:0px 0px 0px 0px;
text-align: left;

}

#navMenu li {
display: inline;
margin:0;
padding:0px 5px 0px 0px;
}

#navBottom li {
display: inline;
margin:0;
padding:0px 0px 0px 0px;
}

#navMenu a, #navBottom a { 
	color: #fff;
}

#page-body {
	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;
	font-size: small;
}
.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-top: 10px;
}
.s-title {
	font-size: 110%;
	font-weight: bold;
}
.s-img {

	width: 300px;
	
	margin-bottom: 0px;
	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;
	

}

.videolink ul { list-style-image: url('/resources/mobile/graphics/logo_video.gif'); margin: 0px 10px 0px 20px; padding: 0;
}

.s-time {
}

.m {
	margin-top: 5px;
}
.m a {
	font-size: 140%;
}
.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:12px 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%;
cursor:pointer;
}

.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;
}

/* 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; }


