@import "../stylesheet.css";
DIV.AccordianMenu{}

div.container
{
	width : 100%;
	text-align : center;
}

div.siteWrapper
{
	margin : 0 auto;
	text-align : left;
	width : 1100px;
	margin-bottom : 20px;
}

div.siteContainer
{
	margin-top : 100px;
	margin-left : 100px;
	margin-right : 100px;
	float : left;
}

div.leftColumn
{
	width : 200px;
	float : left;
}

	div.logo
	{
		background-image : url('images/FeltMusicLogo.gif');
		background-position : left;
		background-repeat : no-repeat;
		width : 144px;
		height : 75px;
	}
	
	div.verticalMenu
	{
		color : #96968f;
		width :200px;
		float : left;
		height : 626px;
	}
	
	
	
div.rightColumn
{
	float : left;
	width : 700px;	
}

	div.feltFlower
	{
		margin-top : 20px;
		background-image : url('images/FeltFlower.gif');
		background-position : top center;
		background-repeat : no-repeat;
		width : 700px;
		height : 671px;
	}
	
	div.feltFlower_watermark
	{
		margin-top : 20px;
		background-image : url('images/FeltFlower_Watermark.gif');
		background-position : top center;
		background-repeat : no-repeat;
		width : 700px;
	}
	
	div.feltFlower_Mediumwatermark
	{
		position:absolute;
		top:165px;		
		background-image : url('images/FeltFlower_MediumWatermark.gif');
		background-position : top center;
		background-repeat : no-repeat;
		width : 700px;
		height : 671px;
		z-index : -99;
	}
	
	div.prop
	{
		float : left;
		z-index : 99;
		width : 1px;
		height : 671px;
	}
	
div.mainColumn
{
	width : 388px;
	float : left;
	xborder : solid 1px #ffffff;
}

div.rightSideColumn
{
	margin-left : 25px;
	width : 275px;
	float : left;	
}

	div.rightSideColumn div
	{
		float : left;
		margin-bottom : 20px;	
	}


div.content
{
	margin-top : 60px;	
}

div.centerContent
{
	text-align : center;	
}

div.login
{
	
}
	.login INPUT[type="text"], .login INPUT[type="password"], .login INPUT[type="submit"]
	{
		border:solid 1px #666666;
		font-family:Verdana;
		font-size:12px;
		padding:2px;
		width : 140px;
	}
	.login TABLE
	{
		margin-left:0px !important;
		margin-top:30px !important;
	}
	.login DIV
	{
		margin-bottom:5px;
	}
	.login LABEL
	{
		font-weight:bold;
		float:left;
		width:140px;
		vertical-align:middle;
	}
	.login .failureText
	{
		color:#ff0000;
	}


div.header
{
	font-weight : bold;
	width : 900px;
	color : #c6c6bb;
	text-align : right;
}

	div.header ul
	{
		margin : 0px;
		display : inline;
	}
	
	div.header ul li
	{
		font-weight : bold;
		list-style : none;
		display : inline;
		padding-right : 10px;
	}
	
	div.header a
	{
		text-decoration : none;
		color : #c6c6bb;
	}
	
	div.header a:hover
	{
		text-decoration : underline;
		color : #000000;
	}

div.footer
{
	margin-top : 20px;
	font-weight : bold;
	width : 900px;
	color : #c6c6bb;
	float : left;
	margin-bottom : 20px;	
}

	div.footer h1
	{
		display : inline;
		font-size : 11px;
	}
	
	div.footer ul
	{
		margin : 0px;
		display : inline;
	}
	
	div.footer ul li
	{
		font-weight : bold;
		list-style : none;
		display : inline;
		padding-right : 10px;
	}
	
	div.footer a
	{
		text-decoration : none;
		color : #c6c6bb;
	}
	
	div.footer a:hover
	{
		text-decoration : underline;
		color : #000000;
	}

.DataTableWrapper_normal_
{
	border:solid 1px #d7d2c0;
	float : left;
	margin-bottom : 20px;
	width : 100%;
}

table
{
	border-collapse : collapse;
}

