/*---------------------------------------------------------------------------------------------
	Main Layout
---------------------------------------------------------------------------------------------*/

html {
	margin: 0px;
	padding: 0px;
}

html.popupBody {
	overflow: hidden;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	background-color: #383838;
}

body.popupBody {
	color: #aaaaaa;
	background-color: #000000;
	overflow: hidden;
}

#top {
	height:112px;
	margin: 0px;
	background:url(images/heading.jpg) top left no-repeat;
}

#top2 {
	padding: 0px 10px 12px 0px;
	margin: 0px;
	text-align: right;
}

#container {
	padding: 0px;
	margin: 0px;

}

#fixedLeft {
	text-align: center;
	float: left;
	width: 200px;
	padding: 0px;
	margin: 0px;
}

#fluidContainer {
	margin: 0px 0px 0px 120px;
	padding: 0px;
}

#fluidLeft {
	text-align: center;
	float: left;
	width: 58%;
	margin: 0px;
	padding: 0px;
}

#fluidRight {
	text-align: center;
	float: right;
	width: 33%;
	margin: 0px;
	padding: 0px;
}

#footer {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#bottom {
	padding: 20px;
	margin: 0px;
}

#favBandSuggestWrapper{
	margin: 0px;
	padding: 10px 10px 10px 31px;
	z-index: 70;
	width: 181px;
	height: 111px;
	position: absolute;
	background-image: url(/images/bandSuggestBack.gif);
	background-repeat: no-repeat;
}

#favBandSuggest{
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 181px;
	height: 111px;
	overflow: auto;
}

#overlay{
	position: absolute;
	z-index: 50;
	top: 0px;
	left: 0px;
	background-color: #000000;
	width: 100%;
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}

#welcomePop{
	position: absolute;
	z-index: 60;
	top: 0px;
	left: 0px;
	background-image: url(/images/welcomePopBack.gif);
	width: 360px;
	height: 260px;
	padding: 20px;
}

#welcomePop h1{
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#welcomePop input{
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

#genPop{
	position: absolute;
	z-index: 60;
	top: 0px;
	left: 0px;
	width: 460px;
	padding: 20px;
	background-color: #ffffff;
	border: 3px solid #aaaaaa;
	text-align: center;
}

#genPopPreview{
	position: absolute;
	top: 0px;
	left: -999em;
	z-index: -100;
	width: 460px;
	padding: 20px;
	background-color: #ffffff;
	border: 3px solid #aaaaaa;
}

.errorMsg{
	background-color: #ff0000;
	color: #ffffff;
	padding: 10px;
}

.imgWrapLeft, .imgWrapRight{
	margin: 0px 10px 10px 0px;
	padding: 5px;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	position: relative;
	z-index: 10;
}

.imgWrapLeft{
	float: left;
}

.imgWrapRight{
	float: right;
}

h1{
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #dddddd;
	font-size: 18px;
}

#top h1{
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	text-indent:-1000px;
}

h2{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 2px 0px;
	border-bottom: 1px solid #dddddd;
	font-size: 12px;
}

.vidBoxWrapper{
	position: relative;
	z-index: 10;
	float: left;
	width: 104px;
	height: 90px;
	overflow: hidden;
	margin: 0px 10px 6px 0px;
}

.vidPicWrapper{
	border: 1px solid #cccccc;
	padding: 1px;
}

.vidPic{
	width: 100px;
	height: 62px;
}

.vidPicOverlay{
	filter: alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}

.vidPicOverlayHover{
	filter: alpha(opacity=100);-moz-opacity:1;opacity:1;
}

.vidTitle{
	padding: 3px 0px 0px 0px;
	width: 104px;
	font-size: 10px;
	line-height: 100%;
}

/* auto complete css */

div.autocomplete {
	position:absolute;
	width:250px;
	background-color:white;
	border:2px solid #888;
	margin:0px;
	padding:0px;
	z-index: 200;
	text-align: left;
}

div.autocomplete ul  {
	list-style-type: none;
	margin:0px;
	padding:0px;
}

div.autocomplete ul li.selected {
	background-color: #ffb;
}

