.app
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
.appFrame
{
	position:absolute;
	left:50%;
	margin-left:-500px;
	width:1000px;
	height:629px;
	z-index:100;
}

.appHeader
{
	width:100%;
	height:53px;
	background:repeat-x url(/img/HeaderBkgd.png);
	border:none;
}

.appContent
{
	width:100%;
	padding-bottom:50px;
}

.appFooter
{
    position:fixed;
    top:100%;
    margin-top:-55px;
	width:100%;
	height:50px;
	padding-bottom:4px;
	border-top:solid 1px #F0C382;
	background:url(/img/FooterBkgd.png) repeat-x;
	z-index:1500;
}


ul.profileContainer
{
	border:solid 1px #F0C382;
	background-color:#1C0F0D;
	height:300px;
	overflow-y:auto;
}

ul.profileContainer li
{
    float:left;
    text-align:left;
}
.profilePhoto
{
    margin:12px 0px 0px 20px;
}
.profileInfo
{
    position:absolute;
    margin-left:240px;
    padding-right:10px;
    text-align:left;
}
.profileInfo img 
{
    margin:20px 0px 20px -20px;
}


ul.centeredContent li
{
    margin-bottom:10px;
    display:block;
    text-align:center;
}

ul.characterRow { margin-bottom:20px; }
ul.characterRow li
{
    display:inline;
    margin:0px 20px 0px 20px;
}

div.centeredContent
{
    position:relative;
    width:800px;
    left:50%;
    margin-left:-400px;
}


.headerMenu
{
	background-color:#2B0000;
	border:solid 1px #780000;
	border-bottom:none;
	float:right;
	height:30px;
	margin-top:70px;
}
ul.headerNavList
{
	border:none;
	padding:none;
	list-style:none;
}
ul.headerNavList > li
{
	float:left;
	margin:0px 10px 0px 10px;
	width:auto;
}
ul.headerNavList > li.homeLink
{
    float:right;
}
ul.footerMenuList
{
    position:absolute;
    left:50%;
    margin:4px 0px 0px -375px;
	border:none;
	padding:none;
	list-style:none;
}
ul.footerMenuList > li
{
	float:left;
	margin:0px 10px 0px 10px;
	width:auto;
}

.siteFooter
{
	position:absolute;
	z-index:10;
	width:100%;
	border-top:solid 1px #0071BC;
	background:#1C0F0D;
	top:100%;
	margin-top:-40px;
	height:39px;
}
.viewContainer
{
	margin-top:10px;
	width:100%;
}
.viewPane
{
	width:auto;
	float:left;
	margin-right:20px;
}
ul.resultSet li.header
{
	height:31px;
	border-bottom:solid 1px #160000;
	color:#DB3700;
}
ul.resultSet li.header ul.row li
{
	margin-top:0px;
}
ul.resultSet li.header ul.row
{
	background:none;
	border:none;
}
ul.resultSet li.header ul.row 
{
    color:#DB3700;
    cursor:default;
}
ul.row 
{
	clear:both; 
	font-size:13px;
	margin:1px 0px 1px 0px;
	border:solid 1px #2B0000;
	height:30px;
}
ul.row:hover
{
	background-color:#4D4D4D;
	border:solid 1px #B3B3B3;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	cursor:pointer;
	color:#D0D0D0;
}
ul.selectedRow
{
	background-color:#1B0000;
	border:solid 1px #750000;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
}
ul.row li
{
    float:left;
	vertical-align:middle;
	margin:5px 8px 5px 4px;
}
ul.row li.colAction { width:28px; height:28px; cursor:pointer; }
ul.row li.play { background:no-repeat url(/img/play.png); }
ul.row li.edit { background:no-repeat url(/img/edit.png); }
ul.row li.delete { background:no-repeat url(/img/delete.png); }

/* Track Columns */
ul.row li.colTrackName { width:200px; }
ul.row li.colArtist { width:150px; }
ul.row li.colStatus { width:50px; text-align:center; }

/* File Columns */
ul.row li.colFilename { width:200px; }
ul.row li.colFilesize { width:85px; text-align:center; }
ul.row li.colFiletype { width:85px; text-align:center; }

