/*
	960.css Overrides (to avoid modification)
*/

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
	margin: 0 !important;
}

/*
	Standard Elements
*/

html {
	height: 100%;
	overflow-x: hidden;
}

body {
	background: #044378 url(../images/fs_bg.png) repeat-y top center;
	min-height: 100%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #9acde2;
}

input, select, textarea {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

a {
	color: #3399cc;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active, a:focus {
	outline:none;		
}

a.current {
	color: #ff0 !important;
}

hr {
	margin: 0;
	padding: 0;
}

#container {
	min-height: 100%;
	background: #132029 url(../images/container_top.jpg) no-repeat 0 0;
}

#header {
	/*background: #def;*/
	height: 150px;
	/*background-color: #222;*/
}

#header h1 {
	padding: 30px 0 0 30px;
}

#login {
	padding: 15px 0px 15px 0px;
	width: 920px;
	position: relative;
	/*top: -674px;*/
	top: 0px;
	left: 0px;
	text-align: right;
	margin: 0 auto;
}

#logo {
	width: 260px;
	position: relative;
	left: 32px;
	top: 32px;
	float: left;
}

#content {
	/*background: url(../images/fs_bg_chrome_top.jpg) repeat-x 0 0;*/
}

#chrome {
	background: #003148 url(../images/pp_chrome_top.png) repeat-x 0 0;
	border: 1px solid #203b52;
	margin: 20px 20px 20px 20px;
	padding: 10px;
	min-height: 400px;
	height: 100%;
	overflow: hidden; /* clears div */
}

.block {
	/*margin: 20px;*/
	font-size: 110%;
}

#footer {
	/*background: #fff;*/
	margin: 0 auto 20px auto;
	/*width: 920px !important;*/
}

#footer p {
	text-align: center;
	padding: 10px;
	color: #3e3e3e;
	font-size: 0.8em;
}

#bottom {
	background: #ff0;
	height: 30px;
}

/*
	Nav
*/

#nav {
	/*background-color: #000;*/
	position: absolute;
	top: 100px;
	width: 960px;
	height: 50px;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Arial';
}

#nav a {
	margin: 0 20px 0 20px;
	position: relative;
	top: 14px;
	color: #ccf;
}

#nav a:hover {
	text-decoration: none;
	color: #fff;
}

.nav-disabled {
	margin: 0 20px 0 20px;
	position: relative;
	top: 14px;
	color: #479;
}

/*
#nav {
	list-style:none;
	margin:0;
	padding:0;
}
#nav li {
	float:left;
	width:150px;
	margin:0;
	padding:0;
	text-align:center;
	height:49px;
	font-size: 1.4em;
}
#nav li a {
	display:block;
	padding:10px 10px;
	height:100%;
	color:#FFF;
	text-decoration:none;
}
#nav li a:hover, li a:focus, li a:active {
	background-position:-150px 0;
}

#nav a {
	background:url('../images/nav_bg.jpg') repeat 0 0;
}
*/

/*
	Misc
*/

.fix960 {
	/* remove margins for header/footer */
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	width: 960px !important;
}

/*
	Media
*/

.titlebar {
	/*background-color: #def;*/
	font-weight: bold;
	padding: 0 0 0.5em 0;
	overflow: hidden;
	height: 1.3em;
	font-size: 14pt;
    	border-bottom: 5px solid #0a3e5a; /*#acf;*/
    	margin-bottom: 10px;
}

.subtitlebar {
	background-color: #eee;
	font-weight: bold;
	padding: 0.5em;
	overflow: hidden;
	height: 1.3em;
	font-size: 9pt;
    	border-bottom: 5px solid #d4d4d4;
    	margin-bottom: 10px;
}

.media-items {
	margin: 10px 0 0 0;
        overflow: hidden;
}

.media-item {
	float: left;
	width: 205px;
	text-align: left;
	padding-right: 10px;
	margin: 0 0 0 0;
	font-size: 8pt;
	overflow: hidden;
}