div.autocomplete ul li {
	list-style-type: none;
	display:block;
	margin:0;
	padding:2px;
}

span.informal{
	font-style:italic;
}

/* end auto complete css */

div.navSep {
	padding: 0px;
	height: 0px;
	margin: 5px -12px 4px -12px;
	border-bottom: 1px solid #555;
}


/*---------------------------------------------------------------------------------------------
	Draggables Setup
---------------------------------------------------------------------------------------------*/

.boxWrapper{
	padding: 0px 0px 12px 0px;
	margin: 0px;
}

.boxHedInner{
	padding: 3px 7px;
	margin: 0px;
	text-align: left;
	color: white;
	font-weight: bold;
	cursor: move;
	background:url(images/titlebars.jpg) top right no-repeat;
}

.boxInner{
	padding: 10px 12px 10px 12px;
	margin: 0px;
	text-align: left;
	color: white;
	font-weight: normal;
	border-style: solid;
	border-color: #333;
	border-width: 0px 1px 1px 1px;
	background-color: #565656;
}

.boxHedInner h1 {
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	font-size:14px;
}

.boxHedInner h2 {
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	font-size: 11px;
	font-weight:normal;
	color:white;
}

/*---------------------------------------------------------------------------------------------
	Link Stuff
---------------------------------------------------------------------------------------------*/

a {
	text-decoration: none;
	color: #dddddd;
	border-width: 0px;
	outline-style: none;
}

a:hover, a:active {
	text-decoration: none;
	color: #000000;
	border-bottom: 1px dotted #000000;
}

.boxHedInner a{
	color:white;

}

/*---------------------------------------------------------------------------------------------
	wysiwyg tool stuff
---------------------------------------------------------------------------------------------*/

.toolbar1 { height: 26px; background-image: url(../images/background_silver.jpg); }
.buttonEditor { width: 20px; height: 20px; border: 0px solid transparent; margin: 1px; padding: 0px; background: transparent; }
.buttonEditorOver { width: 20px; height: 20px; border: 1px solid #999999; margin: 0; padding: 0px; }
.tableTextareaEditor { border: 1px solid #888888; }
.iframeText { background-color: #FFFFFF; }
.wysiwyg-statusbar {font-family: Arial; font-size: 9px; background-color: #EEEEEE;}
a.wysiwyg-statusbar {font-family: Arial; font-size: 9px; color: #000000; text-decoration:none;}
a.wysiwyg-statusbar:hover {font-family: Arial; font-size: 9px; color: #000000; text-decoration:underline;}
.dropdown { background-color: #FFFFFF; border: 1px solid #333333; height: 140px; overflow: auto; padding: 1px;}
button.mouseOver { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 3px; cursor: default; text-align: left;}
button.mouseOut { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 3px; cursor: default; text-align: left;}
.wysiwyg-context-menu-div { background-color:#F4F4F4; border: 1px solid #C9C9C9; width:170px; }
.wysiwyg-context-menu { font-family: Arial; font-size:11px; color:#000000; width:100%;}
.wysiwyg-context-menu .icon {background-color:#EEEEEE;}
.wysiwyg-context-menu .disabled { font-family: Arial; font-size:11px; color:#999999; text-decoration:none; padding-left: 3px; }
.wysiwyg-context-menu a { font-family: Arial; font-size:11px; color:#000000; text-decoration:none; padding-left: 3px;}
.wysiwyg-context-menu .mouseover {background-color: #EEEEEE;}
.on { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 6px; width: 140px; cursor: default; height: 5px;}
.off { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 6px; width: 140px; cursor: default; height: 5px;}
.wysiwyg-color-picker-table { border: 1px solid #7E7E81; background-color: #F7F7F7; padding: 1px; }
.wysiwyg-color-picker-div { font-size: 1px; height:12px; width:12px; }
.selectColorBorder { border: 1px solid #F7F7F7; }
.selectColorOn { border: 1px solid #999999; background-color: #CCCCCC; }
.selectColorOff { border: 1px solid #F7F7F7; background-color: #F7F7F7; }