body {
	background-color:#666;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color:#fff;
	padding: 0;
	margin: 0;
	line-height: 1.5em;
}

table {
	font-size: 12px;
	border-collapse: collapse;
}

td {
	border: 1px solid #666;
	background-color: #333;
	padding: 4px;
}

th {
	border: 1px solid #666;
	padding: 4px;
	text-align: center;
	vertical-align: top;
	background-color:#1F2022;
	color: #fff;
}

ul {
	margin: 1em;
	padding: 0;
}

ol {
	margin: 1em 0 1em 2em;
	padding: 0;
}

li {
	margin: 0;
	padding: .5em;
}

h1 {
	color: #fff;
	background:#222 url("../images/header.jpg") no-repeat top left;
	margin:0;
	padding:0;
	height: 117px;
	line-height: 117px;
}

h1 span {
	display: none;
}

h3 {
	display:block;
	font-size:1.17em;
	font-weight:bold;
	margin:1em 0;
}

h4{
	display: block;
	font-size: 16px;
	margin: 0;
	color: #ddd;
	text-align: left;
}

img {
	border: 0;
}

p {
	margin: 1em 0;
	padding: 0;
}

#container {
	width: 960px;
	margin: 0 auto;
	padding: 0 15px;
	background: #666 url("../images/bkg_outer.gif") repeat-y top center;
}

#bottom_cap {
	clear: both;
	width: 990px;
	height: 15px;
	margin: 0 auto;
	background: #666 url("../images/bottom_cap.gif") no-repeat top center;
}

#debug {
	color:#fff;
	text-align: left;
	margin-top: 100px;
}

/* nav
*******************************/

#nav_col{
	float: left;
	width: 193px;
}

#nav {
	width: 193px;
	background: transparent url("../images/bkg_nav.jpg") no-repeat top left;
	height: 154px;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav ul li {
	font-weight: bold;
	margin: 0;
	padding: 0;
	height: 39px;
	line-height: 36px;
}

#nav ul li.link_current {
	background: transparent url("../images/nav_focus.gif") no-repeat 14px 12px;
}

#nav ul li span {
	display: none;
}

#nav ul li a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	outline: none !important;
	height: 39px;
}

#nav ul li a span {
	display: block;
	padding: 0 0 0 38px;
	line-height: 36px;
	margin: 0;
}

#nav ul li a:hover span {
	background: transparent url("../images/nav_hover.png") no-repeat 12px 10px !important;
}

/* login
************************************/

#login {
	margin: 2em;
	border: 1px solid #666;
	background-color: #333;
	width: 147px;
	position: relative;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#login label {
	display: block;
	width: 122px;
	text-align: left;
	margin-left: 12px;
	font-size: 10px;
}

#login input.intxt{
	width: 122px;
	font-size: 11px;
}

#login p {
	text-align: center;
	padding: 0;
	margin: 0.5em 0;
}

#login button {
	margin: 0.5em auto;
}

#login a {
	color: #fff;
	font-size: 10px;
	text-decoration: none;
}

#login a:hover{
	text-decoration: underline;
}

#login a.username {
	font-size: 1em;
}

#login .hide_if_good {
	display: none;
}

#login.has_error .hide_if_good {
	display: block;
}

/* content */
#content_outer {
	float: left;
	width: 760px;
}

#content {
	padding: 2em 2.5em;
	background: transparent url("../images/bkg_h2.gif") no-repeat top left;
}

#content a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#content a:hover {
	text-decoration: underline;
}

#content #busy {
	background: url("../images/busy_36.gif") no-repeat top left;
	position: absolute;
	width: 36px;
	height: 36px;
	top: 133px;
	margin-left: 685px;
	visibility: hidden;
}

#content h2 {
	margin-top: 0;
	font-size: 18px;
	white-space: nowrap;
	width: 50%;
}

#content #copy a {
	color: #C3EC00;
}

#content #copy a:hover {
	text-decoration: underline;
}

div.subcontent {
	padding: 0 1em;
	line-height: 1.5em;
	margin-bottom: 1em;
	border: 1px solid #666;
	background-color: #333;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	position: relative;
	z-index: 50;
}

#container_end {
	clear: both;
}

/* progress
************************************/
#progress_bar {
	margin: 2em 0 1em;
	width: 291px;
	height: 12px;
	background: url("../images/progress_bar.png") no-repeat -291px 0px;
	z-index: 100;
}

#progress_bar div {
	background: url("../images/progress_over.png") no-repeat top left;
	width: 291px;
	height: 12px;
	z-index: 200;
}

