@charset "UTF-8";

/* CSS Document */

a {
	color: #0c0e34;
	text-decoration: underline;
}

#header a,
#footer a {
	color: #F2F2F2;
}

a:hover {
	color: #434685;
	text-decoration: underline;
}

blockquote {
	background: #eeeeee;
	padding: 20px;
	margin: 30px 40px;
	font-size: 13px;
}

body {
	background-color: #000111;
	background-image: url(/objects/images/backgrounds/stripes.gif);
	background-repeat: repeat;
	color: #333333;
	font-size: 14px;
	line-height: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
}

html {
	margin: 0;
}

td.stat {
	text-align: right;
}

th {
	text-align: left;
	background: #eeeeee;
	color: #333333;
	font-size: 12px;
	vertical-align: bottom;
}

td {
	font-size: 12px;
}

ul {
	margin: 20px 0 0 0;
}

li {
	margin-bottom: 20px;
	list-style-type: disc;
}

#container {
	position: relative;
	margin: 20px auto 10px auto;
	background-color: #0c0e34;
	width: 1220px;
	padding: 20px;
}

#header {
	position: relative;
	width: 1220px;
	height: 100px;
}

#header a {
	color: #ffffff;
}

#header #logo {
	float: left;
}

#header #numbers {
	position: absolute;
	left: 270px;
	top: 28px;
	color: #ffffff;
}

#header #numbers .numbersBig {
	font-size: 24px;
	margin-top: -10px;
}

#header #login {
	position: relative;
	float: right;
	color: #ffffff;
}

#login {
	position: absolute;
	right: 0;
	color: #ffffff;
	font-size: 12px;
}

#login .welcomeText {
	position: relative;
	margin-bottom: 10px;
}

#login .formRow,
#login .formButton {
	position: relative;
	float: right;
	margin: 0 0 10px 10px;
}

#nav {
	position: relative;
	width: 1220px;
	height: 32px;
}

#nav .navTabItem {
	padding: 6px 10px;
	margin: 0 5px 0 0;
	display: block;
	width: auto;
	float: left;
	color: #ffffff;
	text-decoration: none;
	font-size: 16px;
	line-height: 20px;
	background: #666666;
}

#nav .navTabItem.on,
#nav #navAdmin.on,
#nav .navTabItem.on:hover,
#nav #navAdmin.on:hover {
	background: #ffffff;
	color: #000000;
	text-decoration: none;
}

#nav .navTabItem:hover {
	background: #999999;
}

#nav #navAdmin {
	background: #973636;
}

#nav #navAdmin.on {
	color: #973636;
}

#nav #navAdmin:hover {
	background: #ae6c6c;
}

#adminTabs {
	border-bottom: 2px #973636 solid;
	margin-bottom: 10px;
}

#adminTabs .navTabItem {
	display: block;
	float: left;
	width: auto;
	height: 20px;
	padding: 4px;
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
	line-height: 10px;
	background: #ae6c6c;
	margin-right: 2px;
}

#adminTabs .navTabItem.on {
	background: #973636;
}

#adminTabs .navTabItem:hover {
	background: #973636;
}

#body {
	width: 1140px;
	background: #ffffff;
	padding: 40px;
	margin: 0;
	position: relative;
}

#footer {
	position: relative;
	color: #F2F2F2;
	font-size: 11px;
	width: 1220px;
	padding: 0 40px;
	margin: 0 auto 20px auto;
}

#footer #navUtility {
	position: relative;
	float: left;
}

#footer #loadTime {
	position: relative;
	float: right;
}

.clear {
	clear: both;
}

.imageFloatLeft {
	margin: 10px 10px 0 0;
	float: left;
}

.imageFloatRight {
	margin: 0 0 10px 10px;
	float: right;
}

form {
	display: inline;
}

.formRow {
	position: relative;
	float: left;
	margin-left: 20px;
}

.formLabel {
	font-weight: bold;
	font-size: 12px;
}

.first {
	margin-top: 0;
	margin-left: 0;
}

.searchForm {
	background: #eeeeee;
	margin-bottom: 20px;
	padding: 10px;
	border-right: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
}

.searchForm .formLabel {
	float: left;
}

.searchForm .formField {
	float: left;
	margin-left: 5px;
}

input,
textarea,
select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.inputText {
	border: 1px #4e586e solid;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
}

.inputSelect {
	border: 1px #4e586e solid;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px;
}

.inputCheckbox {
	margin: 0;
}

.inputSubmit.hidden {
	width: 0;
	height: 0;
	border: none;
	overflow: hidden;
	display: none;
}

