/* DEFAULT CSS */
/* MAIN CONTROLS */
html,body{margin:0;padding:0}
body {font-family:Geneva, Arial, Helvetica, sans-serif;font-size:12px; text-align:center; color:#CCCCCC; background-color:#3B3B3B;margin-top:0px;margin-bottom:0px;}
div#preheader{
	font-size: 11px;
	color: #E8E8E8;
	line-height: 15px;
	background-color: #3B3B3B;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	font-weight: bold;
}
div#headerhome{
	width:980px;
	height:140px;
	background-color:#CC0000;
	color: #FFFFFF;
	font-style: normal;
	line-height: 14px;
	background-image: url(http://hwinds1.abc17news.com/images/headerhome.jpg);
}
div#headeradmin{
	width:980px;
	height:35px;
	background-color:#000000;
	color: #FFFFFF;
	font-style: normal;
	line-height: 14px;
	background-image: url(http://hwinds1.abc17news.com/images/headeradmin.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
div#header{
	float:left;
	width:980px;
	height:140px;
	background-color:#CC0000;
	color: #FFFFFF;
	font-style: normal;
	line-height: 14px;
	background-image: url(http://hwinds1.abc17news.com/images/header.jpg);
}
div#headersearch{
	width:490px;
	padding-left: 180px;
	padding-top: 50px;
	height: 18px;
	line-height: 16px;
	float:left;
}
div#headersearch2{
	width:700px;
	padding-left: 180px;
	padding-top: 4px;
	height: 18px;
	line-height: 16px;
	float:left;
}
div#headerweatherfull{
	width:270px;
	height:85px;
	color: #CCCCCC;
	margin-top: -30px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 15px;
	padding-right: 8px;
	float: right;
}
div#topmenu{
	width:980px;
	height:23px;
	background-image:url(http://hwinds1.abc17news.com/includes/cssmenus2/skins/brick/img/dark_brick_tab2.gif);
	background-repeat: repeat;
	background-position:bottom;
	background-color:#330000;
	vertical-align:bottom;
}
div#container{
	text-align:left;
	width:980px;
	margin:0 auto;
	background-color: #FFFFFF;
	min-height: 100%;
}
div#topspacer{
	width:980px;
	height:10px;
	color: #000000;
	background-color: #D2D2D2;
	border-bottom-color: #333333;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
div#bottomspacer{
	width:100%;
	height:10px;
	color: #000000;
	background-color: #D2D2D2;
	border-top-color: #333333;
	border-top-style: solid;
	border-top-width: 1px;
}
div#homec1{
	float:left;
	background-color: #FFFFFF;
	width: 634px;
	padding-top: 10px;
	margin: 0px;
	padding-bottom: 10px;
	padding-right: 12px;
	padding-left: 12px;
	min-height: 100%;
}
div#homec2{
	background-color: #E8E8E8;
	border-left-color: #AEAEAE;
	border-left-style: solid;
	border-left-width: 2px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 310px;
	float:right;
}
div#homefull{
	float:left;
	background-color: #FFFFFF;
	width: 980px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 8px;
	padding-left: 8px;
	height:100%;
}

div#footer{
	width:100%;
	background-color: #3B3B3B;
	padding-top: 10px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 3px;
	color: #E8E8E8;
	font-size: 11px;
	text-align: center;

}