#progress_status {
	width: 291px;
	margin: 0;
	text-align: center;
}


/* playlist preview
************************************/

#preview_container h3 img {
	width: 100px;
	height: 75px;
	margin-right: 0.5em;
	vertical-align: middle;
}

#preview_container ul {
	list-style: none;
	margin:0;
	padding:0;
}

#preview_container ul li {
	margin:0;
	padding:0.5em 0;
}

#preview_container ul li img {
	vertical-align: middle;
	margin-right: 0.5em;
}

#preview_container ul li a.invalid {
	color:#f00;
}

/* elements
************************************/
.intxt {
	background-color:#555;
	border: 1px solid #ccc;
	color: #fff;
}

.focus {
	background-color: #888;
}

input.error {
	border: 1px solid #D2FF00;
}

span.error, div.error, p.error {
	font-weight: bold;
	color:#F0323F;
}

span.error {
	padding-left: 1.25em;
	background: url('../images/err.png') no-repeat left center;
}

span.ok {
	padding-left: 1.25em;
	background: url('../images/check.png') no-repeat left center;
}

/* dialog
*******************************/

#dialog {
	width: 460px;
	z-index: 100;
	position: absolute;
	visibility: hidden;
}

#dialog_shell {
	background: url('../images/dialog-panel-top.png') no-repeat top left;
	width: 460px;
}

#dialog #dialog_x {
	float: right;
	width: 16px;
	height:15px;
	margin: 10px 10px 0 0;
	cursor: pointer;
	z-index: 110;
	line-height: 5px;
	font-size: 5px;
	background-image: url('../images/blank.gif');
}

#dialog #dialog_x_hide{
	float: right;
	clear: right;
	width: 18px;
	height:18px;
	background-color: #0B0B0B;
	margin: -17px 9px 0 0;
	display: none;
	z-index: 120;
}

#dialog #dialog_inner {
	padding: 0 13px 3px 23px;
}

#dialog h4 {
	font-size: 16px;
	margin: 0 0 0 23px;
	padding:13px 0 0 0;
	color: #ddd;
	text-align: left;
}

#dialog #dialog_inner button {
	border: 1px solid #444;
}

#dialog #dialog_inner input {
	z-index: 200;
}

#dialog #dialog_footer {
	width: 460px;
	height: 20px;
	background: transparent url('../images/dialog-panel-bottom.png') no-repeat top left;
}

#dialog #dialog_inner #dialog_ok {
	width: 92%;
	position: absolute;
	bottom: 26px;
	margin: 0;
	padding: 0;
}

#dialog #dialog_inner #dialog_ok #button{
	margin: 0 auto;
}

#dialog p.status {
	text-align: center;
	margin: 2em 0;
	font-weight: bold;
}

/* buttons
*******************************/

.v_button {
	background: #000 url('../images/v_button.png') repeat-x 0px 0px;
	border: 0;
	color:#fff;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-weight: bold;
	font-size: 11px;

	line-height: 20px !important;
	outline:none !important;
	height:24px !important;
	width:96px;
	white-space: nowrap;
	overflow:visible;
}

.v_button:hover {
	background-position: 0px -24px;
}

.v_btn_small {
	height: 22px !important;
	line-height: 15px !important;
	background-position: 0px -1px;
}

.v_btn_small:hover {
	background-position: 0px -25px;
}

.v_btn_wide {
	width: 160px;
	background-image: url('../images/v_button_wide.png');
}

button.dark {
	border: 1px solid #666;
}

button.disabled {
	color:#888;
}

button.disabled:hover {
	background-position: 0px 0px;
}

/* action icons
*******************************/
td.actions a {
	width: 25px;
	height: 24px;
	margin: 0 0.25em;
	display: block;
	float: left;
	outline: none;
}

td.actions a span {
	display: none;
}

td.actions a.action_edit {
	background-image: url('../images/action_edit.png');
}

td.actions a.action_edit:hover {
	background-image: url('../images/action_edit_o.png');
}

td.actions a.action_info {
	background-image: url('../images/action_info.png');
}

td.actions a.action_info:hover {
	background-image: url('../images/action_info_o.png');
}

td.actions a.action_delete {
	background-image: url('../images/action_delete.png');
}

td.actions a.action_delete:hover {
	background-image: url('../images/action_delete_o.png');
}

td.actions a.action_recheck {
	background-image: url('../images/action_recheck.png');
}

td.actions a.action_recheck:hover {
	background-image: url('../images/action_recheck_o.png');
}