.DataTable
{
	width:100%;
	float : left;
}
	.DataTable TR
	{
	}
	
	.DataTable TH
	{
		padding:4px;
		text-align:left;
		font-weight:bold;
		background-color:#d7d2c0;
		padding-left:10px;
		font-size:11px;
	}
	
	.DataTable TD
	{
		padding:4px;
		text-align:left;
		padding-left:10px;
		font-size:11px;
	}
	
	.DataTable .row_hover_, .DataTable .altrow_hover_
	{
		background-color:#ffdd00;
		cursor:pointer;
	}
	.DataTable .row_normal_
	{
		cursor:pointer;
	}
	.DataTable .altrow_normal_
	{
		background-color:#efefef;
		cursor:pointer;
	}
	
	.DataTable tr.Selected
	{
		background-color : #ffdd00 !important;
	}
	
	.DataTable tr.DataTableUpdating td.Progress
	{
		background-image : url('images/small-ajax-loader.gif');
		background-position : right;
		background-repeat : no-repeat;
	}
	
div.playlistEditor
{
	width : 350px;
	float : left;
	margin-bottom : 20px;
}

	div.playlistEditor INPUT[type="text"]
	{
		border:solid 1px #666666;
		font-family:Verdana;
		font-size:12px;
		padding:2px;
		width : 140px;
	}

.button
{
	border:solid 1px #666666;
	font-family:Verdana;
	font-size:12px;
	padding:2px;
}

div.RightAlignPanel
{
	width : 100%; float : left; text-align : right; margin-top : 5px; margin-bottom : 5px; font-size : 8px;
}

/*Modal Popup*/
.modalBackground {
	background-color:#446;
	filter:alpha(opacity=70);
	opacity:0.7;
}

div.popupEditor
{
	margin : 20px;	
}


div.downloadable{
	width : 280px;
	float : left;
	text-align : center;
}
a.downloadable
{
	background-image : url('images/music2.png');
	background-position : left;
	background-repeat : no-repeat;
	padding-left : 26px;
	height : 26px;
	padding-top : 4px;
	display : inline-block;
}

a.UploadFiles
{
	background-image : url('images/upload.png');
	background-position : left;
	background-repeat : no-repeat;
	padding-left : 26px;
	height : 20px;
	padding-top : 10px;
	display : inline-block;
}

div.UploadedFiles
{
	width : 100%; float : left; margin-bottom : 20px;
}


div.AddClient
{
	background-color : #ffffff;
	border : solid 4px #96968f;
	width : 300px;
	height : 300px;
	padding : 10px;
}

	div.SmallLogo
	{
		background-image : url('images/FeltMusicLogoSmall.gif');
		background-position : left;
		background-repeat : no-repeat;
		width : 144px;
		height : 35px;
		margin-bottom : 20px;
	}
	
	div.centerPanel
	{
		margin-top : 20px;
		text-align : center;	
	}
	
	
div.Flash_Hide_
{
    visibility : hidden !important;
    float : left;
}

.Flash_Hidden_
{
    visibility : hidden;
    height : 0px;
}

.Pager
{
	text-align:right;
	padding:10px;
}
	.Pager A.Selected
	{
		font-weight:bold;
	}
	.Pager A
	{
		color:#11527b;
		text-decoration:none;
	}
	
.MediaTypes
{
	width : 300px; height: 355px; border : solid 1px #E8E8E8;
}

	.OptionsHeader
	{
		font-weight : bold;
		padding : 5px;
		font-size:12px;
		background-color: #E8E8E8;
		border : solid 1px #E8E8E8;
		color : #000000;
	}
	
.LicenseAccordian
{
	border:solid 1px #E8E8E8;
	padding:3px;
}
	.LicenseBar
	{
		padding: 5px;
		background-color: #E8E8E8;
		border-bottom:solid 2px #F7F7F7;
		font-size:14px;
		font-weight:bold;
		cursor:pointer;
	}
	.selected DIV.LicenseBar
	{
		color: #000000;
		background-color: #E8E8E8;
	}
	.notSelected DIV.LicenseBar
	{
		color: #999999;
		background-color: #EBEBEB;
	}
	.LicenseContent
	{
		padding: 20px;
		background-color: #F7F7F7;
	}	
	.LicenseContent TABLE .name
	{
		width:150px;
	}
	.LicenseContent TABLE .value
	{
		font-weight:bold;
	}
	
	.FixFirefoxACStyle
	{
		margin:0px;
		padding:2px;
		list-style-type:none;
		border:solid 1px #666666;
		background-color:#ffffff;
		z-index:100;
		cursor:pointer;
	}
	
