/* CSS Document */

body {padding: 0; margin: 0;  background-image:url('/www/images/graphics/elegant_s.jpg');min-width:1280px;max-width:1520px;font-family:Helvetica, Arial, Helvetica, sans-serif;font-size:1.1em;*font-size:1em}
P {font-size:0.7em;color:#000;width:96%;padding:4px 0}
p.alert {margin:0 0 4px 0;width:100%;text-align:center;background-color:#ffcc00;float:left;	filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;-moz-border-radius: 5px;-webkit-border: 5px;-webkit-border-radius: 5px;-moz-border-bottom-right-radius: 5px;margin-bottom:15px;-moz-box-shadow: 5px 5px 7px #454545;-webkit-box-shadow: 5px 5px 7px #454545;padding:4px 0}
.cb {clear: both}
a {font-size:0.7em;color:#ffcc00;text-decoration:none}
a:hover {color:#eee;text-decoration:underline}
H1{color:#5b321e;font-size:1.2em}
H1 span {font-size:0.8em;color:#111;font-weight:normal}
span.rss {margin:0 8px;padding:6px 24px 0;background:url('/www/images/graphics/rss.png') no-repeat left;font-size:14px;}
legend a:hover span.rss {text-decoration:none !important}
H2 {margin:0;padding:0;font-size:1.0em;color:#111;font-weight:normal;width:90%}
H2 A {font-size:inherit !important;text-decoration:none !important;color:inherit !important}
h3 {padding:0;margin:0;font-size:1em;color:#333;font-weight:normal}
H4{color:#5b321e;font-size:1em;font-weight:normal}
table {font-size:12px}
iframe {margin:0;padding:0;background-color:#777777}
.column1 FIELDSET, .column3 FIELDSET {background-color:#777777;padding:6px;margin:10px 0;border:none;width:95%}
LEGEND {font-size:14px;text-transform:capitalize;color:#FFFFFF}
IMG {border:1px solid #333}
.fl {float:left}
ul {float:left;list-style-type:none;margin:0;padding:0}
ul.double {float:left;list-style-type:none;width:45%;margin:0;padding:0 12px 0 0;font-size:0.7em}
ul.triple {float:left;list-style-type:none;width:30%;margin:0;padding:0 12px 0 0;font-size:0.7em}
ul li {padding:2px 4px}
ul.music_styles li {display:inline}
ul.music_styles li:nth-child(even) a {color:#5b321e}
object {width:100%;margin:2px 0 0 0}
BUTTON {cursor:pointer}

.paginator {width:100%;text-align:center}
.paginator a{font-size:14px !important}
.paginator a.current{text-decoration:underline;color:#000;font-size:16px !important}
.paginator a:hover{text-decoration:none}
.admin .select select{float:right;margin:0 0 0 4px;width:120px}
.admin .select select.alphabet {width:40px}
.admin input[type='text'] {width:20%}

.column1 .login {float:left;width:100%;}
.column1 .login fieldset p {color:#000 !important}
.column1 .login legend {}
legend span {color:#fe9b02}
legend span a{color:#fe9b02}

.column1 .login ul li a {padding:0}
.column1 .login ul li a:hover {color:#fe9b02;background: url(/www/images/graphics/bullet.gif) no-repeat;padding-left:8px}

.column2 ul.content{list-style-type:disc;list-style-position:inside}

.logo {float: left;width:100%;margin:0}
.logo IMG {display:block;margin:20px auto;border:none}

/*** top menu ***/
.nav, .nav * {margin:0;	padding:0;}
.nav {float: left;	line-height:1.0;	margin-bottom:1em;	position:relative;}
.nav ul {background:transparent; /*IE6 needs this*/	float: left;	position:relative;	margin:0;}
.nav li {background:#transparent;	float: left;	list-style:none;	z-index:999;	font-size:14px}
.nav a {color: #fff;	display:block;	float: left;	padding:2px 6px;	text-decoration:none;	margin:4px auto;}

.planner_status span {color:#fff}
.planner_status a {font-size:inherit}

.subnav {float: right;margin:-1.8em 0 0 0;padding:4px 0 0 0;display:block}
/*** safari hack fading menu ***/
.subnav {
	display:none;
	#
}
.subnav ul {background:transparent; /*IE6 needs this*/	float: left;	margin:4px 0 0 12px;}
.subnav li {background:transparent;	float: left;	list-style:none;	font-size:11px}
.subnav a {	color: #fff;	float: left;	padding:2px 6px;	text-decoration:none;	margin:4px auto;}

#topnav {width: 100%; float: left;display:inline;margin:0;padding:2px 0}
#topnav a {font-size:1em;cursor:pointer}
#topnav a:hover {color:#dddddd}
#topnav a.selected{color:#ffcc00;display:block;float:left;padding:2px 6px;text-decoration:none;margin:4px auto;}
.contentcontainer {padding:12px;width:97%;position:relative;float:left}
.emphasize {font-size:14px !important;display:block}
.contentcontainer .emphasize {font-size:1em !important;text-align:center;width:100%;clear:both}
.contentcontainer a {font-size:inherit;color:#333}
.contentcontainer a:hover {text-decoration:underline}

.column1 {float:left;width:19%;background: url(/www/images/speakers.png) no-repeat top left;}
.column1 .container {padding:0 10px 0 20px}
.column2 {float:left;width:62%}
.column2 .container {padding:0 10px}
.column3 {float:left;width:19%}
.column3 .container {padding:0 20px 0 10px}

.home_teaser a.readmore {margin-left:4px}

UL#gigs {height:46px;width:100%}
UL#gigs LI H3 {font-weight:normal;color:#111;font-size:0.7em}

.column2 fieldset{width:100%;border:none}
.column1 fieldset, .column3 fieldset{-moz-box-shadow: 5px 5px 7px #121212;-webkit-box-shadow: 5px 5px 7px #121212;filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;}
.area{-moz-box-shadow: 5px 5px 7px #121212;-webkit-box-shadow: 5px 5px 7px #121212;}
.area, .column1 fieldset, .column3 fieldset {float: left;display:inline;overflow:hidden;-moz-border-radius: 5px;-webkit-border: 5px;-webkit-border-radius: 5px;-moz-border-bottom-right-radius: 5px;margin-bottom:15px;filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;}

.area img, .column3 img {float:left;margin:0 8px 8px 0}

.one {background-color:#fe9b02; width: 100%;position:relative}
.images li {display:inline}
.two {background-color:#ffcc00; width: 100%;position:relative}
.three {background-color:#fe9b02;float:left;width:38%;margin-right:2%;clear:both}
.four {background-color:#ffcc00;float:left;width:60%}

P.musiccatchphrase {text-align:right;font-style:italic;font-size:1.1em;width:94%}
.music_styles {text-align:center}

#submain {position:absolute;bottom:34px;right:20px;height:30px;}
#submain ul {list-style-type:none;margin:0}
#submain ul li {font-size:12px;color:#111;margin:0;padding:2px 0;text-align:right}
.logos {float:left}
.logos li{display:inline;height:30px;}
.contact{float:right}
.contact li {padding:0;text-align:right;color:#ffcc00}
.contact p {width:100%;color:#ffcc00}

/** music planner **/
#loading {position:absolute;top:2px;left:6px;border:none;display:none}
#lastfm_loading {position:absolute;top:120px;left:49%;border:none;display:none}
.area img.rating{border:none;float:right;margin:0;padding:0}
.planner {float:left}
.planner .header  {padding:4px;float:left;margin-left:1%; width:97%;background-color:#6c6c6c;-moz-border-radius: 5px;-webkit-border: 5px;-webkit-border-radius: 5px;-moz-border-bottom-right-radius: 5px;}
.planner .header #planner_header{color:#eee}
.planner .tracklist {padding:5px 0 0;position:relative;float:left;margin:1%;width:48%;background-color:#6c6c6c;-moz-border-radius: 5px;-webkit-border: 5px;-webkit-border-radius: 5px;-moz-border-bottom-right-radius: 5px;}
.planner .bag_clear{position:absolute;top:7px;right:6px}
.planner .tracklist ul {padding:4px;list-style-type:none;width:96%;}
.planner .tracklist ul table tr td{background-color:transparent !important;padding:0;line-height:16px}
.planner .tracklist button{padding:0;margin:0;height:16px}
#bag button.clear {display:block}
#available button.clear {display:none}
.planner .tracklist ul li.track button.search {display:block;float:none;padding:2px;width:100%;height:20px;margin:2px 0}
.tracklist ul li.track {min-height:34px;margin:2px 0;float:left;width:100%;background-color:#ccc;-moz-border-radius: 5px;-webkit-border: 5px;-webkit-border-radius: 5px;-moz-border-bottom-right-radius: 5px;}
.tracklist ul li.track a {cursor:pointer}
.planner .planner_target {margin:6px 1% 0;float:left;width:98%;background-color:#ccc;color:#aaa;-moz-border-radius: 5px;-webkit-border: 5px;-webkit-border-radius: 5px;-moz-border-bottom-right-radius: 5px;}
.planner img.sleeve{margin:0 4px 0 0 !important;border:none;height:34px;width:34px}
.planner p {float:left;padding:2px 0;width:70%}
.lastfm {padding:0 4px}
.lastfm input[type='text'], .lastfm button {margin:6px}
.lastfm label {clear:none;width:20px;padding:0 6px;font-size:10px}
#paginator ul {clear:both;text-align:center;width:100%}
#paginator ul li{display:inline;margin:0 4px;cursor:pointer;color:#6c6c6c}
#paginator ul li.selected{color:#000000;text-decoration:underline}

/* pages */
#home {float:left;display:inline}
#music {float:left;display:inline}
.musicplanner {width:100%}

.sitemap {width:100%}
.sitemap ul {width:100%}
.sitemap ul li {margin:10px 0;padding:0 2px;}
.sitemap ul li a.level_2{width:100%;display:block;margin:4px 0 4px 20px}
.sitemap a {font-size:0.7em}
.sitemap a:hover {color:#5b321e}

.photos {display:block;margin:0 auto}
.photos .photo {float:left;width:25%;position:relative;margin:8px 0 4px 0}
.photos .photo img {display:block;margin:0 auto;float:none}
.photos .photo h3 {font-size:12px;position:absolute;left:4px;bottom:3px;font-weight:normal;text-align:center;width:100%;color:#ffffff}

.dj TEXTAREA {float: left;width: 97%;height: 100px;font-size: 11px;margin:6px 0}
.dj LABEL {float:left;clear:both;width:100%;text-align:left;margin:0;padding:0}
a.upload_mix {float:left;width:100%;text-align:center;font-size:20px}
.dj ul {float:left;width:100%}
.dj ul li {float:left;margin:0 6px 0 0}
.dj fieldset {float:left;width:100%}
.dj INPUT {float:left;margin:6px 0}
.dj INPUT[type='submit'] {float:right;margin-right:20px}

.gallery {width:100%}
.gallery LABEL {float:left;clear:both;width:80%;text-align:left;margin:0;padding:0}
.gallery ul {float:left;width:100%;margin:0 0 10px}
.gallery ul li {float:left;padding:0}
.gallery .delete_photo {width:50px;margin:2px auto}
.gallery .delete_photo INPUT[type='checkbox'] {float:left;margin:0;width:20%}
.gallery .delete_photo INPUT[type='submit'] {float:right;margin-right:20px}
.gallery .upload_photo {width:340px;margin:0 auto}
.gallery .upload_photo p {color:#666;font-size:0.6em;clear:both}

.gigs input.text {width:100%}
.gigs textarea {width:98%}
.gigs input.date {width:70px}

.account p {float:left;color:#000 !important;width:100%}
.account p span {color:#ffcc00;float:left;}
.account a {float:right}

.feedback p span {float:right;font-style: italic}
.feedback li {float:left}

.admin_header select{position:absolute;right:20px;top:12px;width:120px}

.page_articles {width:100%;padding:10px 0}
.page_articles li {width:80%;margin:2px 10%;float:left;background:#999 url(/www/images/move.png) no-repeat;padding-left:24px;cursor:move}
.page_articles input {float:none;width:20px}
.page_articles p {float:left;width:80%}
.page_articles button {float:left;width:60px}
.available_articles {width:60%;margin:0 20%;padding:10px 0}
.available_articles select {width:90% !important}
a.edit_article {text-decoration:none;float:left;background:url(/www/images/edit_small.png) no-repeat;width:16px;height:16px;display:block;margin:0 0 -20px 0;position:relative;z-index:100}

/* article templates */
.scenario_article{height:300px}
.set_list{position:absolute;top:12px;left:0px;margin-left:260px;margin-right:10px;background-color:#777777;padding:10px;height:256px;-moz-border-radius: 5px;-webkit-border: 5px;-webkit-border-radius: 5px;}
.set_list p {color:#ffffff}
.set_list ul {float:left;width:50%;color:#ffffff;font-size:12px;margin:5px 0}
.set_list li {margin:0 5% 0 0;width:90%}
.scenario_article a.planner_link {position:absolute;top:250px;left:20px}
.scenario_article a.player_link{position:absolute;top:270px;left:14px}

/*generic form*/
.even {background-color:#eee}
.form {float:left;clear: both}
.enquiries {width:74%;margin-bottom:10px}
.edit_account input[type="text"], .edit_account input[type="password"] {width:300px}
.cms {width:100%}
.cms input[type="text"], .cms input[type="password"], .cms textarea, .cms select {width:96%}
FIELDSET {-moz-border-radius: 5px}
FIELDSET P {color:#111111 !important}
LEGEND {color:#fff;}
LABEL {float: left;clear:both;width:30%;margin:1px 0;padding:2px 7px;text-align:right;font-size:0.7em}
LABEL.thin {float: left;width: 80px;margin:1px 0}
INPUT {float:left;border:1px solid #888;margin:1px 0;width:60%;-moz-border-radius: 3px}
input[type="text"],input[type="password"] {padding:2px}
INPUT:focus {border:1px solid #ffcc00}
INPUT.checkbox {width: 20px;margin:1px 0}
INPUT.button {margin-right: 10px;}
SELECT {border:1px solid #888;float: left;width: 100px;font-size: 11px;-moz-border-radius: 3px;padding:1px}
TEXTAREA {border:1px solid #888;float: left;width: 400px;font-size: 11px;margin:3px;height:50px;padding:2px}
TEXTAREA:focus {border:1px solid #000;height:100px;-moz-border-radius: 3px}
button, input[type="submit"] {-moz-border-radius: 3px;width:auto;height:20px;color:#444;padding:0 2px;border:1px solid #999;margin:2px 4px;float:right;cursor:pointer;}
button:hover, input[type="submit"]:hover {color:#000;-moz-box-shadow: 1px 1px 1px #666;-webkit-box-shadow: 5px 5px 7px #333}

/*generic table*/
.cms TABLE {font-size:10px}
TABLE {width:100%;}
TABLE TH {background-color:#88888;color:#fff;text-align:left;line-height:22px;padding:1px 2px 1px 18px;cursor:pointer}
TABLE.sortable TH {position:relative;z-index:20;background:#888888 url('/www/images/tablesort.gif') no-repeat center left;}
TABLE TBODY TR TD, TABLE TFOOT TR TD {line-height:22px;padding:3px;margin:0}
TABLE TR:nth-child(even) TD{background-color:#efefef}
TABLE TR TD {background-color:#deebf1}
TABLE TR:hover TD {background-color:#cccccc;cursor:pointer}
TABLE TR TD A {line-height:20px}

.datepicker{background: url(/www/images/calendar.png) #ffffff no-repeat right; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/www/images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:6px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
	background-color:#6c6c6c
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:0;
	font-size:12px
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}