/* pager
*******************************/

ul.pager {
	list-style: none;
	height: 22px;
	margin: 0;
}

ul.pager li {
	height: 22px;
	line-height: 22px;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

ul.pager li.cap_left, ul.pager li.cap_right {
	width: 6px;
	background: transparent url("/images/pager.png") no-repeat top left;
}

ul.pager li.cap_left {
}

ul.pager li.cap_right {
	background-position: -69px 0;
}

ul.pager li span {
	cursor: default;
	display: block;
	height: 22px;
	text-align: center;
}

ul.pager li span.blk {
	height: 44px;
	line-height: 22px;
	width: 21px;
	outline: none !important;
	background: transparent url("/images/pager.png") no-repeat top left;
	background-position: -27px 0;
	background-color:#eee;
}

ul.pager li span.current {
	font-weight: bold;
	color: #ADD100;
	background: transparent url("/images/pager_current.png") no-repeat top left;
}

ul.pager li a {
	cursor: default;
	display: block;
	height: 44px;
	line-height: 22px;
	width: 21px;
	outline: none !important;
	background: transparent url("/images/pager.png") no-repeat top left;
	background-position: -27px 0;
}

ul.pager li a:hover {
	margin-top: -22px;
	text-decoration: none !important;
}

ul.pager li a:hover span {
	line-height: 66px;
}

ul.pager li.pager_label {
	display: none;
}

ul.pager li.prev a {
	background-position: -6px 0;
}

ul.pager li.next a {
	background-position: -48px 0;
}

ul.pager li.prev a span,
ul.pager li.next a span {
	display: none;
}

/* IE corners
*****************************/

div.ietl{
	background: transparent url('../images/ie_rc_normal.gif') no-repeat top left;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 8px;
	height: 8px;
}

div.ietr{
	background: transparent url('../images/ie_rc_normal.gif') no-repeat top right;
	position: absolute;
	top: -1px;
	right: -1px;
	width: 8px;
	height: 8px;
}

div.iebl{
	background: transparent url('../images/ie_rc_normal.gif') no-repeat bottom left;
	position: absolute;
	bottom: -1px;
	left: -1px;
	width: 8px;
	height: 8px;
}

div.iebr{
	background: transparent url('../images/ie_rc_normal.gif') no-repeat bottom right;
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 8px;
	height: 8px;
}

/* login */

div#login div.ietl,
div#login div.ietr,
div#login div.iebl,
div#login div.iebr {
	background-image: url('../images/ie_rc_login.gif');
}

.clearer {
	clear: both;
}

/* Footer
**************************/

div#footer {
	font-size: 11px;
	text-align: center;
	margin: 0 0 2em;
}

div#footer ul {
	list-style: none;
	margin: 1em 0;
	padding: 0;
}

div#footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

div#footer ul li:before {
	content: "| ";
	color: #444;
}

div#footer ul li:first-child:before {
	content: "";
}

div#footer a{
	color:#ccc;
	text-decoration: none;
	margin: 0 0.5em;
}

div#footer a:hover{
	text-decoration: underline;
}

/* Context menus
****************************/

ul.context_menu{
	display: none;
	position: absolute;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-color:#666;
	border: 2px solid #000;
	border-bottom: 1px solid #000;
	z-index: 1000;
}

ul.context_menu li {
	border-bottom: 1px solid #000000;
	margin: 0;
	padding: 0;
}

ul.context_menu li a {
	display: block;
	width: 100px;
	padding: 0 8px 1px 8px;
	text-decoration: none !important;
}

ul.context_menu li a:hover {
	text-decoration: underline !important;
}

div#inbox {
	position: absolute;
	background: transparent url('../images/envelope.png') no-repeat top left;
	margin: -81px 0 0 205px;
}

div#inbox a {
	color: #C3EC00;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	height: 48px;
	line-height: 48px;
	padding-left: 56px;
	display: block;
}

#compose textarea {
	width: 420px;
	height: 120px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
}

div.admin {
	width: 649px;
	padding: 0;
}

div.admin ul {
	margin: 0 0 1em 3em;
	padding: 0;
}

div.admin ul li {
	padding: 0;
	margin: 0;
}

div.admin ul li img {
	vertical-align: middle;
	margin-top: -1px;
}

div.admin h3 {
	margin-bottom: 5px;
	margin-left: 1em;
}

div#footer #hosting {
	color: #ccc;
	margin-top: -0.5em;
}

div#footer #hosting a {
	margin: 0;
}