li.header ul.row li.colMood, li.header ul.row li.colGenre { font-size:inherit; line-height:inherit; }
ul.row li.colMood, ul.row li.colGenre { width:90px; font-size:10px; line-height:10px; }

ul.resultSetPager { display:none; }
ul.resultSetPager li.header 
{
	display:block;
	font-size:10px;
	line-height:12px;
	cursor:default;
}
ul.resultSetPager li.header+li { clear:both; }
ul.resultSetPager li
{
	cursor:pointer;
	float:left;
	vertical-align:middle;
	margin:0px 8px 0px 0px;
	color:#780000;
	font-size:12px;
}
ul.resultSetPager li.current
{
	color:#E8E8E8;
	border-bottom:solid 1px #e8e8e8;
}
.viewMenu
{
	position:absolute;
	width:160px;
}
.viewMenu .selected:hover
{
	cursor:pointer;
}
.viewMenu .selected
{
	color:#C9A79E;
	padding-left:4px;
    text-transform:capitalize;
	/*
	letter-spacing:1px;
    */
	background:#160000 no-repeat right url(/img/dropdownarrow.gif);
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	margin:0px 0px 1px 0px;
	border:solid 1px #3C0000;
	width:100%;
	font-size:12px;
}
.viewMenu ul.menuSelections
{
	display:none;
	width:138px;
	margin-left:6px;
	padding:4px 4px 4px 4px;
	background-color:#2B0000;
	border:solid 1px #780000;
	border-top:none;
	color:#780000;
	font-size:12px;
	margin-top:2px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
}
.viewMenu ul.menuSelections li
{
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	padding-left:6px;
	border:solid 1px #2B0000;
}
.viewMenu ul.menuSelections li:hover
{
	border-top:solid 1px #3C0000;
	border-bottom:solid 1px #3C0000;
	background-color:#160000;
	color:#C9A79E;
	cursor:pointer;
}

/* Overlay Styles */
.overlayScreen
{
    position: absolute; 
    left:0px;
    top:0px;
    z-index: 1100; 
    width: 100%; 
    height: 100%; 
    background-color:#111111;
}
.overlayScreenContentContainer
{
    border: 1px solid #3C0000; 
    padding: 10px; 
    position: absolute; 
    z-index: 1101; 
    width: 400px; 
    height: auto; 
	background-color:#2B0000;
    left: 50%; 
    top: 125px; 
    margin-left: -200px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
}
.closeModal
{
    float:right;
    margin: -4px -0px 0px 0px;
}
.overlayMessageBox
{
    border-left: 1px solid yellow; 
    border-top: 1px solid yellow; 
    padding: 2px 0px 0px 2px; 
    position: absolute; 
    z-index: 1101; 
    width: 300px; 
    height: 50px; 
    background-color: white; 
    left: 100%; 
    top: 100%; 
    margin-left: -303px; 
    margin-top: -53px;
    
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
}
.uploadedFilename
{
    margin-left:20px;
    font-family:Courier New;
}

#AppSwfContainer
{
}

.fileUploadProgressBar
{
    position:absolute; 
    margin:26px 0px 0px 4px;
}

.shadedPanel
{
    background-color: #401515;
    padding:4px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
}

.adminPanel
{
    width:250px;
    margin-bottom:10px;
    background-color: #401515;
    padding:4px;
    border-top:solid 1px #550000;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
}

.mediaPlayerContainer
{
    padding: 2px 2px 2px 2px;
    height:60px;
	display:none;
	background-color:#1B0000;
	margin-bottom: 30px;
	text-align:center;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}

.mediaProgressBar
{
    position:absolute;
}

ul.mediaPlayerController
{
    margin-top:10px;
}

ul.mediaPlayerController li
{
	cursor:pointer;
	display:inline;
	vertical-align:middle;
	color:#780000;
}

.mediaPlayerTrackInfo
{
    font-size:12px;
    color:#830000;
    text-transform:lowercase;
}

.dataPicker
{
    border:solid 1px #aaa;
    width:150px; 
    text-align:center;
    position:absolute;
    display:none;
    background-color:#401515;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
}

.dataPicker span
{
    cursor:pointer;
    margin:4px;
    display:inline-block;
    font-size:12px;
}