.media-item-title {
	font-weight: bold;
}

.media-image-holder {
}

.media-item-image {
	margin-top: 5px;
	border: 1px solid #777769;
}

.media-item a {
	color: #636362;
}

.media-item a:hover {
	color: #7c7d28;
}

.media-date {
	font-style: italic;
}

#media-archive {
	margin: 10px 0 10px 0;
        overflow: hidden;
        color: #b2b29d;
}

#media-archive a {
	color: #636362;
}

#media-archive a:hover {
	color: #000;
}

.media-archive-year-row {
	margin: 0 0 5px 0;
	height: 18px;
}

.media-archive-year {
        color: #479;
	float: left;
	padding: 0.5em 0 0.5em 0;
}

.media-archive-month {
	float: left;
	width: 45px;
	text-align: center;
	margin: 0 0 0 5px;
	padding: 0.5em 0 0.5em 0;
}

.media-archive-month-selected {
	background: #def;
}

/*
	Helpers
*/

.small {
	font-size: 9pt !important;
}

.medium {
	font-size: 10pt !important;
}

.large {
	font-size: 11pt !important;
}

.border {
	border: 1px solid #ccc !important;
}

.monospace {
	font-family: Lucida Console, Consolas, Courier New, Courier, monospace !important;
}

.gray {
	color: #aaa !important;
}

.clear-left {
	clear: left !important;
}

.clear-right {
	clear: right !important;
}
 
.clear, .clear-both {
	clear: both !important;
}

.padding {
	padding: 10px !important;
}
.margin-bottom {
	margin-bottom: 10px !important;
}

.margin-top {
	margin-top: 10px !important;
}

.margin-bottom-5 {
	margin-bottom: 5px !important;
}

.margin-top-5 {
	margin-top: 5px !important;
}

.margin-left {
	margin-left: 10px !important;
}

.margin-right {
	margin-right: 10px !important;
}

.margin-left-20 {
	margin-left: 20px !important;
}

.margin-right-20 {
	margin-right: 20px !important;
}

/* for add feeds form, style proper recommended */
.margin-left-108 {
	margin-left: 108px !important;
}

.width-100 {
	width: 100px !important;
}

.width-100pct {
	width: 100% !important;
}

.width-110 {
	width: 110px !important;
}

.width-200 {
	width: 200px !important;
}

.width-300 {
	width: 300px !important;
}

.height-100 {
	width: 300px !important;
}

.align-left {
	text-align: left !important;
}

.align-right {
	text-align: right !important;
}

.align-center {
	text-align: center !important;
}

.float-right {
	float: right !important;
}
.float-left {
	float: left !important;
}

.underline {
	/*text-decoration: underline !important;*/
	color: #fff !important;
}

.bold {
	font-weight: bold !important;
}

.italic {
	font-style: italic !important;
}

.normal {
	font-weight: normal !important;
}

.blockmodel {
	display: block !important;
}

/*
	Tables
*/
.table-default {
	width: 100%;
	border-color: #ccc;
}

.table-default td {
	padding: 3px;
}

/*

*/


.box {
	/*border: 1px solid #ccc;*/
	margin: 5px 0 10px 0;
	padding: 10px;
}

.help {
	font-size: 0.85em;
	color: #888;
}

td.dataTables_empty {
	height: 50px;
	padding-top: 15px !important;
	font-weight: bold;
}

#box-show-feed-error, #box-add-feed-error {
	font-weight: bold;
	color: #f00;
}

.li-default {
	/*list-style: square;*/
	/*font-weight: bold;*/
	color: #666;
	margin-bottom: 10px;
}

.li-image-feedtype {
	position: relative;
	top: 5px;
}

#textarea-show-code {
	width: 845px;
	height: 50px;
}

.widget-setting {
	float: left;
	/*background-color: #eee;*/
	margin: 10px 0 0 10px;
	width: 250px;
}

