@charset "utf-8";
/* CSS Document */
#appU1Root
{
	width:98%;
	margin: 8px auto 30px auto;
}
#appU1Root .uiboxHeader
{
	border:1px solid #999;
	border-radius: 6px 6px 0px 0px;
	padding:6px;
	background-image: linear-gradient(bottom, #BDC2C7 0%, #E0E0E0 80%);
	background-image: -o-linear-gradient(bottom, #BDC2C7 0%, #E0E0E0 80%);
	background-image: -moz-linear-gradient(bottom, #BDC2C7 0%, #E0E0E0 80%);
	background-image: -webkit-linear-gradient(bottom, #BDC2C7 0%, #E0E0E0 80%);
	background-image: -ms-linear-gradient(bottom, #BDC2C7 0%, #E0E0E0 80%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #BDC2C7),
		color-stop(0.8, #E0E0E0)
	);
	
}

.clearFix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    /*visibility: hidden;*/
}

.floatLeft
{
	float:left;
	margin-left:10px;
}
.floatRight
{
	float: right;
	margin-right:10px;
}

.modelThumbsDiv
{
	border:1px solid #999;
	padding:6px;
	background-image: linear-gradient(bottom, #737475 5%, #A1ABAD 97%);
	background-image: -o-linear-gradient(bottom, #737475 5%, #A1ABAD 97%);
	background-image: -moz-linear-gradient(bottom, #737475 5%, #A1ABAD 97%);
	background-image: -webkit-linear-gradient(bottom, #737475 5%, #A1ABAD 97%);
	background-image: -ms-linear-gradient(bottom, #737475 5%, #A1ABAD 97%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.05, #737475),
	color-stop(0.97, #A1ABAD));
}


#playlistDesignView, #panelEditView {
	border-width: 0px 1px 1px 1px;
	border-color: #999;
	border-style: solid;
	border-radius: 0px 0px 6px 6px;
	background-image: linear-gradient(bottom, #EDEDED 5%, #E6E6E6 96%);
	background-image: -o-linear-gradient(bottom, #EDEDED 5%, #E6E6E6 96%);
	background-image: -moz-linear-gradient(bottom, #EDEDED 5%, #E6E6E6 96%);
	background-image: -webkit-linear-gradient(bottom, #EDEDED 5%, #E6E6E6 96%);
	background-image: -ms-linear-gradient(bottom, #EDEDED 5%, #E6E6E6 96%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.05, #EDEDED),
		color-stop(0.96, #E6E6E6)
	);
}



#panelEditToolsBar, #playlistEditToolsBar
{ 
	/*border:1px solid #999;*/
	border-width: 1px 0px 1px 0px;
	border-color: #999;
	border-style: solid;
	background-image:url(/images/panel_ui_bg5.jpg);
	background-repeat:repeat-x;
	background-color:#FFF;
}
#panelEditToolsBar > div, #playlistEditToolsBar > div
{
	background-image: linear-gradient(bottom, #999999 27%, #B8B6B8 85%);
	background-image: -o-linear-gradient(bottom, #999999 27%, #B8B6B8 85%);
	background-image: -moz-linear-gradient(bottom, #999999 27%, #B8B6B8 85%);
	background-image: -webkit-linear-gradient(bottom, #999999 27%, #B8B6B8 85%);
	background-image: -ms-linear-gradient(bottom, #999999 27%, #B8B6B8 85%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.27, #999999),
		color-stop(0.85, #B8B6B8)
	);
	float:left;
	border-right: 1px solid #666;
    padding: 2px 8px;
	height:34px;
}
#panelEditToolsBar p, #playlistEditToolsBar p
{	
	margin-top:5px;
}

#panelModelUpdate
{
background: rgb(162,164,165);
background: -moz-linear-gradient(top,  rgba(162,164,165,1) 0%, rgba(192,194,196,1) 5%, rgba(208,212,214,1) 95%, rgba(182,187,193,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(162,164,165,1)), color-stop(5%,rgba(192,194,196,1)), color-stop(95%,rgba(208,212,214,1)), color-stop(100%,rgba(182,187,193,1)));
background: -webkit-linear-gradient(top,  rgba(162,164,165,1) 0%,rgba(192,194,196,1) 5%,rgba(208,212,214,1) 95%,rgba(182,187,193,1) 100%);
background: -o-linear-gradient(top,  rgba(162,164,165,1) 0%,rgba(192,194,196,1) 5%,rgba(208,212,214,1) 95%,rgba(182,187,193,1) 100%);
background: -ms-linear-gradient(top,  rgba(162,164,165,1) 0%,rgba(192,194,196,1) 5%,rgba(208,212,214,1) 95%,rgba(182,187,193,1) 100%);
background: linear-gradient(to bottom,  rgba(162,164,165,1) 0%,rgba(192,194,196,1) 5%,rgba(208,212,214,1) 95%,rgba(182,187,193,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a4a5', endColorstr='#b6bbc1',GradientType=0 );
}
#panelModelUpdate > div:first-child
{
	border-width: 1px 0px 1px 0px;
	border-color: #666;
	border-style: solid;
	padding: 10px 12px;
}
	
.panelModelField .row-fluid, .playlistField .row-fluid
{
	border-width: 0px 0px 1px 0px;
	border-color: #BBB;
	border-style: solid;
	padding-top: 2px;
}

.screenNav
{
	margin:0px;
	padding:0px;
	list-style: none outside none;
}
.screenNav li
{
	border-radius: 6px;
	float:left;
	margin: 2px 5px;
	padding: 2px 10px;
	border: 1px solid #999;
	font-weight:bold
}

.outPlaylistBox {
	/*padding:10px;*/
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #474747),
		color-stop(1, #000000)
	);
	background-image: -o-linear-gradient(bottom, #474747 0%, #000000 100%);
	background-image: -moz-linear-gradient(bottom, #474747 0%, #000000 100%);
	background-image: -webkit-linear-gradient(bottom, #474747 0%, #000000 100%);
	background-image: -ms-linear-gradient(bottom, #474747 0%, #000000 100%);
	background-image: linear-gradient(to bottom, #474747 0%, #000000 100%);
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 3px 5px rgba(000,000,000,0.7),
		inset 0px 0px 2px rgba(0,0,0,1);
	-webkit-box-shadow:
		0px 3px 5px rgba(000,000,000,0.7),
		inset 0px 0px 2px rgba(0,0,0,1);
	box-shadow:
		0px 3px 5px rgba(000,000,000,0.7),
		inset 0px 0px 2px rgba(0,0,0,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.4);

}

.panelThumbnail {
	padding:0px;
}

.thumbnail {
	border: 1px solid #333 ;
	border-radius: 0px;
}

.selectedPanel {
	-moz-box-shadow:
		0px -1px 10px rgba(60,200,250, 0.8),
		inset 0px 0px 2px rgba(60,200,250,1);
	-webkit-box-shadow:
		0px -1px 10px rgba(60,200,250, 0.8),
		inset 0px 0px 2px rgba(60,200,250,1);
	box-shadow:
		0px -1px 10px rgba(60,200,250,0.8),
		inset 0px 0px 2px rgba(60,200,250,1);

}

.wallpanel {
	background-color: #039;
}

.mainpanel {
	background-color: #000;
}

.subpanel {
	background-color: #F60;
}
.panelThumbGorupLi
{
	float:left; margin:0px 0px 0px 20px; border:1px solid #CCC; width:5px; height:5px;  overflow:hidden; border-radius: 3px; background-color:#CCC;
}
.playlistScreenView {
	position:relative;
	border-radius: 2px;
	margin:10px;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #030303),
		color-stop(1, #3B3B3B)
	);
	background-image: -o-linear-gradient(bottom, #030303 0%, #3B3B3B 100%);
	background-image: -moz-linear-gradient(bottom, #030303 0%, #3B3B3B 100%);
	background-image: -webkit-linear-gradient(bottom, #030303 0%, #3B3B3B 100%);
	background-image: -ms-linear-gradient(bottom, #030303 0%, #3B3B3B 100%);
	background-image: linear-gradient(to bottom, #030303 0%, #3B3B3B 100%);
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border: 1px solid #000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 6px rgba(0,0,0,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 6px rgba(0,0,0,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 6px rgba(0,0,0,0.7);
}

.playSourceObj
{
	/*border: 1px solid #9C0;*/
	background-color:rgba( 0,0,0,0.5);
	position:absolute; 
	cursor: pointer;
}

.playSourceObjSelected
{
	border: 1px solid #F00;
}

#panelColumnView
{
	-moz-column-count:3; /* Firefox */
	-webkit-column-count:3; /* Safari and Chrome */
	column-count:3;
	
	-moz-column-gap:0px; /* Firefox */
	-webkit-column-gap:0px; /* Safari and Chrome */
	column-gap:0px;
} 

.colorpicker
{
	z-index:100;
}


.btnCurScreen {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #900;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #FFC;
/*  *background-color: #e6e6e6;*/
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 2px solid #333;
/*  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #a2a2a2;*/
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.dev {border:1px solid #069; margin: 0px; padding:0px;}

#playSouceHolder {
	overflow:hidden;
	background-image:url(/images/playsource_bg.png);
	background-repeat:repeat-x;
	background-color:#E6E6E6;
	background-position: 0px 25px;
	border-radius: 0px 0px 6px 6px;
}

.activePlaySouceType{
	font-weight:bold;
	color:#000;
}

#uploadSourceToolBar{
	padding: 0px; margin:5px 0px 0px 0px; border-bottom: 1px solid #002040;
	background-image: linear-gradient(bottom, rgba(26,26,26, 0.5) 0%, rgba(0,0,0, 0.5) 8%, rgba(28,28,28, 0.5) 96%, rgba(33,33,33, 0.5) 100%);
	background-image: -o-linear-gradient(bottom, rgba(26,26,26, 0.5) 0%, rgba(0,0,0, 0.5) 8%, rgba(28,28,28, 0.5) 96%, rgba(33,33,33, 0.5) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(26,26,26, 0.5) 0%, rgba(0,0,0, 0.5) 8%, rgba(28,28,28, 0.5) 96%, rgba(33,33,33, 0.5) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(26,26,26, 0.5) 0%, rgba(0,0,0, 0.5) 8%, rgba(28,28,28, 0.5) 96%, rgba(33,33,33, 0.5) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(26,26,26, 0.5) 0%, rgba(0,0,0, 0.5) 8%, rgba(28,28,28, 0.5) 96%, rgba(33,33,33, 0.5) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgba(26,26,26, 0.5)),
		color-stop(0.08, rgba(0,0,0, 0.5)),
		color-stop(0.96, rgba(28,28,28, 0.5)),
		color-stop(1, rgba(33,33,33, 0.5))
	);
}

.insetBackBoxShadow{
	-moz-box-shadow: 
		inset 0px 0px 11px rgba(0,0,0,1); 
	-webkit-box-shadow:
		inset 0px 0px 11px rgba(0,0,0,1);
	box-shadow:
		inset 0px 0px 11px rgba(0,0,0,1);
}
/*--------------------------------------------------*/
.bs-docs-sidenav {
    background-color: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    margin: 10px 0 0 20px;
    padding: 0;
    /*width: 228px;*/
}
.bs-docs-sidenav > li > a {
    border: 1px solid #E5E5E5;
    display: block;
    margin: 0 0 -1px;
    padding: 8px 14px;
}
.bs-docs-sidenav > li:first-child > a {
    border-radius: 6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child > a {
    border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
    border: 0 none;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1) inset, -1px 0 0 rgba(0, 0, 0, 0.1) inset;
    padding: 9px 15px;
    position: relative;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    z-index: 2;
}
.bs-docs-sidenav .icon-chevron-right {
    float: right;
    margin-right: -6px;
    margin-top: 2px;
    opacity: 0.25;
}
.bs-docs-sidenav > li > a:hover {
    background-color: #F5F5F5;
}
.bs-docs-sidenav a:hover .icon-chevron-right {
    opacity: 0.5;
}
.bs-docs-sidenav .active .icon-chevron-right, .bs-docs-sidenav .active a:hover .icon-chevron-right {
    background-image: url("/css/bootstrap/img/glyphicons-halflings-white.png");
    opacity: 1;
}
.bs-docs-sidenav.affix {
    top: 40px;
}
.bs-docs-sidenav.affix-bottom {
    bottom: 270px;
    position: absolute;
    top: auto;
}
.bs-docs-container {
    max-width: 970px;
}
.bs-docs-sidenav {
    /*width: 258px;*/
}
.bs-docs-sidenav > li > a {
}

.headerTxt1{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding: 10px 0px;
	background: -moz-linear-gradient(
		top,
		#80b7df 0%,
		#6297c3);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#80b7df),
		to(#6297c3));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #2e75af;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

.verticalCenter {
	/* Firefox */
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	
	/* Safari, Chrome, and Opera */
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	
	/* W3C */
	display:box;
	box-pack:center;
	box-align:center;
}
.uploadSourceRoot 
{
	background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    /*margin: 10px 0;*/
    padding: 5px 10px;
    position: relative;
}

.uploadifyQueue {
	width: 600px;
	margin-left:auto;
	margin-right:auto;
}

.uploadifyQueueItem {
	background-color: #F5F5F5;
	border: 2px solid #E5E5E5;
	font: 11px Verdana, Geneva, sans-serif;
	margin-top: 5px;
	padding: 10px;
	width: 600px;
	text-align:left;
}

.uploadifyError {
	background-color: #FDE5DD !important;
	border: 2px solid #FBCBBC !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}

.uploadifyQueue .completed {
	background-color: #E5E5E5;
}
.uploadifyProgress {
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
}
.uploadInput { border-bottom: solid 1px #999; background-color: #DDD }

.tableHeader {
		/*background: url("/images/panel_ui_bg5.jpg") repeat-x scroll center top transparent;*/
		background-image: -moz-linear-gradient(center bottom , #999999 27%, #B8B6B8 85%);
		/*border-image: none;*/
		border: 1px solid #999;
		display: block;
		overflow: hidden;
		position: relative;
		white-space: nowrap;
		padding:4px;
}
.headerBar{
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("/images/wbg.gif") repeat-x scroll center top transparent;
    border-color: -moz-use-text-color #CCCCCC;
    border-image: none;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-style: none solid;
    border-width: 0 1px;
    display: block;
    font-weight: bold;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

.selectModuleHarder {
    background-image: -moz-linear-gradient(center bottom , rgba(214, 222, 224, 0.1) 0%, rgba(214, 222, 224, 0) 90%);
    border-bottom: 1px solid #666666;
    padding: 3px;
}
.selectGroupHarder {
    background-image: -moz-linear-gradient(center bottom , rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 90%);
    border-bottom: 1px solid #000;
    padding: 5px;
}