.inputSubmit,
a.adminButton,
#showLinks a {
	border: none !important;
	font-size: 10px;
	padding: 0;
	line-height: 14px;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	color: #ffffff !important;
	background-color: #4e586e;
	display: block;
	text-align: center;
	margin-bottom: 1px;
	width: 60px;
}

.searchForm .inputSubmit {
	font-size: 12px;
	margin-top: 2px;
}

.commentForm a.adminButton {
	font-size: 12px;
	width: 96px;
	padding: 1px;
}

a.adminButton.big {
	font-size: 16px;
}

a.adminButton.green {
	background-color: #4e6e59;
}

a.adminButton.yellow {
	background-color: #6e6e4e;
}

a.adminButton.red {
	background-color: #6e4e4e;
}

.inputSubmit:hover,
a.adminButton:hover,
a.adminButton.green:hover,
a.adminButton.yellow:hover,
a.adminButton.red:hover,
#showLinks a:hover {
	background-color: #cccccc;
}

.headerGray {
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

.dropcap {
	float: left;
	color: #d7182a;
	font-size: 40px;
	font-weight: bold;
	line-height: 34px;
	padding-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
}

.boxGray {
	background: #e3e8e9;
	padding: 20px;
	margin-bottom: 20px;
}

.formBox {
	background: #e3e8e9;
	position: relative;
	padding: 10px;
	float: left;
}

table.small th {
	font-size: 11px;
	line-height: 15px;
	vertical-align: bottom;
}

table.small td {
	font-size: 11px;
	line-height: 15px;
	vertical-align: top;
}

table.big th {
	font-size: 14px;
	line-height: 20px;
	vertical-align: bottom;
}

table.big td {
	font-size: 14px;
	line-height: 20px;
	vertical-align: top;
}

table.small td img,
table.big td img {
	margin-top: 4px;
}

.listData th {
	text-align: left;
	background: #e6e9f0;
	color: #4e586e;
}

tr.alternate1 td {
	background: #ffffff;
}

tr.alternate2 td {
	background: #f2f2f2;
}

td.tableHeader {
	font-size: 11px !important;
	font-weight: bold;
	border-bottom: 2px #cccccc solid;
}

table.big td.tableHeader {
	font-size: 14px !important;
	font-weight: bold;
	border-bottom: 2px #cccccc solid;
}

tr.edit,
td.edit {
	background: #ffffcc;
}

.textHeader {
	position: relative;
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.textHeader select {
	font-size: 16px;
}

.textHeaderSmall {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 18px;
	text-transform: uppercase;
}

.textHeaderBig {
	font-size: 26px;
	margin-bottom: 25px;
	text-transform: uppercase;
}

.textSmall {
	font-size: 12px !important;
	line-height: 20px !important;
}

.textTiny {
	font-size: 10px !important;
	line-height: normal !important;
}

.textGray {
	color: #999999 !important;
}

.textAlert {
	background: #660000;
	color: #ffffff;
	margin-bottom: 10px;
	padding: 5px 10px;
}

.textAlert a {
	color: #ffffff;
	text-decoration: underline;
}

.textOK {
	color: #006600;
}

.textExplanation {
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 18px;
	padding: 5px;
	background: #f2f2f2;
	position: relative;
}

.textExplanationPlain {
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 18px;
	position: relative;
}

.textExplanation .instructions {
	position: absolute;
	top: 6px;
	left: 110px;
	width: 968px;
	margin-left: 20px;
	font-size: 12px;
	line-height: 15px;
}

.textGray {
	color: #666666;
}

.divider {
	border-top: 1px #999999 dashed;
	margin: 20px 0;
}

.popup {
	color: #553317;
	position: absolute;
	background: #eeeeee;
	padding: 20px;
	width: 552px;
	border: 3px #aaaaaa solid;
	line-height: 15px;
}

.popup:hover,
.popupItem:hover {
	cursor: pointer;
}

.thumbnail {
	position: relative;
	float: left;
	width: 140px;
	text-align: center;
	font-size: 11px;
}

.gutter {
	position: relative;
	float: left;
	width: 12px;
}

.listData {
	margin-bottom: 20px;
}

.hidden {
	display: none;
}

.visible {
	display: block;
}

.textCount {
	font-size: 9px;
}

.downloadLink {
	margin: -5px 0 0 2px;
}

.downloadLink a {
	font-size: 11px;
}

iframe#dl {
	display: none;
}

.contentMain {
	position: relative;
	float: left;
	width: 700px;
}

/* FORM FIELDS
-------------- */
.contentBox .formRow,
.overlay .formRow {
	padding: 0;
	margin: 10px 0 0 10px;
}

.contentBox .formRow.first,
.overlay .formRow.first {
	margin: 10px 0 0 0;
}

.contentBox .formButton,
.overlay .formButton {
	margin: 20px 0 0 0;
}

.contentBox input[type=text],
.contentBox input[type=password],
.contentBox textarea,
.searchForm input[type=text],
.searchForm input[type=password],
.overlay input[type=text],
.overlay input[type=password],
.overlay textarea {
	border: 1px #4e586e solid;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
}

.overlay input[type=text],
.overlay input[type=password] {
	width: 178px;
}

.col1 .contentBox input[type=text],
.col1 .contentBox input[type=password] {
	width: 148px;
}

.col1 .contentBox textarea {
	height: 100px;
	width: 310px;
}

.col2 .contentBox textarea {
	height: 76px;
	width: 704px;
}

.overlay textarea {
	height: 200px;
	width: 492px;
}

.browseColumn {
	float: left;
	width: auto;
}

.browseColumn.years {
	width: 110px;
}

.browseColumn.months {
	width: 120px;
	margin: 0 0 0 10px;
}

.browseColumn.shows {
	margin: 0 0 0 20px;
}

.browseColumn.shows table {
	width: 880px;
}

.browseLinks {
	background-color: #4e586e;
	border-left: 4px #0a0c33 solid;
	color: #ffffff;
	cursor: pointer;
	display: block;
	font-size: 14px;
	line-height: 14px;
	margin: 0 0 1px 0;
	padding: 4px 8px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
}

.browseLinks.on {
	background-color: #4e586e;
}

.browseLinks.off {
	background-color: #999999;
}

.browseLinks:hover {
	background-color: #cccccc;
	text-decoration: none;
}

/* OVERLAYS
----------- */
.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #333333;
	opacity: .50;
	filter:Alpha(Opacity=50);
}

