/* CSS FOR FREE HEADLINES PAGES */

body {
    background: none repeat scroll 0 0 #ECECEC;
    min-width: 1000px;
    text-align: center;
    width: 100%;
}	
#body {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 986px;
}

#masthead {
	background: url("/freeheadlines/img/masthead_bg.gif") no-repeat scroll -12px top #EE8444;
    height: 20px;
	overflow: hidden;
	margin-bottom: 20px;
	text-align: right;
	color: #FFFFFF;
	font-size: 20px;
	padding: 6px;
	line-height: 20px;
}	

#bodycontent {
	margin: 0 23px 20px 23px;
}	


#container-middle table {
	width: 100%;
}
	
	
#container {
	margin: 0;
	padding: 0;
}

#container-inner-top {
	margin: 0;
	padding: 0;
}

#container-inner-bottom {
	clear: both;
	margin: 0;
	padding: 0;
}

#container-middle {
	margin: 0;
	padding: 0;
}

#container-right {
	margin-top: 7px;
	padding: 0;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000066;
}

#outputmodule {
	margin: 10px 0 0 0;
	padding: 0;
}

#outputmodule-buttons {
	margin: 10px 0 0 0;
	padding: 0 0 0 370px;
}

#outputmodule h1 {
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

#instructions, #outputmodule p {
	margin:0;
	padding:0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#instructions a, #outputmodule a {
	color: #003399;
}

#instructions a:hover, #outputmodule a:hover {
	color: #AF1100;
}

#instructions h1 {
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

#instructions ol {
	padding-bottom: 10px;
}

#preview {
	width: 388px;
	display: inline;
	float: left;
	margin: 0 0 10px 12px;
	min-height: 284px;
	_height: 280px;
	background: url(/freeheadlines/img/preview_bottom_background.gif) no-repeat bottom left;
}

#preview h1 {
	margin: 0;
	padding: 0 10px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
	font-size: 11px;
	font-weight: normal;	
	line-height: 24px;
	text-transform: uppercase;
	color: #fff;
	border: 1px solid #363636;
	background: #363636;
}

button {
	width: 15px;
	height: 15px;
	border: 1px outset #666;
	margin-bottom: 3px;
}

/* Interface Styles
---------------------*/
#interface {
	padding: 0;
	width: 360px;
	display: inline;
	float: left;	
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#333;
	font-size:11px;
	line-height:18px;	
}

#interface li {
	font-family:Verdana;
	color:#333;
	font-size:11px;
	line-height:25px;
}

#interface p {
	margin: 0;
	padding: 12px 0;
}

#interface a {
	text-decoration:none;
	font-weight:normal;
	color:#000;
}

#interface a:hover {
	color:#1b9de2;
}


/* Section Tabs
--------------------*/
#interface ul.section_tabs {
	list-style:none;
	margin:0 0 30px 0;
	_margin: 0 0 -10px 0;
	padding:0;
	height:20px;
	clear:both;
}

#interface ul.section_tabs li {
	float:left;
	margin:0;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
	background-color: #d7d7d7;
	text-align:center;
	text-transform: uppercase;
}

#interface ul.section_tabs li.toptabs {
	float:left;
	margin:0;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
	background-color: #fff;
	text-align:center;
	text-transform: uppercase;
}

#interface ul.section_tabs li a {
	display:block;
	height:25px;
	padding:0;
	background: url("/freeheadlines/img/section_tab.gif") no-repeat top left;
	color:#5c5c5c;
	width:120px;
	outline: none;
}

#interface ul.section_tabs li a.last {
	display:block;
	height:25px;
	padding:0;
	background: url("/freeheadlines/img/section_tab_last.gif") no-repeat top left;
	color:#5c5c5c;
	width:120px;
	outline: none;
}

#interface ul.section_tabs li a:hover {
	color:#990000;
}

#interface ul.section_tabs li a.active {
	color:#990000;
	background: url("/freeheadlines/img/section_tab_on.gif") no-repeat top left;
}

#interface ul.section_tabs li a.last.active {
	color:#990000;
	background: url("/freeheadlines/img/section_tab_last_on.gif") no-repeat top left;
}

/* Tab Sections
----------------*/
#one, #two, #three, #four, #five, #six {
	margin: 10px 0;
	border: 1px solid #ccc;
	min-height: 232px;
	_height: 228px;
}

#one ul, #two ul, #three ul, #four ul, #five ul, #six ul {
	margin: 0;
	padding: 15px 10px 5px 10px;
	list-style: none;
}

#one li, #two li, #three li, #four li, #five li, #six li {
	margin: 0 0 10px 0; 
	padding: 0;
	font-size: 10px;
	color:#255890;
}


/* Form Elements
------------------*/
form.headlineCategories {
	font-size: 10px;
}
label {
	float: left;
	width: 134px;
}
input[type="text"], select {
	border: 1px solid #ccc;
	font-size: 10px;
}
textarea.outputcode {
	width: 100%;
	height: 200px;
	margin: 10px 0 10px 0;
	border: 1px solid #ccc;
	font-size: 11px;
}
select.propertyset, select.fontfamilyset {
	width: 200px;
	font-size: 10px;
}
select.catList, select.selectedCatList {
	width: 140px;
	font-size: 10px;
}
select.colorset {
	width: 80px;
	font-size: 10px;
} 
select.numheadlineset {
	width: 60px;
	font-size: 10px;
} 
input.modulewidthset, input.fontsizeset {
	width: 60px;
	font-size: 10px;
}