/* BASIC TEXT STYLES */
h1 {color:#CC0000; font-size:20px; margin-left: 6px; margin-top: 2px; margin-bottom: 2px; font-weight:bold;}
.headline {color:#CC0000; font-size:20px; margin-left: 2px; margin-top: 2px; margin-bottom: 8px; font-weight:bold;}
h2 {color: #334488; font-size:16px; margin-top:2px; margin-left: 2px; margin-right:0px;margin-bottom:1px;}
h3 {color:#666666; font-size:16px; margin-top:4px; margin-left: 4px; margin-bottom:1px;}
h4 {color:#333333; font-size:14px; margin-bottom:2px; margin-top:2px; margin-left: 6px; margin-right:8px;}
h5 {color:#333333; font-size:11px; margin-bottom:1px; margin-top:1px; margin-left: 4px; margin-right:2px; text-decoration:none; font-weight:bold;}
h6 {color:#7F7F7F; font-size:10px; margin-left:4px; margin-top:0px; margin-bottom: 1px; margin-right:0px; text-decoration:none; font-weight:normal;}
a {
	color:#334488;
	text-decoration:none;
	font-weight: bold;
}
a:hover {
	text-decoration:none;
	color: #FF0000;
	font-weight: bold;
}
p {
	font-size:12px;
	color: #404040;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 2px;
	margin-top: 0px;
	white-space: normal;
	line-height: 15px;
}
.ap-story-p {
	font-size:12px;
	color: #404040;
	margin-bottom: 8px;
	margin-left: 5px;
	margin-right: 2px;
	margin-top: 0px;
	white-space: normal;
	line-height: 15px;
}
ul {
	font-size:12px;
	color: #666666;
	margin-bottom: 0px;
	margin-left: 35px;
	margin-right: 2px;
	margin-top: 5px;
	white-space: normal;
	line-height: 15px;
	float:none;
}
.storylist {
	text-indent: 0px;
	list-style-position: outside;
	list-style-image: url(http://hwinds1.abc17news.com/images/icons/bullet_bluesquare.gif);
	list-style-type: square;
	padding: 1px;
	margin-left: 12px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 2px;
	color: #333333;
}
.storysubtitle {color:#333333; font-size:11px; margin-left:4px; margin-top:0px; margin-bottom: 1px; margin-right:0px; text-decoration:none; font-weight: normal;}
.storydetails {
	color: #993333;
	font-size:10px;
	font-weight:normal;
}

/* SPECIAL TEXT STYLES */
.whitetext{color:#E8E8E8; text-decoration:none;}
.whitetext a{color:#C9CFE7; text-decoration:none; font-weight:bold;}
.whitetext a:hover{color: #FFCCCC; text-decoration:underline; font-weight:bold;}

/* HEADINGS */
.sectiontitle {
	height:18px;
	color:#666666;
	font-weight:bold;
	margin-left: 2px;
	margin-top: 8px;
	margin-bottom:2px;
	margin-right: 15px;
	padding-bottom: 1px;
	border-bottom-color: #333333;
	border-bottom-style: solid;
	border-bottom-width:1px;
	font-size: 14px;
	width:100%;
}
.sectiontitle2 {
	height:18px;
	color:#666666;
	font-weight:bold;
	border-bottom-color: #333333;
	border-bottom-style: solid;
	border-bottom-width:1px;
	padding-bottom: 1px;
	font-size: 14px;
	margin-bottom: 5px;
}
.breakingtitle {
	color:#666666;
	background-color: #F9E3E3;
	border-top-color: #FF0000;
	border-top-style: solid;
	border-top-width:2px;
	border-bottom-color: #FF0000;
	border-bottom-style: solid;
	border-bottom-width:2px;
	border-left-color: #FF0000;
	border-left-style: solid;
	border-left-width:1px;
	border-right-color: #FF0000;
	border-right-style: solid;
	border-right-width:1px;
	margin-left: 2px;
	margin-top: 8px;
	margin-bottom:2px;
	padding-bottom: 1px;
	font-size: 12px;
	float: left;
	width:100%;
}
.breakingtitle a{color:#990000;}
.breakingtitle a:hover{color:#FF0000;}

.developingtitle {
	color: #5D2727;
	background-color: #F4E7E7;
    border-top-color: #5D2727;
	border-top-style: solid;
	border-top-width:2px;
	border-bottom-color: #5D2727;
	border-bottom-style: solid;
	border-bottom-width:2px;
	border-left-color: #5D2727;
	border-left-style: solid;
	border-left-width:1px;
	border-right-color: #5D2727;
	border-right-style: solid;
	border-right-width:1px;
	margin-left: 2px;
	margin-top: 8px;
	margin-bottom:2px;
	padding-bottom: 2px;
	font-size: 12px;
	float: left;
	width:100%;
}
.developingtitle a{color:#5D2727;}
.developingtitle a:hover{color: #CC0000;}

.traffictitle {
	color: #993300;
	font-weight:bold;
	margin-left: 2px;
	margin-top: 8px;
	margin-bottom:2px;
	padding-bottom: 2px;
	font-size: 14px;
	float: left;
}

div#topstories {
	width:350px;
	padding-bottom: 5px;
	padding-right: 8px;
	border-right-color:#999999;
	border-right-style:solid;
	border-right-width:1px;
	float:left;
	margin-top: 10px;
	margin-right:8px;
}

div#othernews {
	margin-top: 10px;
	margin-right:8px;
	margin-left: 4px;
}

.sectionmore {
	font-size:10px;
	text-align:right;
	line-height:12px;
	vertical-align:middle;
}


/* FORM STYLES */
.searchinput {
	font-size: 10px;
	line-height: 11px;
	height:11px;
	background-color: #F5E9EA;
	border:1px solid #000000;
	vertical-align: middle;
	color: #000000;
}
.searchmenu {
	font-size: 12px;
	line-height: 16px;
	height:16px;
	background-color: #F5E9EA;
	border:1px solid #000000;
	vertical-align: middle;
	color: #000000;
}
.searchsubmit {
	font-size: 11px;
	line-height: 11px;
	height:15px;
	background-color: #EBE2E7;
	border:1px solid #000000;
	vertical-align: middle;
	color: #000000;
}

.h5select {
	font-size: 11px;
	line-height: 11px;
	height:15px;
	background-color: #C1C2C2;
	border:1px solid #000000;
	vertical-align: middle;
	color: #000000;
}

/*TICKER CLASSES */
#dropcontentsubject{
width: 250px;
font-weight: bold;
}

.dropcontent{
padding: 3px;
display:block;
}

/* ADVERTISING SPACES */
div#storyskyscraper {
	width: 120px;
	height: 600px;
	float: left;
	background-color: #F4F4F4;
	background-image:url(http://hwinds1.abc17news.com/images/advertisement_120.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-right: 10px;
	}
	
div#headerleaderboard {
	width: 728px;
	height: 90px;
	background-position:top;
	background-repeat:no-repeat;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 185px;
	margin-right: 10px;
	}
	
div#smallleaderboard {
	width: 300px;
	height: 50px;
	background-position:top;
	background-repeat:no-repeat;
	padding-top: 15px;
	margin-left: 185px;
	}

div#rightcolumnrectangle {
    width: 300px;
	height: 50px;
	background-image:url(http://hwinds1.abc17news.com/images/advertisement_120.gif);
	background-color: #F4F4F4;
	background-position:top;
	background-repeat:no-repeat;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	}
	
div#rightcolumnsquare {
    width: 300px;
	height: 250px;
	background-image:url(http://hwinds1.abc17news.com/images/advertisement_120.gif);
	background-color:#F4F4F4;
	background-position:top;
	background-repeat:no-repeat;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-left: 0px; 
	margin-top: 15px;
	margin-bottom: 15px;
	}
	
/* DHTML WINDOW OPENER */
.drag-handle{ /*Overwrite default drag handle bar background color with below*/
background-color: #03277C;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black url(blackdot.gif);
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);
opacity: 0.6;
}
.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #CA0000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}

/* AJAX MENUS AND BOXES */
.menustorymedia{width:300px; height:20px; overflow:hidden;border-bottom-color: #000000;border-bottom-style: solid;border-bottom-width: 1px;}
.menustorymedia ul{height:20px;margin: 0 0 0 0;padding: 0;list-style: none;}
.menustorymedia li{height:20px;display:inline;margin: 0 0 0 0;padding: 0;text-transform:uppercase;}
.menustorymedia a{float: left;display: block;font: bold 12px Arial;color:#FFFFFF;text-decoration: none;margin: 0 5px 0 0;
padding: 4px 7px 4px;background-color: #666666;border: solid black 1px;}
.menustorymedia a:hover{background-color: #CCCCCC; color: #FFFFFF;}
.menustorymedia a.selected{ /*currently selected tab*/background-color: #FFFFFF; color: #CC0000;}

.storymedia {width:300px; padding:0px; margin-top:4px; margin-left:0px;}
.storymedia_box {width:300px; margin-bottom:0px;margin-top:4px; background-color:#EFEFEF;}

/* AJAX TOOLTIP */
#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow {	/* Left div for the small arrow */
	background-image:url('../images/arrow.gif');
	width:1px;
	background-color:#CCCCCC
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:20px;
}

#ajax_tooltipObj .ajax_tooltip_content {
	border-width:2px;
	border-style:solid;
	border-color:#666666;
	background-color:#CCCCCC;
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:300px;	/* Width of tooltip content */
	height:260px;	/* Height of tooltip content */
	padding:5px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}

/*OTHER ELEMENT */
.newsimage {border-color:#000000; border-style:solid; border-width:1px; background-color: #666666;}

/* BEGIN HAMWEATHER STYLE */
.small { font-size:10px; color:#000000; text-decoration:none; font-weight:normal;}
.smallBold { font-size:10px; color:#000000; text-decoration:none; font-weight:bold;}
.normal { font-size:12px; color:#000000; text-decoration:none; font-weight:normal;}
.normalBold { font-size:12px; color:#000000; text-decoration:none; font-weight:bold;}
.large { font-size:14px; color:#000000; text-decoration:none; font-weight:normal;}
.largeBold { font-size:14px; color:#000000; text-decoration:none; font-weight:bold;}

a.redLink:link{font-size: 11px; color: #FF0000; text-decoration:none; }
a.redLink:hover {font-size: 11px; color: #FF0000; text-decoration:underline; }
a.redLink:visited {font-size: 11px; color: #FF0000; text-decoration:none; }
.redLink{font-size: 12px; color: #FF0000; text-decoration:none; }

/* Font settings for the Left Navagation links */

.sideLink { font-size:11px; color:#000000; text-decoration:none; font-weight:normal;}
a.sideLink:link { font-size:11px; color:#000000; text-decoration:none; font-weight:normal;}
a.sideLink:active { font-size:11px; color:#000000; text-decoration:none; font-weight:normal;}
a.sideLink:hover { font-size:11px; color:#000000; text-decoration:underline; font-weight:normal;}

/* Font settings for the nav_xxx.html templates not selected */

.navBar { font-size:14px; color:#FFFFFF; text-decoration:none; font-weight:bold; font-variant:small-caps;}
.navBar:active { font-size:14px; color:#FFFF99; text-decoration:none; font-weight:bold; font-variant:small-caps;}
a.navBar:link { font-size:14px; color:#FFFFFF; text-decoration:none; font-weight:bold; font-variant:small-caps;}
a.navBar:hover {font-size:14px; color: #FFFFCC; font-weight:bold;font-variant:small-caps;}

/* Font settings for the nav_xxx.html templates  selected */

.navBarAct { font-size:14px; color: #FFFF99; text-decoration:none; font-weight:bold;font-variant:small-caps;}
a.navBarAct:link { font-size:14px; color:#FFFFCC; text-decoration:none; font-weight:bold;font-variant:small-caps;}
a.navBarAct:hover {font-size:14px; color:#FFFFCC; font-weight:bold;font-variant:small-caps;}



/* Color Font and Link settings for the Lt. Blue Headers */

	.headerTD {padding: 2px; background-color: #666666;}
	.linkheaderTD {padding: 2px;background:#333333;}
    .linkheaderTD2 {padding: 2px;background:#999999; color:#FFFFFF; font-size:16px; font-weight:bold}
	.linkheaderTD:hover {padding: 2px; background: #CC0000;}
	.linkheaderTD2:hover {padding: 2px; background: #FFFFFF; color:#000000; font-size:16px; font-weight:bold; }
	.headerText { font-size: 13px; font-weight: bold; color: #FFFFFF;font-variant:small-caps;}
	.headerText a{ font-size: 13px; font-weight: bold; color: #FFFFFF;font-variant:small-caps;}
	.headerText a:hover{  font-size: 13px; font-weight: bold; color: #000000;font-variant:small-caps;}
	.headerDate {   color:#DADBDD;  font-size: 10px; fon0t-weight: normal;}
                a.zoneDay { font-size: 14px; font-weight: bold; color: #FFCC00; text-decoration:bold; font-variant:small-caps;}
	.basicHeaderText{ padding-left: 5px;font-size: 16px; font-weight: bold; }
.fcExpire {font-size: 10px; color: #DADBDD;  font-weight:bold;}

/* Advisory Title name in zonesection, warnings and special templates  */

		 .warnTitle {color: #FF0000; font-weight: bold; font-size: 14px; }
                               a.warnTitle:link {text-decoration:none; color: #FF0000; font-weight: bold; font-size: 14px; }
                              a.warnTitle:hover {text-decoration:underline; color: #FF0000; font-weight: bold; font-size: 14px; }


	.afd { padding-left: 5px;}

/* font settings for local_header.html and radar_header.html template */

	#localHeader { }
	#localHeader .Place { color:#000000; padding-left: 5px; font-size: 18px; font-weight:bolder; font-variant:small-caps;}
	#localHeader .Wxn {  padding-left: 5px; font-weight: bold; }
	#localHeader .Label {color:#000000; font-size: 10px;  font-weight: bold; }
	#localHeader .Value { color:#000000; font-size: 10px;}
                #localHeader a.Icao  {font-size: 10px; color: #FF0000; text-decoration:none; }
               #localHeader a.Icao:hover  {font-size: 10px; color: #FF0000; text-decoration:underline; }
               #localHeader a.Icao:visited  {font-size: 10px; color: #FF0000; text-decoration:none; }

/* Font settings for zonesection  */
	#forecastDetail {margin-left: 5px;}
	#forecastDetail .dayTitle { color:#000000; font-weight: bold; font-size: 13px;}
	#forecastDetail .wx {color: #000000; font-size: 12px;}
	#forecastDetail .include {color: #0000FF; font-size: 12px; font-weight:bold;}
               #forecastDetail .cities {color: #000000; font-size: 11px;}

/* Font settings for zone_rows  */
	#forecastRow {}
	#forecastRow .Title { font-size: 13px;  font-weight: bold; }
	#forecastRow .wx { font-size: 11px;  font-weight: normal;}
	#forecastRow .high {font-size: 16px; color: #FF0000; font-weight:bold; }
	#forecastRow .low {font-size: 16px; color: #0000FF; font-weight:bold; }
	#forecastRow .pop {font-size: 12px; color: #238E23;}

/* font settings for current template */
	#currents {}
	#currents .Wx { font-size: 12px; color:#000000;  font-weight: bold; }
	#currents .Temp { font-size: 22px; color:#000000;  font-weight: bold;}
	#currents .Label {font-weight: bold; font-size:10px; color:#000000; }
	#currents .Value {font-weight: normal; font-size:10px; color:#000000;}

/* font settings in astro template */
	#astro {}
	#astro .Label {font-weight: bold; font-size:10px; color:#000000; text-decoration:none; }
               #astro a.Label:link {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
                 #astro a.Label:hover {font-weight: bold; font-size:12px; color:#000000; text-decoration:underline;}
	#astro .Value {font-weight: normal; font-size:10px; color:#000000;}
                #astro .Moonname {font-weight: normal; font-size:11px; color:#000000;}

/* row background colors for mos and your weather settings */

.rowColor1 { background: #F6EDAE;}
.rowColor2 { background: #BBDCE7;}

/* Ridge Radar Control */
/* id radarTable is an addition for */
/* IE and Mozilla Compatablilty */
#radarTable{
   height:580px;
   width:600px;

}
.radarmap {
    position : relative;
    left : 0;
    top : 0;
    height : 550px;
    width : 600px;
}
.image2 {
    position : absolute;
    left : 0;
    top : 0;
}
.image3 {
    position : absolute;
    left : 0;
    top : 0;
}
.image4 {
    position : absolute;
    left : 0;
    top : 0;
}
.image5 {
    position : absolute;
    left : 0;
    top : 0;
}
.image6 {
    position : absolute;
    left : 0;
    top : 0;
}
.image7 {
    position : absolute;
    left : 0;
    top : 0;
}
.image8 {
    position : absolute;
    left : 0;
    top : 0;
}
.image9 {
    position : absolute;
    left : 0;
    top : 0;
}
.image10 {
    position : absolute;
    left : 0;
    top : 0;
}


#caradarTable{

 height:480px;
   width:580px;


}
.caradarmap {
    position : relative;
    left : 0;
    top : 0;
    height : 480px;
    width : 580px;
}
/* END HAMWEATHER STYLE */

/* AJAX DROP DOWN TOGGLE */
.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: white;
background: black; /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-left: 272px;
font: bold 12px Arial;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: left;
color: white;
background: black url(http://hwinds1.abc17news.com//images/toggleleft.gif) no-repeat left bottom; /*background of toggle tab*/
text-decoration: none;
letter-spacing: 1px;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
background: transparent url(http://hwinds1.abc17news.com//images/toggleright.gif) no-repeat right bottom;
padding: 2px 4px 4px 4px;
cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color: #333333; /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}

/* BEGIN AP STYLE SHEET */
.byline {font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #003366;}
.bytitle or .byttle{font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #003366; margin-top:5px;}
.link {color: #000099; text-decoration: none}
.visited {color: #000099; text-decoration: none}
.timestamp  { font-size: 10px; font-style: italic; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif }
.tabletitle { font-size: 11px; font-weight: bold; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif }
.storylink {font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #003366;}
.photo { font-size: 11px; font-family: Arial, Helvetica, sans-serif}
.image { font-size: 11px; font-family: Arial, Helvetica, sans-serif}
.audio { font-size: 11px; font-family: Arial, Helvetica, sans-serif}
.video { font-size: 11px; font-family: Arial, Helvetica, sans-serif}
.firsttopheadline {font-size: 14px; font-weight: bold; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif}
.topheadline {font-size:12px; font-weight: bold; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif}
.topheadlinebody  {font-size: 12px; color: #000000;  font-family: Arial, Helvetica, sans-serif}
.latestnews {font-size: 12px; font-weight: bold; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif}
.copyright { font-size: 8px; font-family: Georgia,Verdana,Serif}
.term { font-size: 8px; font-family: Georgia,Verdana,Serif}

.bcTD {color:#000000; }
.bcHeader {color:#000000; font-weight: bold; }
.bcTH { color:#000000; font-weight: bold; }