.row
{
	margin-bottom:5px;
}
	.row LABEL
	{
		width:150px;
		display:inline-block;
		vertical-align:top;
		padding-top:5px;
	}
	.row input[type="text"], .row input[type="password"], .row textarea, .row SELECT {
		border:1px #CCCCCC solid;
		background-color:#FFFFFF;
		padding:5px;
	}
	
	.row input[type="text"]:hover, .row input[type="password"]:hover, .row textarea:hover, .row input[type="text"]:focus, .row input[type="password"]:focus, .row textarea:focus {
		background-color:#FFFFE6;
	}
	
	.row span
	{
		width : 300px;
	}
	
	div.publisher
	{
		float : right;
		width : 50px;
	}
	
	div.publisher span.small
	{
		font-size : 7px;
	}
	
	.textboxlist { 
        background-color:#FFFFFF;
        font-family:Verdana, Trebuchet MS;
        font-size:13px !important;
     }
        
    .textboxlist-bits{
        border:1px #CCCCCC solid !important;
    }
    .textboxlist INPUT {
        border:none !important;
        padding:0px;
        margin:0px;
        width : 100px !important;
    }
    
    .form_tags{
        display:inline-block;
        width: 531px; 
    }

.MediaTypeWrapper_normal_
{
	
}
.MediaTypeWrapper_loading_
{
	background-image:url('images/ajax-loader.gif');
	background-position:center center;
	background-repeat:no-repeat;
}

	
/* 
		This stylesheet belongs to TextboxList - Copyright Guillermo Rauch <http://devthought.com> 2009 
		TextboxList is not priceless for commercial use. See <http://devthought.com/projects/mootools/textboxlist/> 
		Purchase to remove copyright
*/

/*.textboxlist { font: 11px "Lucida Grande", Verdana; cursor: text; } */
.textboxlist-bits { zoom: 1; overflow: hidden; margin: 0; padding: 3px 4px 0; border: 1px solid #999; *padding-bottom: 3px; }
.textboxlist-bit { list-style-type: none; float: left; display: block; padding: 0; margin: 0 5px 3px 0; cursor: default; }
.textboxlist-bit-editable { border: 1px solid #fff; }
.textboxlist-bit-editable-input { border: 0; padding: 2px 0; *padding-bottom: 0; height: 14px; font: 11px "Lucida Grande", Verdana; }
.textboxlist-bit-editable-input:focus { outline: 0; }
.textboxlist-bit-box { position: relative; line-height: 18px; padding: 0 5px; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; border: 1px solid #CAD8F3; background: #DEE7F8; cursor: default; }
.textboxlist-bit-box-deletable { padding-right: 15px; }
.textboxlist-bit-box-deletebutton { position: absolute; right: 4px; top: 6px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('images/close.gif'); }
.textboxlist-bit-box-deletebutton:hover { border: none; background-position: 7px; text-decoration: none; }
.textboxlist-bit-box-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
.textboxlist-bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
.textboxlist-bit-box-focus .textboxlist-bit-box-deletebutton { background-position: bottom; }

/*  TextboxList Style guidelines 
			This style doesn't necessarily have to be in a separate file. 
			It's advisable not to set widths and margins from here, but instead apply it to a particular object or class (#id .textboxlist { width: xxx } or .class .textboxlist { width: xxx })
			The padding-top + padding-left + height of ".textboxlist-bit-editable-input {}" has to match the line-height of ".textboxlist-bit-box {}" for UI consistency. 
			The font configuration has to be present in .textboxlist and .textboxlist-bit-editable-input (for IE reasons)
			The *padding-bottom (notice the *) property of .textboxlist-bits {} has to be equal to the margin-bottom of .textboxlist-bit {} for IE reasons.
			The padding-top of .textboxlist ul {} has to match the margin-bottom of .textboxlist-bit, and the padding-bottom has to be null.
			Make sure the border-width of the .textboxlist-bit-editable {} is equal to the border-width of the box (a border that matches the background is advisable for the input)
			Feel free to edit the borders, fonts, backgrounds and radius.		
*/


/* Preloader for autocomplete */
.textboxlist-loading { background: url(<%=WebResource("KwibooContentUI.Resources.Images.spinner.gif")%>) no-repeat 380px center; }