.widget-input-textbox {
	border: 1px solid #777;
	padding: 4px;
	width: 70px;
	text-transform: uppercase;
}


#box-show-code-preview {
	border: 1px solid #ccc;
	height: 420px;
	overflow: auto;
	text-align: center;
	padding: 10px;
	background-color: #719ed6; /*1c517f;*/
}

#box-show-code-preview div {
	margin: 0 auto;
	position: relative;
	text-align: left;
}

#box-show-theme {
	margin-top: 10px;
	/*border: 1px solid #ccc;*/
	/*padding: 10px;*/
	/*height: 120px;
	overflow: auto;
	padding: 10px;
	font-family: 'Courier New',Courier,monospace !important;*/
}

/*
	Spinner
*/

input.spin-button {
	padding-right:20px;			/* Padding pevents text from covering the up/dn img. Works better in Firefox but also causes textbox to widen by 20px. Arrows can go wonky in IE when text is too long. Perhaps it could be fixed with script that monitored the horiz-scroll position? */
	background-repeat:no-repeat;		/* Warning: Img may disappear in Firefox if you use 'background-attachment:fixed' ! */
	background-position:100% 0%;
	background-image:url(spinbtn_updn.gif);
}

input.spin-button.up {				/* Change button img when mouse is over the UP-arrow */
	cursor:pointer;
	background-position:100% -18px;		/* 18px matches height of 2 visible buttons */
}

input.spin-button.down {			/* Change button img when mouse is over the DOWN-arrow */
	cursor:pointer;
	background-position:100% -36px;		/* 36px matches height of 2x2 visible buttons */
}

/*
	New Item Controls
*/

#controls {
	float: right;
	width: 310px;
	margin: 0;
	padding: 0;
}

textarea#newitem {
	background-color: #111;
	border: 1px #444 solid;
	width: 288px;
	min-height: 200px;
	height: 200px;
	color: #aaa;
	font-size: 110%;
	font-family: "Trebuchet MS";
	padding: 10px;
}

#submit {
	margin: 10px 0 0 0;
	width: 100px;
	background-color: #333;
	border: 1px #444 solid;
	color: #aaa;
	font-size: 120%;
	font-family: "Trebuchet MS";
}

/*

*/

img.delete {
	border-style: none;
	margin-left: 10px;
	float: right;
	/*
	float: right;
	clear: both;
	*/
}

.datetime {
	font-size: 60%;
	color: #666;
	display: block;
}

/*
	List & jEditable
*/

div#items {
	width: 578px;
	padding: 10px 0 0 0px;
	/*background-color: #555 !important;*/
}

ul#list {
	width: 100%;
	list-style-position: outside;
}

ul#list li {
	padding: 10px;
	list-style-image: url('../images/check.png');
	background-color: transparent;
	/*background-color: #ff0;*/
    	border-bottom: 5px solid #0a3e5a; /*#acf;*/
}

/*
	In-Place Editing
*/

ul#list li:hover {
	padding: 10px;
	list-style-image: url('../images/check-yellow.png');
	background-color: #292929;
}

ul#list li.editing textarea  {
	padding: 0 10px 10px 0 !important;
}

ul#list li.editing, ul#list li.editing:hover {
	list-style-image: url('../images/edit.png') !important;
	background-color: #000 !important;
}

form.edit-box, form.edit-box input, form.edit-box button, form.edit-box textarea {
	margin: 0;
	padding: 0;
	border: 0;
}
form.edit-box textarea {
	border-width: 0;
	background-color: #000;
	color: #fff;
	font-family: "Trebuchet MS";
	padding: 10px;
	width: 500px !important;
}
form.edit-box button {
	border: 1px solid #555;
	background-color: #333;
	color: #666;
	font-family: "Trebuchet MS";
	font-size: 100%;
	margin: 10px 10px 10px 0;
}
form.edit-box button:hover {
	color: #fff;
}