.ui-dialog-titlebar {
	display: none;
}

.overlay {
	background: #ffffff;
	border: 3px #d5d5d5 solid;
	padding: 15px;
	text-align: left;
	display: none;
	width: 500px !important;
}

.overlay .title {
	text-align: left;
	font-size: 18px;
	color: #4c4c4c;
	font-weight: bold;
	margin-bottom: 10px;
}

.overlay .content {
	padding: 0;
	float: none;
	margin: 0;
	text-align: left;
	font-size: 13px;
	color: #2b2b2b;
	min-width: 100%;
}

.overlay .buttons {
	height: 22px;
	margin-top: 30px;
}

.overlay input.inputSubmit,
.overlay a.adminButton {
	width: 100px;
	height: 24px;
	line-height: 25px;
	margin: 0 10px 0 0;
	float: left;
}

/* PAGE STRUCTURE
----------------- */
.col1 {
	position: relative;
	float: left;
	margin-left: 30px;
	width: 360px;
}

.col2 {
	position: relative;
	float: left;
	width: 750px;
	margin-left: 30px;
}

.contentBox {
	background: #eeeeee;
	padding: 20px;
	border-right: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	margin-bottom: 30px;
	position: relative;
}

/* AUDIO PLAYER
--------------- */
#audioPlayer {
	margin-top: 20px;
}

#recordingPlayer {
	margin-bottom: 20px;
}

#recordingPlayer object#audioPlayer {
	margin: 0;
}

.featuredIcon {
	position: absolute;
	top: 86px;
	right: 10px;
}

.messageReply {
	margin: 10px;
	border: 1px #cccccc dashed;
	padding: 10px;
}

.messageReply .heading {
	color: #666666;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 10px;
}

#showLinks {
	position: absolute;
	right: 40px;
	top: 108px;
}

#showLinks a {
	width: auto;
	height: auto;
	line-height: normal;
	margin: 0 0 0 10px;
	padding: 0 10px;
	float: left;
	font-size: 12px;
}

/* RATINGS
---------- */
#stars {
	margin-top: 10px;
}

#showRated {
	display: none;
	margin-top: 10px;
}

#summaryResponse {
	display: none;
}

/* ICON LINKS
------------- */
a.listen {
	background-image: url(/objects/images/icons/audio-icon_sprite.png);
	background-position: 0 -16px;
	display: block;
	height: 16px;
	margin: 0 auto;
	width: 16px;
}

a.listen.on,
a.listen:hover {
	background-position: 0 0;
}

/* EDIT LINKS
------------- */
#summaryEdit,
#aboutMeEdit {
	position: absolute;
	right: 20px;
	top: 20px;
}

#summaryEdit a,
#aboutMeEdit a {
	font-size: 11px;
}

/* COMMENTS
----------- */
.commentBox {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px #999999 dashed;
}

.commentBox .details {
	font-size: 11px;
	line-height: 15px;
}

.commentBox .date {
	color: #666666;
}

.dialog {
	display: none;
}