@charset "utf-8";
/* CSS Document */
body{
	background:#FFFFFF url(../images/background.png) repeat-x scroll center top;
	font-size:12px;
	color:#666666;
}

h1{ 
	font-size:18px;
}

h2{
	font-size:14px;
}

h3{
	font-size:14px;
}

h4{
	font-size:14px;
}

h5{
	font-size:12px;
	font-weight:bold;
}

a{
	color:#0099CC;
	text-decoration:none;
}

li{
	list-style:none;
}

ol{
	list-style-position:inside;
	list-style-type:decimal;
}

a:hover{
	text-decoration: none;
}

input,
textarea{
	font-size:14px;
	border:1px solid #ccc;
}

button{
/*	border: none;*/
}

/******************************************************************************************
 *	GENERIC CLASSES
 *****************************************************************************************/
.gray{
	margin:5px; 
	text-align:center; 
	color:#dfdfdf;
}

.note{
	font-size:10px;
	margin:0px;
}

.hidden{
	display:none;
}

.invisible{
	display:none !important;
}


.bold{
	font-weight:bold !important;;
}

.italic{
	font-style:italic !important;;
}

.visible{
	display:block;
}

.clear{
	clear:both !important;;
}

.clear-left{
	clear:left !important;;
}

.left{
  float: left;
}

.right{
  float: right;
}

.clear-right{
	clear:right !important;;
}

input.required{
	background-color:#FFFFdd;
}

.droppableWrapper{
	padding:2px;
}

.active{
	margin:0px !important;
	border:1px dotted #999999 !important;
	background:#FFFFdd !important;
}

.hover{
	margin:0px !important;
	border:1px dashed #999999 !important;
	background:#E7F2DF !important;
}

.img img{
	float:left;
	max-height:32px;
}

.img .template{
	width: 14px;
	height: 14px;
	position: absolute;
	bottom: 1px;
	left:1px;
}

.height-10{
	height: 10px;
}

.thumb{
	border:1px solid #999999;
	padding:2px;
	background:#FFF;
}

.noborder{
	border:none !important;
}

.float-none{
	float:none !important;
}

.float-right{
	float:right !important;
}

.float-left{
	float:left !important;
}

/******************************************************************************************
 *	MAIN STRUCTURE
 *****************************************************************************************/
#leftContent{
	width:200px;
	position:absolute;
	left:0px;
}

#container{
	width:100%;
	position:relative;
}

#rightContent{
	position:absolute;
	left:200px;
	right:5px;
	height:100%;
}


/******************************************************************************************
 *	PLAYLIST MENU
 *****************************************************************************************/ 
 
#playlistMenu, #subPlaylistMenu, #radioPlaylistMenu, #filter-playlists-wrapper{
	background-color:#dfdfdf;
	margin:5px;
}

#filter-playlists-wrapper{
  padding: 5px;
  border-radius:5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#filter-playlists-form{
  background: #fff;
  border: 1px solid #ccc;
}

#filter-playlists{
  border: none;
  width: 155px;
  font-size: 12px;
}

.playlistMenuStart{
	padding:5px;
}

.playlistMenuEnd{
	height:5px;
}

.broadcast{
	background:#fff url(../images/broadcast_start.png) no-repeat top;
	margin:5px;
	padding-top:5px;
}

.broadcast h5{
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	padding:8px 3px 8px 5px;;	
}

.broadcast h5 a.create{
	float:right;
	background:transparent url(../images/icon_add.png) no-repeat right;
	width:16px;
	height:16px;
}

.broadcast ul{
	background:url(../images/broadcast_end.png) no-repeat bottom;
	padding-bottom:4px;
}

.broadcast li{
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
}

.broadcast.close ul{
	min-height:4px;
	padding-bottom:0px;
}

.broadcast.close li{
	display:none;
}

.broadcast h5 span.status{
	width:16px;
	height:16px;
	float:left;
	display:block;
	cursor:pointer;
}

.broadcast h5 span.status{ 					background:url(../images/playlist_group_dot_open.png) no-repeat left; 			}
.broadcast.selected h5 span.status{ 		background:url(../images/playlist_group_dot_open_white.png) no-repeat left; 	}
.broadcast.close h5 span.status{ 			background:url(../images/playlist_group_dot_close.png) no-repeat left; 			}
.broadcast.selected.close h5 span.status{ 	background:url(../images/playlist_group_dot_close_white.png) no-repeat left;	}
 
.broadcast.selected h5 > a.create{
	margin-right:20px;
}

.broadcast .playlist a .offlineimg,
.broadcast h5 .offlineimg{ display: none; }

.broadcast .playlist a:hover .offlineimg,
.broadcast h5:hover .offlineimg{ display: inline; }

li.playlist, li.subplaylist, li.radioplaylist{ 
	padding:2px 0px;
}

li.playlist a, li.subplaylist a, li.radioplaylist a {
	margin:0 2px;
	padding:2px;
	display:block;
	position:relative;
	height:32px;
	text-decoration:none;
	background:#fff url(../images/playlist_inmenu.png) no-repeat center;
}

li.playlist a:hover, li.subplaylist a:hover, li.radioplaylist a:hover {
	background:#d3eefe url(../images/playlist_inmenu_hover.png) no-repeat center;
}

li.playlist a span, li.subplaylist a span, li.radioplaylist a span{
	position:absolute;
	bottom:2px;
	padding-left:18px;
	font-size:10px;
	color:#666;
}

li.playlist span.total-time, li.subplaylist span.total-time, li.radioplaylist span.total-time{
	background:transparent url(../images/icon_clock.png) no-repeat scroll left center;
	left:0px;
}

li.playlist span.total-terminal, li.subplaylist span.total-terminal, li.radioplaylist span.total-terminal{
	background:transparent url(../images/icon_terminal.png) no-repeat scroll left center;
	left:100px;
}

li.playlist span.total-slide, li.subplaylist span.total-slide, li.radioplaylist span.total-slide{
	background:transparent url(../images/icon_slide.png) no-repeat scroll left center;
	left:136px;
}

li.subplaylist.ui-draggable-dragging{
  z-index: 2000;
}

/*** Selected Broadcast ***/
.broadcast.selected{
	background:#aaa;
	padding-top:0px;
	-moz-border-radius-topleft:5px;
	-webkit-border-radius-topleft:5px;
}

.broadcast.selected h5{
	background:url(../images/playlist_inmenu_selected.png) no-repeat left;
	border-left:1px transparent solid;
	border-right:1px transparent solid;
	background:#aaa;
	-moz-border-radius-topleft:5px;
	-webkit-border-radius-topleft:5px;
}

.broadcast.selected h5 a{
	color:#fff;
}

.broadcast.selected ul{
	background-color:#fff;
}

/*** Selected Playlist ***/
.broadcast .playlist.selected a{
	background:url(../images/playlist_inmenu_selected.png) no-repeat left;
	color:#fff;
}

.broadcast .playlist.selected a span{
	color:#fff;
}

div.broadcast.selected > h5, /* IE Hack */ 
div.broadcast > ul > li.playlist.selected a,
div.broadcast > ul > li.playlist.selected a:hover{
	width:190px;
}


/******************************************************************************************
 *	POPUP MENU
 *****************************************************************************************/
.popupoptions{
	display:none;
	clear:both;
	float:none;
	z-index:100;
	padding:5px;
	background:#fff;
	min-width:100px;
	border:1px solid #666;
}

.popupoptions .item{	
	clear:both;
	background-color:#fff;
	padding:2px;
	font-size:11px;
	color:#666;
	text-decoration:none;
	font-weight:normal;
	margin:0px;
}


.popupoptions .separator{
	border-bottom:1px dashed #dfdfdf;
	height:1px;
	line-height:1px;
	font-size:1px;
	padding:0px;
}

.popupoptions .item span{
	float:left;
	display:block;
	width:20px;
}

.popupoptions .item a{
	display:block;
	float:none;
	min-width:100px;
}

.popupoptions .item.selected{
	font-weight:bold;
}

.popupoptions .item.selected a{
	color:#666;
}

.popupoptions .item.selected span{
	cursor:default; 
	font-weight:bold;
	background:url(../images/icon_success_small.png) no-repeat center;	
}

#graphoptions li a{
	min-width:150px;
}

/** Help system **/

span.popupmenu:hover img{
	opacity:0.8;
}

span.popupoptions{
	min-width:300px;
	left:10px;
	top:10px;
}

span.popupoptions.right{
	right:10px;
	left:auto;
}

span.popupoptions.bottom{
	top:auto;
	bottom:10px;
}

a.helpopen{
	display:block;
	float:none !important;
	margin:5px 0 0;
}

.helptrigger > span > div > div{
	margin:5px 0;
}

#help_pl_whatisurgent{
	display: inline-block;
    vertical-align: bottom;
}


/**********************************************************************
 * CONTEXT MENU
 *********************************************************************/

/* Generic context menu styles */
.contextMenu {
	position: absolute;
	width: 120px;
	z-index: 99999;
	display: none;
}

.contextMenu a {
	background-position: 0px center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.contextMenu li.detail 	a { background-image: url(../images/icon_settings.png); }
.contextMenu li.quit 	a { background-image: url(../images/icon_close.png); }
.contextMenu li.remove 	a { background-image: url(../images/icon_remove.png); }

.contextMenu li.contexthover{
	text-decoration: underline;
}

/******************************************************************************************
 *	BUTTON BIG
 *****************************************************************************************/
.button-big{
	cursor:pointer; 
	padding:0px 0px 0px 15px;
	float:left;
	background:url(../images/button_big_left.png) no-repeat top left;
	margin-right:5px;
	height:28px;
}

.button-big p{
	background:url(../images/button_new_terminal_group_right.png) no-repeat top right;
	display:block;
	height: 100%;
}

.button-big.file,
.button-big.add,
.button-big.rss,
.button-big.save,
.button-big.delete,
.button-big.remove{
	padding:0 0 0 30px;
}

.button-big.delete,
.button-big.remove	{	background-image:url(../images/buttonbig_remove.png)}
.button-big.file	{	background-image:url(../images/buttonbig_file.png)	}
.button-big.rss		{	background-image:url(../images/buttonbig_rss.png)	}
.button-big.add		{	background-image:url(../images/buttonbig_add.png)	}
.button-big.save	{	background-image:url(../images/buttonbig_save.png)	}

.button-big p a,
.button-big p input{
	background:transparent;
	border:none;
	color:#0099CC;
	cursor:pointer;
	padding:6px 20px 7px 5px;
	display:block;
	font-family:Helvetica,Arial,sans-serif;
	width:auto !important;
	font-weight:bold;
	font-size:12px;
}

.button-big.disabled p input,
.button-big.disabled p input,
.button-big.disabled p a,
.button-big.disabled p a{
	color: #dfdfdf;
}

.button-big.add p a,
.button-big.save p a{
	padding:6px 20px 7px 5px;
}

.button-big p input{
	margin: 0;
}

/******************************************************************************************
 *	BUTTON SMALL
 *****************************************************************************************/
.button-small{
	background:url(../images/button_option_left.png) left no-repeat;
	float:left;
	font-size:11px;
	margin-right: 15px;
  margin-bottom: 5px;
}

.button-small p input,
.button-small p a{
	background:none;
	border:none;
	color:#0099CC;
	cursor:pointer;
	background:url(../images/button_option_right.png) right no-repeat;
	display: block;
	margin-left:8px;
	margin-right: -8px;
	font-size:11px;
	padding:2px 15px 2px 10px;
}

.button-small p a{
	padding:2px 15px 3px 10px;
}

.button-small p img{
	margin-right:2px;
	float:left;
}

/******************************************************************************************
 *	NEW BUTTON BIG
 *****************************************************************************************/

.btn-big{
	background:url(../images/btn_big_left.png) no-repeat left;
	display:inline-block;
	padding-left: 12px;
	margin-top:5px;
	border:0;

/*	box-shadow:1px 1px 1px #dfdfdf;*/
}

.btn-big:hover{
	text-decoration: none;
}

.btn-big span{
	background:url(../images/btn_big_right.png) no-repeat right;
	display:inline-block;
	padding:7px 12px 7px 0;
	cursor: pointer;
	color:#0099CC;
	font-weight: bold;
}

.btn-big img{
	float:left;
	margin-right:5px;
}


.btn-big.shadow{
	padding-left: 24px;
}

.btn-big.shadow span{
	padding:8px 24px 9px 0;
}

/******************************************************************************************
 *	BUTTON
 *****************************************************************************************/
.btn{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DFDFDF;
    color: #666666;
    font-weight: bold;
    padding: 3px 10px;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/******************************************************************************************
 *	TOP MENUS
 *****************************************************************************************/
#top{
	clear:right;
	height:35px;
	padding-top:4px;
}

#newTerminalGroup, #newTerminal{
	float:right;
}

#generalOptions{
	float:right;
	text-transform:lowercase;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
}

#generalOptions > li{
	display:inline;
	margin-left:10px;
}

#lang{
	position: relative;
}

#lang li img{
	float:left;
	margin-top:2px;
	margin-right:5px;
}

#lang:hover ul{
	display: block !important;
}

#lang .popupoptions{
	position: absolute;
	right: 0;
	top:15px;
}


/***	Manage RSS Button 	***/
#manageRSS,  #manageDataSources{
	float:left;
	margin-left:5px;
	font-size:14px;
	margin-top:5px;
	padding:7px 0;
	text-align:center;
	width:140px;
	line-height:16px;
}

#manageRSS a {
	background:url(../images/icon_rss.gif) left no-repeat;
	padding-left:20px;
}

#manageDataSources a{
  background:url(../images/icon_datasource.png) left no-repeat;
	padding-left:20px;
}

#manageRSS.selected, #manageDataSources.selected{
	background: url(../images/terminal_group_selected.png) no-repeat top center;
}

#manageRSS.selected a, #manageDataSources.selected a{
	color:#FFF;
	font-weight:bold;
}

/***	Group Terminal		***/
#groupTerminalMenu .hmenu-prev	{ background-image:url(../images/arrow_gt_left.png); }
#groupTerminalMenu .hmenu-next	{ background-image:url(../images/arrow_gt_right.png); }
#groupTerminalMenu .hmenu-prev.disabled	 { background-image:url(../images/arrow_gt_left_disabled.png); }
#groupTerminalMenu .hmenu-next.disabled { background-image:url(../images/arrow_gt_right_disabled.png); }

#groupTerminalMenu{
	height:35px;
	padding-top:5px;
	overflow: hidden;
	position: relative;
}

#groupTerminalMenu table{
	position: absolute;
	left: 0;
}

#groupTerminalMenu td{
	height: 100%;
	margin-right: 5px;
	white-space: nowrap;
	padding-right:5px;
	vertical-align: middle;
}

#groupTerminalMenu td a{
	display: block;
	height: 100%;
	font-size: 14px;
	padding-right: 5px;
}

#groupTerminalMenu span{
	background: url('../images/icon_terminal_group.png') no-repeat left;
	display: block;
	padding:7px 5px 8px 25px;
}

#groupTerminalMenu td div.selected {
	padding-left: 5px;
	background: #999999 url(../images/terminal_group_selected_start.png) left top no-repeat;
}

#groupTerminalMenu td div.selected  a{
	background: #999999 url(../images/terminal_group_selected_end.png) no-repeat right top;
	color:#fff;
	font-weight: bold;
}

.groupTerminal.terminal-group-active,
.groupTerminal.terminal-group-active a{
	background:#FFFFdd !important;
}

.groupTerminal.terminal-group-active{
	border: 1px dashed #dfdfdf;
}

.groupTerminal.terminal-group-active span{
	color:#666;
}

.groupTerminal.terminal-group-hover,
.groupTerminal.terminal-group-hover a{
	background:#E7F2DF !important;
}

/********************************************************/
#terminalMenu .hmenu-prev{ margin-left:2px;	background:url(../images/arrow_t_left.png) no-repeat center; }
#terminalMenu .hmenu-prev.disabled{	background:url(../images/arrow_t_left_disabled.png) no-repeat center; }
#terminalMenu .hmenu-next{ margin-right:2px; background:url(../images/arrow_t_right.png) no-repeat center; }
#terminalMenu .hmenu-next.disabled{ background:url(../images/arrow_t_right_disabled.png) no-repeat center; }

.terminalGroup{
	height:35px;
	padding-top:5px;
	overflow: hidden;
	position: relative;
	display: none;
}

.terminalGroup.selected{
	display: block;
}

.terminalGroup table{
	position: absolute;
	left: 0;
}

.terminalGroup td{
	height: 100%;
	margin-right: 5px;
	white-space: nowrap;
	padding-right:5px;
	vertical-align: middle;
}

.terminalGroup div h5{
	padding:6px;
}

.terminal a{
	display: block;
	height: 100%;
	padding-right: 5px;
	color:#B9EEFF;
}

.terminal span{
	background: url('../images/icon_terminal_menu.png') no-repeat left;
	display: block;
	padding: 8px 5px 8px 25px;
}

.terminal.offline span {
	background: url('../images/icon_terminal_menu_offline.png') no-repeat left;
}

.terminal.updated span {
	background: url('../images/icon_terminal_menu_updated.png') no-repeat left;
}

.terminal.updated-off span {
	background: url('../images/icon_terminal_menu_updated_off.png') no-repeat left;
}

.terminal.updated-on span {
	background: url('../images/icon_terminal_menu_updated_on.png') no-repeat left;
}

.terminal.updated-standby span {
	background: url('../images/icon_terminal_menu_updated_standby.png') no-repeat left;
}

.terminal.updating span {
	background: url('../images/icon_terminal_menu_updating.png') no-repeat left;
}

.terminal.updating-off span {
	background: url('../images/icon_terminal_menu_updating_off.png') no-repeat left;
}

.terminal.updating-on span {
	background: url('../images/icon_terminal_menu_updating_on.png') no-repeat left;
}

.terminal.updating-standby span {
	background: url('../images/icon_terminal_menu_updating_standby.png') no-repeat left;
}

.terminal.selected {
	padding-left: 8px;
	background:url(../images/terminal_selected_start.png) #f5f5f5 no-repeat top left;
}

.terminal.selected a{
	background:url(../images/terminal_selected_end.png) #f5f5f5 no-repeat top right;
	color:#000;
	font-weight: bold;
}

/******************************************************************************************
 *	TITLE BAR
 *****************************************************************************************/
#titleBar{
	margin-bottom:10px;
	height:20px;
}

#titleBar h3{
	background:url(../images/playlist_group_dot_open.png) no-repeat 0px 2px;
	padding-left:14px;
	float:left;
	padding-top:3px;
}

#pageOptions{
	float: right;
}

#pageOptions li{
	display: inline;
	float:right;
}

#pageOptions li .button-small a{
	padding:2px 8px 3px 0;
	text-transform: lowercase;
}

#autoupdatewrapper{

}

#autoupdatewrapper input, #autoupdatewrapper label{
  padding: 0px !important;
  float: left;
}

/******************************************************************************************
 *	HIGHLIGHT ZONES
 *****************************************************************************************/
#activezones{
	float:right;
}

#activezones > a{
	color:#0099CC;
}

#playlistdisplaystyle{
  float: right;
  clear: right;
}



/******************************************************************************************
 *	MAIN CONTENT
 *****************************************************************************************/

#outWrapper{
	background:#999;
}

#outTopWrapper, 
#outBottomWrapper{
	height:4px;
}

#outBottomWrapper .logo{
  display: block;
  margin-top: 5px;
  float: right;
}

#outBottomWrapper .logo img{
  height: 25px;
}

#outBottomWrapper span{
  margin-top: 12px;
  float: right;
  margin-right: 5px;
  font-size: 10px;
}

#main #content{
	padding:2px 5px;
	min-height:400px;
	height:auto !important;
}

#main{
	margin:0px 4px;
	background:#f5f5f5;
	padding-top:2px;
}

/******************************************************************************************
 *	BOX
 *****************************************************************************************/
.bOTL,
.bOTR,
.bOBL,
.bOBR{
	width:6px;
	height:6px;
}

.bOTL{
	background:url(../images/box/bOTL.png) no-repeat top left;
	float:left;
}

.bOTR{
	background:url(../images/box/bOTR.png) no-repeat top right;
	float:right;
}

.bOBL{
	background:url(../images/box/bOBL.png) no-repeat bottom left;
	float:left;
}

.bOBR{
	background:url(../images/box/bOBR.png) no-repeat bottom right;
	float:right;
}

.bOT{
	background:#C6E1B5;
	height:6px;
}

.bOB{
	background:url(../images/box/bOB.png) repeat-x bottom;
	height:6px;
}


.bM{
	margin:0 2px 0 2px;
	padding:5px;
	background:#fff;
}

.bI,
.bH{
	background:#C6E1B5;
}

.bH{
	height:18px;
	padding: 5px;
}

.bH h4{
	padding:0px 5px;
	height:16px;
	float:left;
}

.bH .helptrigger,
.bH a,
.bH .options{
	float:right;
}

.bH .options label{
  float: left;
  color: #333333;
  padding-top: 2px;
} 

.bI{
	clear:both;
}

.box{
	padding:3px;
	border:1px solid #dfdfdf;
	clear:both;
	background:#fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.box h3{
	border-bottom:1px solid #dfdfdf;
	padding:5px;
	background:#C6E1B5;
	font-size:12px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.box .content{
	padding: 5px 0;
}
/******************************************************************************************
 *	GRAPHS WITH DIVS
 *****************************************************************************************/

.graph .graphDataWrapper{
  float: left;
}

.graph .graphDataWrapper .percentage{
  float: left;
  width: 90%;
  height: 10px;
  margin-left: 6px;
}

.graph .broadcastInfo{
  float: left;
  clear: left;
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

/*** 	Graph ordering	***/
.graph .graphOrder{
	font-size:14px;
	font-weight:bold;
	cursor:move;
	color:#0099CC;
	float:left;
	width:25px;
	padding-top:5px;
}

.graph .graphOrder .orderOptions{
	display:none;
}

/*** 	Graph  thumb	***/
.graph .graphThumb{
	width:64px;
	float:left;
  cursor: move;
}
.graph .graphThumb img{
	max-width:64px;
	max-height:64px;
}

/*** 	Graph  data	***/
.graph .graphData{
	width:95px; 
	padding-top:8px;
	padding-left:5px;
	
	float:left;
}

.graph .graphData .option{
	cursor:pointer;
}

/*** 	Graph Ruler		***/
.graph .ruler{
	height:13px; 
	font-size:10px;
	background:#eee; 
	border-color:#dfdfdf; 
	border-style:dashed; 
	border-width:0px 0px 1px 1px; 
	margin-left:70px;
	overflow: hidden;
}

.graph .ruler div{
	float:left;
}

.graph .ruler #handler{
    left:0px;
    border:1px dashed #000;
    cursor:move;
	opacity:0.3;
	z-index:1000;
	background-color:#DFDFDF;
}

.graph .ruler #handler img{
	width:10px;
}

/*** 	Graph  zones	***/
.graph .graphContent{

	margin-left:190px;
}

.graph .graphZone{
   
}

.graph .graphZone .graphZoneData{
	background:#DEEED5;
	float:left;
	width:70px;
	height:40px;
	text-align:center;
	margin:auto;
	font-size:11px;
}

.graph .graphZone .graphZoneContent{
	margin-left:70px;
	height:40px;
}

.graph .graphZone .graphZoneContent h3{
	text-align:center;
	width:95%;
	margin:0;
	padding-top:10px;
}

.graph .graphZone .graphZoneContent .slide{
	text-align:left;
	float:left;
	background:#FFFFFF;
	height:36px;
	position:relative; 
	cursor:pointer;
	border:none;
}

.graph .graphZone .graphZoneContent .slide div{
	/*background:#FFFFFF none repeat scroll 0 0;*/
	border:1px solid #CCCCCC;
	
	overflow:hidden;
	position:absolute;
	right:1px;
	top:1px;
	bottom:1px;
	left:1px;
}

.graph.graphplaylist{
	border:1px dashed #ccc; 
	margin-bottom:3px;
}

.graph.graphplaylist .graphContent{
	margin-left:100px;
}

/**************************************************************************
 *	SELECT ITEMS (RADIO BUTTON STYLE)
 *************************************************************************/

.selectableitem{
	margin-bottom:2px;
	background:url(../images/icon_radio_button.png) 10px 10px no-repeat;
	border:0px;
	float:left;
}

.selectableitem a{
	border:1px solid #fff;
	
	padding:5px 30px 5px;
	display:block;
	width:250px;
	color:#666666;
	height:28px;
}

.selectableitem.selected a,
.selectableitem a:hover{
	border:1px solid #DDE7F7;
	text-decoration:none;
}

.selectableitem.selected{
	background:#DDE7F7 url(../images/icon_success_small.png) 10px 10px no-repeat;
	font-weight:bold;
}

.selectableitem img{
	float:left;
	margin-right:4px;
}

/**************************************************************************
 *	PLAYLIST STYLE STYLES
 *************************************************************************/
ol li{
	padding:5px;
	margin:5px;
	background:#FFF;
	border:1px solid #dfdfdf;
	-moz-border-radius:5px;
	clear:both;
}

ol li h4{
	padding-bottom:10px;
}

ol li h5{
	clear:both;
	padding:2px 0 0px 16px;
	background:transparent url(../images/playlist_group_dot_open.png) no-repeat scroll left center;
	cursor:pointer;
}
/*
ol li h5.closed{
	background:transparent url(../images/playlist_group_dot_close.png) no-repeat scroll left center;
}


ol li form{
	font-size:12px;
	margin-top:10px;
}
*/

#yourStyles .playlistStyle .removePlaylistStyle{
	display:none;
}

#yourStyles .playlistStyle.selected .removePlaylistStyle{
	float:right;
	margin-top:5px;
	display:inline;
}


/**********************************************************************************************************
 ***********			RSS STYLES 															***************
 **********************************************************************************************************/ 
#rssMenu{
	width:190px;
	float:left; 
}

#rssview{
	margin-left:200px;
}

#rssview h3{
	background:url(../images/icon_rss.gif) no-repeat 20px;
	padding:20px 20px 20px 40px; 
}

#rssview .feedimage{
	float:right; 
	max-height:38px;
}

#rssMenu .rss{
	padding:4px 5px; 
	background:#FFF url(../images/icon_rss.gif) no-repeat 2px 2px;
	border-bottom:1px solid #DFDFDF;
}

#rssMenu .rss a{
	padding-left:15px;
}

#rssMenu .rss:hover{
	cursor:pointer;
	background-color:#DDE7F7;
}

#rssMenu .rss.selected, td.selected{
	background-color:#DDE7F7;
	cursor:default;
	font-weight:bold;
}

#rssMenu .rss .link{
	font-size:10px;
	overflow:hidden;
	display:none;
}

.removeFeed{
	float:right;
	cursor:pointer;
}

/**********************************************************************
 * ACCORDION
 *********************************************************************/


ul.ui-accordion-container { margin: 0; padding: 0; list-style-type: none; margin-top: 10px;}
ul.ui-accordion-container li { margin: 0; margin-bottom: 2px; padding: 0; background-image: url(i/accordion-left.png); background-repeat: no-repeat; }
ul.ui-accordion-container li a.ui-accordion-link { display: block; padding-left: 5px; margin-right: 3px; height: 28px; background-image: url(i/accordion-middle.png); color: #000; text-decoration: none; line-height: 28px; }
ul.ui-accordion-container li .ui-accordion-right { display: block; background-image: url(i/accordion-right.png); position: absolute; top: 0px; right: 0px; height: 28px; width: 3px;  }

ul.ui-accordion-container li:hover { background-image: url(i/accordion-left-over.png); }
ul.ui-accordion-container li:hover a.ui-accordion-link { background-image: url(i/accordion-middle-over.png); }
ul.ui-accordion-container li:hover .ui-accordion-right { background-image: url(i/accordion-right-over.png); }

ul.ui-accordion-container li.active { background-image: url(i/accordion-left-act.png); }
ul.ui-accordion-container li.active a.ui-accordion-link { background-image: url(i/accordion-middle-act.png); }
ul.ui-accordion-container li.active .ui-accordion-right { background-image: url(i/accordion-right-act.png); }

.rssaccordion li{
	border:1px solid #DFDFDF;
}

.rssaccordion li a.title{
	display:block;
	background-color:#EEEEEE;
	padding:5px;
}

.rssdetail table{
	width:100%;
}

.rssdetail table tr td{
	padding:4px;
	margin:2px 0px;
}

.rssdetail table tr td.label{
	text-align:right;
	font-weight:bold;
	vertical-align:top;
	width:100px;
	text-transform: capitalize;
}

.rssdetail table tr td.content{
	border-bottom:1px solid #DFDFDF;
	border-top:1px solid #DFDFDF;
}

p.enclosure{
	margin:5px 20px;
	border:1px dashed #DFDFDF;
	padding:10px;
	background-color:#EEEEEE;
}

p.enclosure a{
	background:transparent url(../images/mime/file.png) no-repeat scroll left center;
	padding:4px 16px;
}



/**********************************************************************************************************
 ***********			DATASOURCE STYLES 													***************
 **********************************************************************************************************/ 
#datasourceMenu{
	width:300px;
	float:left; 
}

#datasourceview{
	margin-left: 310px;
}

#datasourceview h3{
	background:url(../images/icon_datasource.png) no-repeat 20px;
	padding:20px 20px 20px 40px; 
}


#datasourceMenu .datasource{
	padding:4px 5px; 
	background:#FFF url(../images/icon_datasource.png) no-repeat 2px 3px;
	border-bottom:1px solid #DFDFDF;
}

#datasourceMenu .datasource.twitter{
  background:#FFF url(../images/bird_blue_16.png) no-repeat 3px 6px;
}

#datasourceMenu .datasource.excel{
  background:#FFF url(../images/page_excel.png) no-repeat 2px 3px;
}

#datasourceMenu .datasource.ftp{
  background:#FFF url(../images/server_link.png) no-repeat 2px 3px;
}

#datasourceMenu .datasource.xml{
  background:#FFF url(../images/page_white_code.png) no-repeat 2px 3px;
}

#datasourceMenu .datasource a{
	padding-left:15px;
}

#datasourceMenu .datasource:hover{
	cursor:pointer;
	background-color:#DDE7F7;
}

#datasourceMenu .datasource.selected{
	background-color:#DDE7F7;
	cursor:default;
	font-weight:bold;
}


.removeDataSource{
	float:right;
	cursor:pointer;
}





/***********************************************************
 * TOOLTIP
 ***********************************************************/

#tooltip {
	background-color:#FFFFFF;
	border:1px solid #111111;
	padding:2px;
	position:fixed;
	z-index:4000;
	max-width:500px;
}

#tooltip.absolute {
	position:absolute;
}

#tooltip h3, #tooltip div {
	margin:0pt;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}

#tooltip h6{
	border-bottom:1px solid #dfdfdf;
}


/**********************************************************************************************************
 ***********			FARBTASTIC COLOR PICKER STYLES										***************
 **********************************************************************************************************/

.farbtastic {
	position:relative;
	margin:0 auto;
}

.farbtastic * {
	cursor:crosshair;
	position:absolute;
}

.farbtastic, 
.farbtastic .wheel {
	height:195px;
	width:195px;
}

.farbtastic .color, 
.farbtastic .overlay {
	height:101px;
	left:47px;
	top:47px;
	width:101px;
}

.farbtastic .wheel {
	background:transparent url(../images/farbtastic_wheel.png) no-repeat scroll 0%;
	height:195px;
	width:195px;
}

.farbtastic .overlay {
	background:transparent url(../images/farbtastic_mask.png) no-repeat scroll 0%;
}

.farbtastic .marker {
	background:transparent url(../images/farbtastic_marker.png) no-repeat scroll 0%;
	height:17px;
	margin:-8px 0pt 0pt -8px;
	overflow:hidden;
	width:17px;
}


/**********************************************************************
 * INDEX PAGE
 *********************************************************************/

#index{
	width:733px;
	margin:0 auto;
	padding:5px;
}

#indexheader img{
	float:left;
}

#indexheader{
	/*background: url(../images/logo.png) no-repeat;*/
  margin-bottom: 15px;
}

#indexheader .logo{
  float: left;
}

#indexheader h1{
/*	float:left;*/
	margin-left:175px;
	margin-top:10px;
}

#indexcontent{
	clear:both;
	position:relative;
}

/*
#indexmain{
	position:absolute;
	top:0px;
	right:210px;
	left:0px;
}

#indexmain .bM{
	background:#fff url(../images/ilustracao.jpg) no-repeat center;
	height:288px;
}
*/
#loginform{
	font-size: 14px;
}

#loginform input.required{
	 width:385px;
	 padding:5px;
	 font-size: 14px;
	 margin-bottom:20px;
}

#loginform button{
	padding:3px 8px;
	font-size: 14px;
	display: inline;
}

#indexwrapper{
	margin:50px auto;
	background-color: #999999;
	width: 430px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#index{
	width: 400px;
	padding:10px 10px 20px 10px;
	border:2px solid #999999;
	background-color: #F5F5F5;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#indexheader h1 {
	margin-top:5px;
	padding-bottom: 40px;
}

#index p{
	margin-top:10px;
}

#lang-index{
	margin-top:20px;
	font-size: 11px;
}

#lang-index .lang{
	padding: 0 2px 0 7px;
	border-left:1px solid #ccc;
	display: inline-block;
}

#lang-index span{
	font-weight: bold;
}

#lang-index .lang img{
	float: left;
	margin-right: 4px;
	margin-top: 2px;
}

#lang-index .lang:first-child{
	border-left: none;
}

.flexcontainer{
  display: flex;
}

/**********************************************************************
 * DISK USAGE
 *********************************************************************/

.diskUsage{
	width: 33.3%;
  border-bottom: 3px #C6E1B5 solid;
  margin-bottom: 20px;
  background: #ffffff;
  border-left: 2px #C6E1B5 solid;
  border-right: 2px #C6E1B5 solid;
}

.diskUsage .bI{
  background: none;
}

.diskUsage .bM{
	background-repeat: no-repeat;
	background-position: 5px top;
	padding-left:75px;
}

.diskUsage .bM.success	{ background-image:url(../images/diskspace_ok.png); background-color:#FFF; }
.diskUsage .bM.info		{ background-image:url(../images/diskspace_info.png); }
.diskUsage .bM.error	{ background-image:url(../images/diskspace_full.png); }

.diskUsage .bM div.infoSmall{
	padding: 10px 10px 10px 35px;
	margin: 0px; 
	border: 0px;
	background-position: 10px 10px;
}

/**********************************************************************
 * Online/Offline Chart
 *********************************************************************/
 .onlineOfflineChart{
  background-color: #ffffff;
	width: 33.3%;
  height: 230px;
  border-left: 2px #C6E1B5 solid;
  border-right: 2px #C6E1B5 solid;
  border-bottom: 3px #C6E1B5 solid;
  margin-bottom: 20px;
  margin-right: 20px;
}

#onlineOfflineDonutChart{
  height: 190px !important;
  width: 85% !important;
  margin: 0 auto;
  padding: 5px;
}

#expiringContents{
  display: flex;
  text-align: center;
  height: calc(100% - 28px);
  overflow-y: auto;
}

#expiringContents h1{
  width: 100%;
  align-self: center;
}

#expiringContents .loading{
  align-self: center;
  margin: auto;
}

#expiringContents ul {
  text-align: left;
  width: 100%;
}

#expiringContents ul li{
  display: flex;
  padding: 5px;
  align-items: center;
  border-bottom: 1px solid #dddddd;
}

#expiringContents ul li i{
  width: 15px;
  height: 12px;
  flex-shrink: 0;
}

#expiringContents ul li.expired i{
  background: red; 
}

#expiringContents ul li.expiring i{
  background: #FFFF99; 
}

#expiringContents ul li span{
  margin-left: 5px;
}

/**********************************************************************************************************
 *		VOLUME SLIDER
 **********************************************************************************************************/
 
.ui-slider {
	background-position:center center;
	background-repeat:no-repeat;
	position:relative;
	width:180px;
	margin-left:10px;
}


/***********************************************************************************************
	DISKUSAGE
 ***********************************************************************************************/
.diskusage .myfiles{ 		background:#FFFF99; }
.diskusage .rssfiles{ 		background:orange; }
.diskusage .rssenclosures{ 	background:red; }
.diskusage .freespace{ 		background:#C6E1B5; }

.diskusage div{
	float:left; height:20px;
}

.diskusage p{
	padding-left:20px;
}

.diskusagetable{ width:100%; }

.diskusagetable th.name,
.diskusagetable td.name{
	padding-left:5px;
	text-align:left;
}

.diskusagetable th.size, .diskusagetable th.perc,
.diskusagetable td.size, .diskusagetable td.perc{
	text-align:right;
}


/******************************************************************************************
 *	INFORMATION ELEMENTS 
 *****************************************************************************************/

#mainInfoWrapper{
	text-align:center; 
	margin:2px;
	position:fixed;
	top:2px;
	left:0px;
	width:100%;
	z-index:4000;
}

#mainInfo{
	margin:0 auto;
}

#mainInfo *{
	font-weight:bold; 
	padding-top:5px;
	padding-bottom:5px;
	padding-right:20px;
	padding-left:40px;
	display:inline;
	background-color:#FFFFCC;
	border:1px solid #FFFF66;
	background-position:20px;
	line-height: 27px;
}

.infoBig{
	margin:5px 20px;
	padding:5px 5px 5px 45px;
	background:#FFF;
	border:1px solid #dfdfdf;
	font-size:11px;
	background-repeat:no-repeat;
	background-position:10px;
	color:#666;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.infoBig h2{
	font-size:14px;
}

.infoBig.info{
	background-image: url(../images/icon_info.png);
	background-color:#FFFFFF;
}

.infoBig.error{
	background-image: url(../images/icon_error.png);
	background-color:#FFE7E6;
}

.infoBig.warning{
	background-image: url(../images/icon_warning.png);
	background-color:#FFFFCC;
}

.infoBig.success{
	background-image: url(../images/icon_success.png);
	background-color: #D2E8D5;
}

.infoBig.wait{
	background-image: url(../images/icon_wait.gif);
}


label.info,
.infoSmall.info{
	background-image: url(../images/icon_info_small.png);
}

label.error,
.infoSmall.error{
	background-image: url(../images/icon_error_small.png);
}

labe.warning,
.infoSmall.warning{
	background-image: url(../images/icon_warning_small.png);
}

label.success,
.infoSmall.success{
	background-image: url(../images/icon_success_small.png);
}

label.wait,
.infoSmall.loading,
.infoSmall.wait{
	background-image: url(../images/icon_wait_small.gif);
}

label,
.infoSmall{
	font-size:11px;
	margin:2px 2px;
	padding:0px 5px 0px 20px;
	background:transparent;
	background-repeat:no-repeat;
	background-position:2px;
	display:block;
	
	-moz-border-radius:1px;
	-webkit-border-radius:1px;	
}

.infoSmall label{
	margin-left:-20px;
}

/**********************************************************************************************************
	PLAYLIST GRAPH ZONES
 **********************************************************************************************************/

#playlistBackground,
#playlistMusic,
#playlistZones{  
	border: 1px solid #999;
	position:relative;
	background:#FFF;
	margin:0 auto;
}

/*#playlistZones{
	overflow-y: auto;
}*/

#playlist_container .ui-tabs-panel
#playlist_container .ui-tabs-nav{
	top:0px;
	bottom:0px;
}

#backgrounds.ui-tabs-panel,
#musics.ui-tabs-panel{
	height:100%;
	padding:0;
}

#zones.ui-tabs-panel{
	height:auto !important;
	padding:0;
}

/***	Zone options	***/
.zoneOptions{
	background:#CCCCCC;
	color:#666;
	padding:2px 5px;
	position:absolute;
	right:0px;
	top:0px;
	display:none;
}

.zone:hover .zoneOptions{
	display:block;   
}

.zoneOptions span{
	cursor:pointer;
	width:40px;
	padding:0px 7px;
}

.zone .zoneOptions .zoneLoop.yes			{ background:url(../images/icon_loop.png) no-repeat right; 			}
.zone .zoneOptions .zoneIsMain				{ background:url(../images/icon_main.png) no-repeat right; 			}
.zone .zoneOptions .zoneLoop.no				{ background:url(../images/icon_loop_off.png) no-repeat right; 		}
.zone .zoneOptions .emptyZone				{ background:url(../images/icon_slide_remove.png) no-repeat right;	}
.zone .zoneOptions .removeSelected	{ background:url(../images/icon_list_remove.png) no-repeat right;	}
#playlist_container .zone .zoneToTop		{ background:url(../images/icon_maximize.png) no-repeat right;		}
#playlist_container .zone.onTop .zoneToTop	{ background:url(../images/icon_restore.png) no-repeat right; 		}

#playlist_container .zone.onTop{
	z-index:2000;
	overflow: auto;
	 min-height: 350px;
}

#playlistZones .zone.onTop:hover{
	border:1px solid #999;
}

.zone.slideshow .slide{
	display: none;
}

.zone.slideshow.onTop > img{
	display: none !important;
}

.zone.slideshow.onTop .slide{
	display: block;
}

.zone.slideshow > img{
	position: absolute !important;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	display: none;
}

 .zone.slideshow .edit_zone_link{
/*	text-align: right;*/
	margin:auto;
	position:absolute;
	top:0;
	right: 0;
	left: 0;
	bottom: 0;
	padding: 5px;
	display: none;
	opacity:0.6;
	filter: alpha(opacity=60);
	background: black;
	z-index: 1000;
	cursor:pointer;
}

.zone.slideshow:hover .edit_zone_link{
	display: block;
}

.zone.slideshow.onTop:hover .edit_zone_link{
	display: none;
}

.zone .zoneOptions,
.zone .edit_zone_link,
.zone > img{
	display: none;
}

.zone.slideshow:hover .zoneOptions{
	display: none;
}

.zone.slideshow.onTop:hover .zoneOptions{
	display: block;
}

.zone.noslideshow:hover .zoneOptions{
	display: block;
}

.zone.ui-state-disabled{
	opacity:1;
	filter: alpha(opacity=100);
}

/***	Slides		***/
.slide{
	margin-bottom:2px;
	border:1px solid #dfdfdf;
	background:#ffffff;  
	color:#666;  
	text-align:left;
	display:block;
}

.slide.grid,
#playlistZones.grid .ui-sortable-placeholder,
#playlistBackground.grid .ui-sortable-placeholder,
#playlistMusic.grid .ui-sortable-placeholder,
#playlistZones.grid .infoBig,
#playlistBackground.grid .infoBig,
#playlistMusic.grid .infoBig
{
	width: 170px !important;
  height: 150px !important;
  float: left;
  padding: 0px;
  margin: 0px;
}

.slide.compactgrid, 
#playlistZones.compactgrid .ui-sortable-placeholder,
#playlistBackground.compactgrid .ui-sortable-placeholder,
#playlistMusic.compactgrid .ui-sortable-placeholder,
#playlistZones.compactgrid .infoBig,
#playlistBackground.compactgrid .infoBig,
#playlistMusic.compactgrid .infoBig{
	width: 128px !important;
  height: 72px !important;
  float: left;
  padding: 0px;
  margin: 0px;
}

#playlistZones.grid .slide, 
#playlistBackground.grid .slide, 
#playlistMusic.grid .slide{
  float: left;
  width: 170px;
  height: 150px;
  padding: 3px;
}

#playlistZones.compactgrid .slide, 
#playlistBackground.compactgrid .slide, 
#playlistMusic.compactgrid .slide{
  float: left;
  width: 128px;
  height: 72px;
  margin-right: 2px;
  position: relative;
  z-index: -1;
  padding: 2px;
  overflow: hidden;
}

.compactgrid .slide.ui-sortable-helper img.thumb{
  width: 100%;
  max-height: 100%;
}

#playlistZones.compactgrid .slide .options, 
#playlistBackground.compactgrid .slide .options, 
#playlistMusic.compactgrid .slide .options{
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 2px;
  line-height: 0;
  display: none;
}

#playlistZones.compactgrid .slide:hover .options, 
#playlistBackground.compactgrid .slide:hover .options, 
#playlistMusic.compactgrid .slide:hover .options, 
.compactgrid .slide:hover .order-placeholder{
  display: block;
}

.order-placeholder:hover{
  cursor: move;
}

.compactgrid .options .option:hover{
  cursor: pointer;
}

.slide.ui-sortable-helper .options,
.slide.ui-sortable-helper .order-placeholder{
  display: none;
}

.compactgrid .slide .order-placeholder{
  background: #ffffff;
  position: absolute;
  top: 2px;
  left: 2px;
  padding: 2px;
  font-weight: bold;
  display: none;
}

#playlistZones.compactgrid .slide img.thumb, 
#playlistBackground.compactgrid .slide img.thumb, 
#playlistMusic.compactgrid .slide img.thumb{
  width: 100%;
  max-height: 100%;
  border: none;
  padding: 0;
}

#playlistZones.grid .slide .graphData, 
#playlistBackground.grid .slide .graphData,
#playlistMusic.grid .slide .graphData
{
  clear: left;
}

#playlistZones.grid .slide .slideInfo,
#playlistBackground.grid .slide .slideInfo, 
#playlistMusic.grid .slide .slideInfo{
  display: none;
}

.zone .slide form input{
	font-size:11px;
}

#playlistMusic .zone,
#playlistBackground .zone,
#playlistZones .zone{
	border: 1px solid #999; 
	position: absolute;
	background:#fff;
}

.zone.music,
.zone.background{
	top:0;
	left: 0;
}

#playlistMusic .zone *,
#playlistBackground .zone *,
#playlistZones .zone *{
	overflow: hidden
}


#playlistMusic .zone,
#playlistBackground .zone{
	min-height: 200px;
}

/*
.miniZone .miniSlide.online div.img,
.miniZone .miniSlide.online,
*/
/*.graph .graphContent .slide.online.complete div.img,*/
.graph .graphContent .slide.online.complete{
	background: #DEEED5 url(../images/back_online.png);
}

/*.graph .graphContent .slide.online.queued div.img,*/
.graph .graphContent .slide.online.queued{
	background: url(../images/back_queued.png);
}

/*.graph .graphContent .slide.online.downloading div.img,*/
.graph .graphContent .slide.online.downloading{
	background: url(../images/back_downloading.png);
}
/*
.miniZone .miniSlide.offline div.img,
.miniZone .miniSlide.offline,
*/
.graph .graphContent .slide.offline div.img,
.graph .graphContent .slide.offline{
	background:#DFDFDF url(../images/back_offline.jpg);
}

#terminalUrgentBroadcasts,
#terminalBroadcasts,
#broadcastPlaylists,
#terminalRadioPlaylists{
	padding:0px;
	height:auto !important;
	clear:both;
	border:1px solid transparent;
}

.broadcastPlaylist,
.terminalBroadcast{
	margin-bottom:2px;
	background:#C6E1B5;
}


.graph .slideOffline,
.graph .playlistOffline,
.graph .broadcastOffline{
	display:none;
}

.slide.offline .slideOffline,
.broadcastPlaylist.offline .playlistOffline,
.terminalBroadcast.offline .broadcastOffline{
	display:block;
}

/**********************************************************************************************************
 *	ASSOCIATE TYPES
 **********************************************************************************************************/
#associateToTerminalForm{
	width:100%;
	height:350px;
}

#associateToTerminalForm h4{
	background:none;
	clear:left;
	padding:8px 0;
}

#associateToTerminalForm table{
	border:1px solid #dfdfdf;
	width:100%;
	
}

#associateToTerminalForm th{
	border-bottom:1px solid #dfdfdf;
	height:auto;
	vertical-align:middle;
	background:#dfdfdf;
}

#associateToTerminalForm th, #associateToTerminalForm td{
	border-right:1px solid #dfdfdf;
}

#associateToTerminalForm tr td{
	padding:2px;
	margin:1px;
}

#associateToTerminalForm tr.selected td{
	background:#DDE7F7;
}

#terminalList, #broadcastList{
	height:200px;
	overflow:auto;
}

/**********************************************************************************************************
 *			TOP MENUS
 **********************************************************************************************************/

.topmenu-options{
	border:1px dashed #FFFF99; 
	background:#FFFFCC; 
	height:16px;
}

.topmenu-options a{
	margin-right:5px;
}  

.topmenu-options a,
.topmenu-options img{
	float:left;
}

/**********************************************************************************************************
 ***********			SPECIAL STYLES FOR THE FILE ACCORDION							***************
 **********************************************************************************************************/
#gallery, #gadgets, #datasource{
  overflow-y: auto;
}

#files_container{
	width:30%; 
	float:right;
}

.fileseparator{
	display:block;
	padding:15px 5px 25px 45px;
	font-weight:bold;
	font-size:14px;
	height:4px;
	background-repeat:no-repeat;
	background-position:5px 5px;
	background-color:#ccc;
	margin-bottom:2px;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.files_explorer{
	display:none;
	background:white;
	padding:2px;
	overflow:hidden;
	border:1px solid #ccc;
}

.files_explorer .root{
	padding:0; 
	border-bottom:0;
}

.files_explorer .thumb{
	float:left;
	width:36px;
	height:28px;
	margin-right:2px;
	border:none;
	padding:0;
	text-align: center;
}

.files_explorer .thumb img{
	max-height:28px;
	max-width:36px;
}

ul.folderFiles{
  overflow: auto;
}

ul.folderFiles ul.folderFiles, ul.itemsList{
	margin-left:10px;
	border-left:1px solid #DFDFDF;
}

.files_explorer li{
	border:1px solid transparent;
	border-bottom:1px solid #dfdfdf;
	padding:2px 0;
	background:none;
	overflow:hidden;
}

.files_explorer li.disabled{
	color:#bbb;
	background:#eee;
}

.files_explorer li.disabled a{
	color:#bbb;
}

.files_explorer li.disabled img{
	opacity:0.5;
}

.files_explorer li span.folderOptions{
	display:none;
	float:right;
}

.files_explorer li:hover span.folderOptions{
	display:block;
}

.files_explorer li .note{
	height:16px;
}

.files_explorer li .note span.date{
	float:left;
}

.files_explorer li .note span.size{
	float:left;
	margin-left:20px;
}

.files_explorer .thumb{
	background:none;
}
/* File Extensions*/

li.directory.rssfeed { 
	background: url(../images/mime/directory.png) left center no-repeat; 
}

li.rss{ 
	background: url(../images/mime/feed.png) left top no-repeat; 
}

li.rssfeed,
li.rss{
	padding:0px 0px 0px 18px;
}

/******************************************************************************************
 *	ADD PLAYLIST
 *****************************************************************************************/
#customStyleCreate{
	text-align: left; 
/*	width: 640px; */
/*	height: 410px; */
	position: relative;
}
 
#playlistZonesMenuWrapper{
/*	height:384px; */
	width:210px; 
	float:left;
}

#playlistZonesMenu{
	height:364px; 
	overflow:auto;
	font-size:12px;
	background:#dfdfdf;
}

#playlistZonesMenu .dimension,
#playlistZonesMenu .position{
	padding:1px;
	clear:right;
}

#playlistZonesMenu span{
	display:block;
	width:70px;
	float:left;
}

#playlistZonesMenu input{
	font-size:inherit;
	margin-right:2px;
	width:40px;
}

#playlistZonesMenu > div{
	padding:10px;
	cursor:move;
	border:1px solid #BBBBBB ;
	margin:1px;
	background:#eee;
}

#playlistZonesMenu > div.odd{
	background:#e7e7e7;
}


/** Draggable Zones **/
#playlistSlidesWrapper{
	margin-left:220px;
}

#playlistSlides{
	background-color:#dfdfdf;
	height:384px;
	position:relative;
	width:512px;
}

#playlistSlides .zone{
	width:320px; 
	height:100px; 
	text-align:left; 
	position:absolute; 
	cursor:move;
	font-size:10px;
	background-color:#eee;
}

#playlistSlides .zone.odd{
	background-color:#e7e7e7;
}

#playlistSlides .zone h2{
	margin:0 auto;
	text-align:center;
	position:absolute;
	top:40%;
	width:100%;
	color:#BBBBBB;
}

/******************************************************************************************
 *	MODAL DIALOGS
 *****************************************************************************************/
.modalDialog{
	display:none;
}
 
.ui-dialog .detailImage{
	float:right; 
	text-align:center;
	width:300px;
}

.ui-dialog .detailLinks{
	clear: right;
	float:right;
	text-align:center;
	width:170px;
	padding-top:30px;
	margin-right:60px;
}

.ui-dialog .detailLinks .button-small{
	float:none;
	width: 100%;
	margin-bottom:5px;
}

.ui-dialog .detailImage img{
	max-width:290px;
}

.detailForm{
	width:60%;
	width:540px;
	padding-top:20px;
}

.detailForm td{
	padding:2px;
}

.detailForm .row{
	clear:left;
	padding-bottom:5px;
}

.detailForm .label{
	float:left;
	width:100px;
}

.detailForm .input{
	text-align:left;
	padding-left:5px;
}

.volumeSlider{
	margin-top:4px;
}

table.noform td{
	padding:5px;
}

td.label{
	text-align:right;
	font-weight:bold;
	padding:2px;
}

td.input{
	padding:2px;
}

.detailForm input,
.detailForm select,
.detailForm textarea{
	display:inline;

	font-family: Helvetica, Arial, sans-serif;
	color:#666666;
	width:250px;
	font-size:14px;
}

.detailForm select{
	width: auto;
}

.detailForm input.number{
	text-align: right;
}

.detailForm .input textarea{
	height:60px;
}

.detailForm input.button {
	width:95px;
	font-size:12px;
}


.detailForm tr td{
	padding-bottom:5px;
	vertical-align:middle;
}

.ui-dialog .modalDialog{
	display: block;
}

.modalDialog .form,
.modalDialog form,
#confirmModal .bM form,
#inputModal .bM form{
	background-position:top right;
	background-repeat:no-repeat;
	float:none;
	min-height:64px;
	display: block;
}

.modalDialog .form h5,
.modalDialog form p.infoSmall,
.modalDialog form h5{
	padding-right:70px;
}

.modalDialog .form strong,
.modalDialog form strong{
	display:block;
	padding-top:25px;
}

/**********************************************************************
 * NO JAVASCRIPT
 *********************************************************************//*
#nojavascript-overlay{
	position:fixed;
	z-index:99999;
	bottom:0;
	left:0;
	right:0;
	top:0;
	background:#000;
	opacity:0.8;
	display:none;
}

#nojavascript-content{
	background:#FFFFFF none repeat scroll 0 0;
	display:none;
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	top:0;
	margin:100px 300px;
	text-align:left;
	z-index:1000000;
	padding:20px;
	display:none;
}

#nojavascript-content{width:500px;margin:0 auto;border:1px solid #DFDFDF;padding:10px;display:none;}
#nojavascript-content h2{text-align:center;}
#nojavascript-content p{margin:2px 0;}  
#nojavascript-content #browsers{margin-left:60px; }
#nojavascript-content #browsers li{list-style:square;}

/******************************************************************************************
 *	JQUERY UI OVERWRITES
 *****************************************************************************************/
.tabs-wrapper{
	height: 98%;
}

.ui-widget-content a{
	color:#0099CC;
}
 
.ui-dialog .ui-dialog-buttonpane{
/*	padding:0.2em 0.5em 0em 0.4em !important;*/
}

.ui-button-text-only .ui-button-text {
    padding: 0.2em 1em;
}

.ui-dialog .ui-dialog-buttonpane button{
/*	padding:1px 0.6em !important;*/
	margin:0.2em 0.4em 0.2em 0 !important;
	float: right;
}

.ui-dialog .ui-dialog-content .ui-tabs-panel{
	padding:0.4em;
}

.ui-dialog .ui-dialog-titlebar {
	padding:0.2em 0.3em 0.1em 1em;
	position:relative;
}

.ui-resizable { position: relative; }
.ui-resizable-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n  { cursor: n-resize;  width: 100%; height: 1px;  left: 0px;  top: 0px; 	  background: #bbb; }
.ui-resizable-s  { cursor: s-resize;  width: 100%; height: 1px;  left: 0px;  bottom: 0px; background: #bbb; }
.ui-resizable-e  { cursor: e-resize;  width: 1px;  height: 100%; right: 0px; top: 0px;    background: #bbb; }
.ui-resizable-w  { cursor: w-resize;  width: 1px;  height: 100%; left: 0px;  top: 0px;    background: #bbb; }
.ui-resizable-se { cursor: se-resize; width: 15px; height: 15px; right: 0px; bottom: 0px;  					}
.ui-resizable-sw { cursor: sw-resize; width: 5px;  height: 5px;  left: 0px;  bottom: 0px; }
.ui-resizable-nw { cursor: nw-resize; width: 5px;  height: 5px;  left: 0px;  top: 0px;    }
.ui-resizable-ne { cursor: ne-resize; width: 5px;  height: 5px;  right: 0px; top: 0px;    }


/**********************************************************************
 * TEXT 
 *********************************************************************/
div.text{
	color:#000;
	background:#fFF url(../images/background.png) repeat-x top;
	padding:10px;
	margin:0px 10px;
	border:1px solid #dfdfdf;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.infoBig div.text{ background-image:none; }

div.text h3{
	font-weight:bold;
	border-bottom:1px solid #339900;
	color:#339900;
}

div.text p{
	margin:10px 0px;
}

div.text ol{
	margin-left:30px;
}

div.text ol li{
	font-size:14px;
	margin:0px 0px 0px 10px;
	list-style-position:outside
}

div.text div{
	padding:10px 0px 0px;
}

div.text .note{
	color:#CCCCCC;
	margin-bottom:0px;
}

.navigation h1{
	padding:15px 0 10px 200px;
}

/***********************************************************
 NEW STUFF
*/

.hmenu{
	height:30px;
}

.hmenu .hmenu-list{
	height:100%;
	overflow:hidden;
	position:relative;
}

.hmenu .hmenu-list ul{
	position: absolute;
	display:block;
	height:100%;
	top:0;
	left:0;
	margin:0;
	padding:0;
	white-space:nowrap;
}

.hmenu .hmenu-list li{
	display:inline;
	list-style:none;
	margin:0 5px;
}

.hmenu .hmenu-list li a{
	line-height:30px;
	outline:none;
}

/*Need hack for IE8 -> padding-top:6px;*/
.hmenu .hmenu-list li a{
	padding-top /*\**/: 6px\9;
}

.hmenu .hmenu-prev, .hmenu-next{
	background:#dfdfdf;
	width:20px;
	height:20px;
	margin-top:5px;
}

.hmenu .hmenu-prev{
	float:left;
}

.hmenu .hmenu-next{
	float:right;
}


/***********************************************************
 NEW STUFF
 */

#file-tabs-container{
	 overflow: visible;
}

#file-tabs{
	 height: 100%;
	 overflow: auto;
}

#templateListFilter,
#templateList{
	float:left;
	width:100%;
	border:1px solid #dfdfdf;
	/*padding:5px;*/
	height:325px;
}

#templateListFilter .content,
#templateList .content{
	height:325px;
	overflow:auto;
}

.paramTable{
	display:none;
}

.paramTable td{
	padding:6px 2px;
}

.paramTable td.label{
	width:80px;
	font-weight:normal;
}

.templateCategory{
}

.templateCategory h5{
	background:transparent url(../images/playlist_group_dot_open.png) no-repeat scroll 0 2px;
	padding:3px 0 3px 20px;
	cursor:pointer;
}

.templateCategory.open > h5{
	background:transparent url(../images/playlist_group_dot_close.png) no-repeat scroll 0 2px;
}

.templateCategory ul{
	padding-left:20px;
	display:none;
}

.templateCategory .template{
	padding:3px;
	cursor:pointer;
	background:none;
	clear: both;
}

.templateCategory .templateCategory{
	margin-left: 10px;
	display: none;
}

.templateCategory.open .templateCategory{
	display: block;
}

.template.selected{
	background-color:#DDE7F7;
	cursor:default;
	font-weight:bold;
}

.template img{
	width:32px;
	float:left;
	margin-right:2px;
}

.colorp{
	cursor:pointer;
}



/*** New params styles ***/
/*.colorpicker{
	float:left;  
	padding:10px;
	background:#fff;
	position:absolute;
}*/

#applicationfile-tabs-container li.selected,
#text-tabs-container li.selected,
#file-tabs-container li.selected,
#ds-tabs-container li.selected{
	background-color:#DDE7F7;
}

#file-tabs-container li.selected a,
#text-tabs-container li.selected a.selected{
	font-weight:bold;
}

li.all{
	 margin-left: 2px;
	 font-size: 9px;
	 cursor: pointer;
}

#params-tabs .paramOptions{
  background: #CCC;
  color: #666;
  padding: 2px 5px;
  position: absolute;
  right: 0px;
  top: 0px;
}

#params-tabs .paramOptions span{
  cursor: pointer;
  width: 40px;
  padding: 0px 7px;
}

#params-tabs .paramOptions .removeSelected{ 
  background:url(../images/icon_list_remove.png) no-repeat right;	
}

.ui-dialog .ui-dialog-content #params-tabs .ui-tabs-panel { 
	height:385px !important;
  overflow-y: auto;
}

.ui-dialog .ui-dialog-content #params-tabs .ui-tabs-panel.hidden{
  display:none;
}

.gadget-fieldset-form .values_table{
  margin-top: 20px;
}

.values_table thead th,
.values_table tbody td{
	padding:2px 2px 0px 2px;
	border:1px solid #eee;
	text-align: left;
  vertical-align: middle;
}

.values_table tbody .label{
	width: 100px;
	/*font-weight: normal;*/
	text-align: right;
  vertical-align: middle;
}

.values_table th{
	background:#dfdfdf;
}

.values_table td input.content{
	width:93%;
}

.values_table td input.content.color{
	width:80px;
}

.ui-dialog .ui-dialog-content #params-tabs textarea.selected_input,
.ui-dialog .ui-dialog-content #params-tabs	  input.selected_input{
	border:1px dotted #555;
	background-color:#FFFFCC;
}

.values_table.table td{
  vertical-align: middle;
}

.values_table.table td input.file{
  width: 85%;
}












#fm-folder-view{
	float:left;
	width:300px;
  border: none;
}

#fm-file-view{
	margin-left: 310px;
  border: none;
}

#fm-file-manager .ui-widget-header{
	height: 20px;
	padding:0.5em 0.3em 0.3em 1em;
	position:relative;
}

#fm-file-manager{
	height:400px;
}

#fm-files{
	margin-top:5px;
	padding:2px;
	overflow: auto;
}

#fm-select-all.selected{
	font-weight: bold;
}

/** Folders **/
#fm-folder-tree{
	height:374px;
	overflow:auto;
	border:1px solid #DFDFDF;
	margin-top:5px;
}

#fm-folder-tree ul ul{
	margin-left: 12px;
}

#fm-folder-tree ul li a{
	background: url('../images/icons/folder.png') no-repeat 2px;
	padding: 4px 2px 4px 20px;
	display: block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin: 1px 0;
}

#fm-folder-tree ul li a.fm-active{
	background-color:#FFFFdd;
	border-color:#dfdfdf;
	border-style: dashed;
}

#fm-folder-tree ul li a.fm-active.fm-hover{
	background-color: #E7F2DF !important;
}

#fm-folder-tree ul li a.selected {
	background-color: #eee;
}

/** Table **/
#fm-files table{
	width:100%;
	text-align:left;
}

#fm-files table th{
	padding:2px;
}

#fm-files table td{
	padding:2px;
}

#fm-files table tr.selected td{
	background: #eee;
}

#fm-files input{
	border: 0;
}

#fm-files-wrapper{
	height: 364px;
	overflow: auto;
}

#fm-files .checkbox{
	border-right: 1px solid #dfdfdf;
	width: 22px;
	display:block;
	visibility: visible;
}

#fm-files .name{
	width:60%;
	border-right: 1px solid #dfdfdf;
}

#fm-files .download-link{
	font-size:11px;
	float:right;
}

#fm-files .type{
	width:10%;
	border-right: 1px solid #dfdfdf;
	text-align: right;
}

#fm-files .size{
	width:10%;
	border-right: 1px solid #dfdfdf;
	text-align: right;
}

#fm-files .date{
	width:20%;
	text-align: right;
}

#fm-files .dragthis{
	cursor:move;
}

#fm-filter-wrapper{
  float: right;
}

#fm-search{
  width: 260px;
  height: 16px;
  color: #666;
}

#fm-search{
  float: left;
}

#fm-search-button, #filter-playlists-search-button{
  background: url(images/ui-icons_666666_256x240.png) -160px -112px no-repeat;
  border: none;
  float: right;
  margin-top: 4px;
  width: 16px;
  height: 16px;
}

#filter-playlists-search-button{
  border-left: 1px solid #ccc;
  margin-top: 2px;
  margin-right: 3px;
}

#search-wrapper,#dialog-search-wrapper{
  padding: 2px;
}

#search-wrapper #fm-manage-input-wrapper{
  width: 88%;
  float: left;
  padding: 2px;
  border: 1px solid #ccc;
}

#dialog-search-wrapper #dialog-input-wrapper{
  width: 95%;
  float: left;
  padding: 2px;
  border: 1px solid #ccc;
}

#search-wrapper #fm-manage-input, #dialog-search-input{
  height: 16px;
  color: #666;
  border: none;
  width: 90%;
}

#fm-manage-search-button, #dialog-search-button{
  background: url(images/ui-icons_666666_256x240.png) -160px -112px no-repeat;
  border: none;
  float: right;
  width: 16px;
  height: 16px;
  border-left: 1px solid #ccc;
}

#fm-manage-search-button:hover{
  cursor: pointer;
}

#fm-search-results{
  clear: left;
  overflow-y: auto;
}

#fm-search-close, #dialog-search-close{
  float: left;
  margin-top: 3px;
  margin-right: 2px;
}

#fm-search-close:hover, #dialog-search-close:hover{
  cursor: pointer;
}

/** Toolbar **/
.ui-toolbar{
	margin-top:5px;
	padding: 4px 2px 1px 2px;
	height: 20px;
}

.ui-toolbar a{
	float:left;
	margin-right:5px;
	padding:2px;
}

.ui-toolbar a img{
	float:left;
  margin: -2px 1px 0 0;
}

.ui-toolbar a .ui-icon{
	float:left;
}

.ui-box{
	padding:3px;
	border:1px solid #dfdfdf;
	clear:both;
	background:#fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.ui-box .ui-box-title{
	border-bottom:1px solid #dfdfdf;
	padding:5px;
	background:#C6E1B5;
	font-size:12px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.ui-box .ui-box-content{
	padding: 5px 0;
}


#stats-menu{

}

#stats-menu ul{
	margin: 0 20px;
}

#stats-menu li{

}

#stats-menu li a{
	display: block;
	padding:5px;
}

#stats-menu li a:hover{
	background: #dfdfdf;
}

#stats-terminal form{
	/* height: 230px; */
}

#stats-terminal .box .content{
	height: 200px;
	overflow: auto;
}

#stats-groups{
	float:left;
	width:300px;
	height: 100%;
	margin-bottom:10px;
}

.stats-group{
	margin-left: 10px;
	float:left;
	width: 300px;
	clear: none;
	height: 100%;
}

#stats-groups a,
.stats-group a{
	display: block;
	padding: 5px;
	margin: 1px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#stats-groups a.selected,
.stats-group a.selected{
	background-color:#DDE7F7;
	font-weight:bold;
}

#stats-dates{
	margin-left: 10px;
	margin-bottom: 10px;
	float:left;
	width: 300px;
	clear: none;
	height: 100%;
}

#stats-dates p{
	padding: 5px;
	height: 20px;
}

#stats-dates strong{
	display:block;
	float:left;
	padding:4px;
	text-align:right;
	width:80px;
}

#stats-dates button{
	margin-left:87px;
}

#stats-dates label{
	display: inline;
	margin: 0;
	padding: 0;
}

#stats-dates input{
	padding:2px;
	float:left;
}

.stats-info{
	padding:5px;
}

.stats-info p{
	margin: 5px 0;
}

.stats-graph .content{
	overflow: auto;
}

.stats-graph table{
	text-align: center;
}

.stats-graph table th{
	padding: 0 10px;
}

.stats-graph table td{
	border-left:1px solid #fff;
	vertical-align: middle;
}

.stats-graph table td.stats-first-col{
	padding:5px;
	font-weight: bold;
}

.stats-graph table td .infoSmall{
	display: inline;
}

.stats-graph table div{
	padding:5px;
	margin-top:1px;
	min-width: 70px;
}

.stats-graph table .offline{
	background: #999999;
	/*background:url('../images/back_offline.jpg');*/
}

.stats-graph table .online{
	background: #C6E1B5;
	/*background:url('../images/back_online.jpg');*/
}

.stats-graph table span{
	color:#555;
	font-size: 10px;
	font-weight: bold;
}
/*
.stats-graph table .offline span{
	background: #999999;
}
*/
.stats-log-table-title{
	padding: 10px 0;
	width: 640px;
}

.stats-log-table-title select{
	float:right;
	width:200px;
}

.stats-log{
	border-collapse: separate;
	border: 1px solid #dfdfdf;
	width: 640px;
}

.stats-table{
	margin-top: 10px;
}

.stats-table.ui-tabs .ui-tabs-nav li img,
.stats-graph.ui-tabs .ui-tabs-nav li img{
	display:none;
	float:right;
	cursor: pointer;
	padding-left:5px;
	width:14px;
}

.stats-table.ui-tabs .ui-tabs-nav li.ui-tabs-selected img,
.stats-graph.ui-tabs .ui-tabs-nav li.ui-tabs-selected img{
	display:inline;
}

.stats-graph .ui-tabs-panel,
.stats-table .ui-tabs-panel{
	overflow: auto;
}

.stats-table .ui-tabs-panel{
	min-height: 200px;
}

.stats-graph .ui-tabs-panel .infoSmall,
.stats-table .ui-tabs-panel .infoSmall{
	padding-top: 5px;
	padding-bottom: 5px;
}


table.stats-log th.header{
	background: #DDE7F7;
	color: #0099CC;
	cursor: pointer;
	padding-right: 0 !important;
}

table.stats-log th.header div{
	float:right;
	padding: 0;
	margin: 0;
	width: 16px;
	height: 16px;
	background: url(../images/table_sort.gif) no-repeat right;
}

table.stats-log th.headerSortDown,
table.stats-log th.headerSortUp{
	background: #D1E4EF;
}

table.stats-log th.headerSortDown div{
	background: url(../images/table_sort_desc.gif) no-repeat right;
}

table.stats-log th.headerSortUp div{
	background: url(../images/table_sort_asc.gif) no-repeat right;
}

.stats-log th{
	border-bottom: 1px solid #dfdfdf !important;
	padding:5px 10px !important;
}

.stats-log th,
.stats-log td{
	padding:2px 10px;
	text-align: right;
}

.stats-log .name{
	text-align: left;
	width: 300px;
}

.stats-log .total_time,
.stats-log .n_times{
	width: 150px;
}

.stats-log a.note{
	float:right;
}

.stats-total{
	border-top: 1px solid #dfdfdf;
}

.ui-widget-overlay{
	position: fixed;
}

#time-schedule td{
	padding: 0 2px;
}

#time-schedule td:first-child{
	padding: 0 10px 0 5px;
}

#time-schedule td div{
	background: #fff;
	border:1px solid #CCCCCC;
	font-size:14px;
	position: relative;
	margin-right: 2px;
	height:22px;
}

#time-schedule td div input{
	background: transparent;
	border: none;
}

#time-schedule td div input.time{
	width: 30px;
}

#time-schedule button.plus, #time-schedule button.minus{
	position: absolute;
	width: 10px;
	border:0 none;
	font-size:9px;
	margin:0;
	padding:0;
}

#time-schedule button.plus{
	top:0;
	right: 0;
}

#time-schedule button.minus{
	bottom:0;
	right: 0;
}

#schedule-container{
	margin-top:30px;
}

#schedule-container .schedule{
	background: #fff;
	padding:4px;
	margin:2px;
}

#schedule-container .schedule img{
	cursor: pointer;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a,
#playlist_zones_tabs .ui-tabs-nav li.ui-tabs-selected a{
  cursor: pointer !important;
}

.mainZoneText{
	margin:5px 0;
	display: none;
}



/****************************************************
 * CONTENT LIST
 ****************************************************/

.content-list h2{
/*	margin-bottom: 20px;*/
	font-size: 18px;
}

.content-list h2 span{
	font-style: italic; 
	font-size: 14px;
	font-weight: normal;
}

.content-list .content.odd{
	background: #e9e9e9;
}

.content-list .content{
	background: #eee;
	padding:20px;
	margin-bottom: 5px;
	clear: both;
}

.content-list .content h4{
	margin-bottom: 5px;
	padding-left:5px;
}

.content-list .content p{
	font-family: Trebuchet MS, Arial, sans-serif;
	padding:2px 5px;
}

.content-list .content p.license_0{
	background: white;
	border:1px solid red;
}

.content-list .status_0{
	color: red;
/*	font-weight: bold;*/
}

.content-list .status_1{
	color:#00cc00;
}

.content-list .content .thumbnail{
	width: 100px;
}

.content-list .content img.thumb{
	max-width: 100px;
	max-height: 100px;
	float:left;
/*	margin-right: 10px;*/
}

.content-list .actions{
	float:right;
	text-align: center;
	margin-left:5px;
}

.content-list .stats,
.content-list .thumbnail,
.content-list .info{
	float:left;
	margin-right: 20px;
}

.content-list .stats{
	margin-top: 20px;
}

.content-list .content ul li{
	margin:2px 20px;
	list-style: circle;
}

.content-list .content ul li a{
	margin-right: 10px;
}

.content-list .actions a:first-child{
	margin: 0;
}

/**********************************
 * MORE ACTIONS
 **********************************/

.more-actions{
	position: relative;
	height: 26px;
	min-width: 200px;
}

.more-actions .more-actions-btn{
	padding:4px 5px;
	display: inline-block;
	border:1px solid #dfdfdf;
	background: #fff;
	z-index: 1;
	position: absolute;
}

.more-actions .more-actions-btn img{
	float:left;
}

.more-actions .more-actions-btn:hover{
	text-decoration: none;
}

.more-actions ul{
	float:left;
}

.more-actions ul li a{
	display: block;
	padding: 4px 2px;
}

.more-actions .more-actions-options{
/*	position: absolute;*/
/*	top:23px;*/
	display: none;
	border:1px solid #dfdfdf;
	background: #fff;
	z-index: 0;
	margin-top:23px;
}

.more-actions.hover .more-actions-options,
.more-actions:hover .more-actions-options{
	display: inline-block;
}

.more-actions.hover .more-actions-btn,
.more-actions:hover .more-actions-btn{
	border-bottom: 0;
}

/**********************************
 * CONTENT SORT FORM
 **********************************/
#content-sort-form{
	margin-bottom: 5px;
	float:right;
	background: #e9e9e9;
	padding:2px 10px;
	border:1px solid #dfdfdf;

/*	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;*/
}

#content-sort-form select{
/*	padding:2px;*/
}

#content-sort-form label{
	padding: 0;
	margin: 0;
	display: inline;
}

#content-sort-form .btn{
	padding:2px 5px;
}
/******************************************************************************************
 *	PAGINATION
 *****************************************************************************************/
.pagination{
	text-align: center;
	background: #e9e9e9;
	padding: 2px;
}

.pagination li{
	list-style: none;
	display: inline-block;
	padding:6px 10px;
	border:1px solid #dfdfdf;
	margin-right: 4px;
	background: #fff;	
}

.pagination li.current{
	font-weight: bold;
}


#res_custom a{
	height: auto;
}
#customParams{
	display: none;
	clear:both;
}

#res_custom.selected #customParams{
	display: block;
}

#customParams label{
	display: inline-block;
	padding: 0;
	width:50px;
	text-align: right;
}
#customParams input{
	width:50px;
}

#res_custom .selectableitem a{
	padding-right: 5px;
}

#res_custom .button-small{
	margin-top:5px;
}

#logoImage{
  padding-top: 5px;
  padding-bottom: 5px;
	display:block; 
	margin-left:10px;
	width: 180px;
	height: 50px;
}

/*#logoImage img{
  height: 100%;
}*/

#rssMenu .bI{
	padding:4px;
}

#datasourceMenu .bI{
	padding:4px;
}

.gadget-params-units{
  float: left;
  margin-top: 5px;
}

.ui-spinner-input{
  float:left;
  margin-right: 0px;
}

.ui-spinner{
  float: left;
  margin-top: 2px;
  margin-right: 10px;
}

#previewer{
  width: 512px;
}

#export-gadget-data{
  padding: 10px;
}

#export-gadget-data table td.label{
  text-align: right;
  font-weight: bold;
}

.clear-value{
  margin-top: 3px;
}

#specialFieldsTable input, #specialFieldsTable textarea{
  width: 99%;
}

table.settings{
  width: 100%;
}

table.settings th, table.settings td{
  padding: 5px;
}

#settings-tabs h5{
  margin-bottom: 4px;
}

#uploadSimpleMain input, #uploadSimpleMainInner input{
  width: 100%;
}

#uploadfilepicker .buttonbig.disabled{
  color: #666;
} 

#terminal-graph-day ul li a span, #stats-table-tabs ul li a span{
  float: left;
}

.gadget-fieldset-form{
  position: relative;
}

.gadget-fieldset-form table{
  width: 100%;
}

.gadget-fieldset-form .label{
  width: 100px;
  vertical-align: top;
  padding:6px 2px;
}

.gadget-fieldset-form table td{
  padding: 2px;
  border:0;
}

.gadget-fieldset-form input:text{
  width: 100%;
  padding: 2px;
}

.gadget-fieldset-form textarea{
  width: 100%;
  padding: 2px;
}

.gadget-fieldset-form fieldset{
  background: #ffffff;
  border:1px solid #dfdfdf;
  padding: 0px 10px 5px;
  margin-bottom:5px;
  min-height: 25px;
}

.gadget-fieldset-form fieldset.offline{
  background: #DFDFDF url(../images/back_offline.jpg);
}

.gadget-fieldset-form fieldset legend{
  background: #ffffff;
  padding: 2px;
  border:1px solid #dfdfdf;
  cursor: move;
  max-width: 481px;
}

.gadget-fieldset-form fieldset legend a{
  background:url(../images/playlist_group_dot_open.png) no-repeat scroll left center transparent;
  padding-left: 15px;
  margin-right: 15px;
}

.gadget-fieldset-form fieldset legend img{
  float:right;
  cursor: pointer;
  display: none;
}

.gadget-fieldset-form fieldset legend span.title{
  float: right;
  margin-left: 15px;
  margin-right: 10px;
  font-weight: bold;
  max-height: 17px;
  max-width: 355px;
  overflow: hidden;
}

.gadget-fieldset-form fieldset table{
  position: absolute;
  left: -9999px;
}

.gadget-fieldset-form fieldset.open table{
  position: static;
  left: -9999px;
}

.gadget-fieldset-form fieldset.open legend img{
  display: block;
}


/*
 * Schedule and Triggers
 * 
 * */

#popup-repeat{
  display: none;
  background: #fff;
}

#popup-repeat h4.header{
  border-bottom: 1px dashed #dfdfdf;
  padding: 10px;
}

#popup-repeat .content{
  padding: 10px;
  text-align: left;
}

#popup-repeat label, #triggers label{
  display: inline;
  padding: 0px 2px;
}

#triggers label.error{
  padding-left: 20px;
}

#playlistTriggers, #triggers{
  height: 94%;
}

#triggers fieldset{
  height: 44%;
  margin-bottom: 15px;
}

#triggers table thead th{
  background: #DFDFDF;
  padding: 4px;
  text-align: left;
  border: #DFDFDF 1px solid;
}

#triggers table tbody{

}

#triggers table.borders tbody tr td{
  border: #DFDFDF 1px solid;
  vertical-align: middle;
}

#triggers table.borders tbody tr:hover{
  background: #D3EEFE;
}

#triggers fieldset{
  overflow-y: auto;
}
		
/*		#popup-repeat label.error{
			padding:0 5px 0 20px;
		}*/
		
#popup-repeat td, #triggers td{
  padding: 5px;
}

#popup-repeat .tr_schedule_color input{
  float:left;
}

#popup-repeat .color_table{
  float: left;
  margin-left: 5px;
}

#popup-repeat td.color{
  border: 1px solid #DFDFDF;
  font-size: 8px;
  height: 11px;
  width: 11px;
  cursor: pointer;
}

#popup-repeat .footer{
  padding: 10px;
  border-top: 1px dashed #dfdfdf;
  text-align: center;
}

#popup-repeat .repeat-span{
  display: none;
}

#popup-repeat fieldset, #triggers fieldset{
  border:1px solid #dfdfdf;
}

#popup-repeat fieldset legend, #triggers fieldset legend{
  padding: 0 5px;
}

#popup-repeat input.date,
#popup-repeat input.time{
  width: 80px;
}

.ui-timepicker-div .ui-slider{
  width: auto;
}

.fc-widget-content{
  cursor: pointer;
}

.event-info{
  text-align: left;
  font-size: 11px;
}

.event-options{
  position: absolute;
  top:0;
  left:0;
  padding:2px;
  border:1px solid #dfdfdf;
  background:white;
  min-width: 100px;
  z-index: 1000;
}

.event-options h4{
  padding: 4px;
  border-bottom: 1px dashed #dfdfdf;
  font-size: 11px;
  color:#333;
}

.event-options a{
  display: block;
  padding: 4px;
}

.fc-content{
  background: #fff;
}

.fc .ui-resizable-handle{
  z-index:100;
}

.blockMsg{
  background-color: #FFFFFF;
  color: #000000;
  left: 20%;
  margin: 0;
  padding: 0;
  position: fixed;
  text-align: center;
  top: 20%;
  width: 60%;
  right: 20%;
  z-index: 1200;
}

.blockOverlay{
  background-color: #000000;
  border: medium none;
  cursor: wait;
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 0.6;
  filter:alpha(opacity=60);
  padding: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1100;
}

.arraytext, .arrayfile{
  clear: both;
}

#ds-tabs{
  height: 418px;
  overflow: hidden;
}

#ds-tab{
  overflow-y: auto;
  height: 378px;
}

#editSlide{
  overflow-y: hidden;
}

#editSlide .fc-content{
  overflow-y: auto;
  height: 440px;
}

tr.ui-state-highlight{
  height: 23px;
}

#hidePreviewerPannel{
  float:left;
  width:20px;
  overflow: hidden;
}

#hidePreviewer{
  height: 40px;
  display: block;
  border: 1px solid #DFDFDF;
  color: #666;
  text-decoration: none;
  text-align: center;
  font-size: 20px;
  padding-top: 11px;
  moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}

#hidePreviewer:hover{
  background: #eee;
}

#terminalBroadcastsList, #terminalRadioPlaylistsList{
  padding: 0.5em;
}

/*********** DATE TIME PICKER ************/
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

.content-form fieldset{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DFDFDF;
    margin-bottom: 10px;
    min-height: 20px;
	border-radius: 2px;
}

.content-form legend{
	padding:0 10px;
	background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #DFDFDF;
  font-family: Trebuchet MS;
  font-size: 14px;
  font-weight: bold;
  padding: 3px 18px;
	border-radius: 2px 2px 2px 2px;
}

.content-form .row{
  margin: 10px 0;
}

.content-form .row label{
  display: inline-block;
  width: 155px;
  text-align: right;
  font-weight: bold;
  margin: 0 ;
  padding: 5px;
  font-size: inherit;
}

.content-form .row label[generated]{
  padding-left: 20px;
  text-align: left;
  width: auto;
}

.content-form button:first-child{
/*		margin-left:145px;*/
}

.content-form input[type=text], .content-form input[type=password]{
  width: 300px;
  padding: 5px;
}

#localsearch-form{
  padding:20px;
}

#search_city_wrapper{
	display: none;
}

#cont-wrapper{
	position: relative;
	display: inline-block;
}

#cont-wrapper img{
	display: none;
	position: absolute;
	top:6px;
	right: 6px;
}

.livepreview{
	padding: 5px;
	border:1px solid #dfdfdf;
	position: absolute;
	top:30px;
	left:0;
	display: inline-block;
	background: #fff;
	min-width: 300px;
}

.livepreview h4{
	padding:2px 2px 4px 2px;
}

.livepreview .place{
	padding:2px;
}

.livepreview .place:hover{
	background: #eee;
}

#settings-accounts table, table.specific-permissions{
  width: 100%;
}

table.specific-permissions td, table.specific-permissions th{
  padding: 5px 10px;
}

#settings-accounts table thead tr th{
  text-align: left;
}

.main-actions{
  margin-bottom: 10px;
  float:right;
}

ul.dsitems{
  border-left: 1px solid #ccc;
}

ul.dsitems li{
  margin-left: 5px;
}

#datasource-type-2-tabs { height: 450px; }
.tabs-bottom { position: relative; } 
.tabs-bottom .ui-tabs-panel { height: 390px; overflow: auto; } 
.tabs-bottom .ui-tabs-nav { position: absolute !important; left: 0; bottom: 0; right:0; padding: 0 0.2em 0.2em 0; } 
.tabs-bottom .ui-tabs-nav li { margin-top: -2px !important; margin-bottom: 1px !important; border-top: none; border-bottom-width: 1px; }
#datasource-type-2-tabs .ui-tabs-selected { margin-top: -3px !important; }

table.spreadsheet td{
  border: 1px solid #ccc;
  padding: 5px;
}

#ds-extended-dialog #datasource-type-2-tabs{
  height: 415px;
}

.plupload_header{
  display: none;
}

.plupload_filelist_footer td{
  vertical-align: middle;
}

.plupload_cell .infoSmall {
  color: #666;
  font-size: 10px;
}

.plupload_scroll{
  max-height: none;
  height: 273px;
}

.plupload_droptext{
  font-weight: bold;
  font-size: 16px;
}

#simpleCurrentFiles{
  border:1px solid #ccc;
	height:300px;
	overflow:auto;
	width:100%;
}

#fileStatus{
	margin:10px;
}

.progressBar{
	background:#999;
	line-height:1px;
	height:3px;
	font-size:1px;
	width:0;
}

.fileProgress{
	padding:5px;
	margin:2px;
	position:relative;

/*	background:#FFFFCC; */
	border:1px solid #dfdfdf;
}

.fileProgress.waiting{
/*	background-color:#C4ECFF; */
}

.fileProgress.error{
/*	background-color:#FFCECE; */
}

.fileProgress.success{
/*	background-color:#D5FFD5; */
}

.waiting .fileName{
	background:url(../images/icon_wait_small.gif) no-repeat left;
	padding-left:16px;
}

.error .fileName{
	background:url(../images/icon_error_small.png) no-repeat left;
	padding-left:16px;
}


.fileName{
	padding-left:0px;
	display: inline !important;
	padding-top: 0px !important;
}

.fileSize {
/*	position:absolute;
	right:140px; 
	right:85px; */
	float:right;	
	color:#666;
	margin-right:10px;
}

.fileUpload{
	position:absolute;
	right:85px;
}

.fileRemove{
	float:right;
	cursor:pointer;
/*	position:absolute;
	right:25px;*/
}

.fileOverwrite{
	float:right;
}

.fileStatus{
	color:#666666;
	font-size:10px;
}

.fileProgress .blockOverlay{
	background:#fff;
}

.fileProgress .blockMsg{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	font-size:14px;
}

#simpleCurrentFiles strong.wait{
  padding-left: 20px;
}

#legend{
  float: left;
  width: 15%;
}

#calendar.right{
  float: right;
  width: 83%;
}

#schedule_legend li{
  padding: 3px;
  margin: 1px 0px 1px 0px;
  color: #ffffff;
  border-radius: 3px;
}

#terminal-dashboard-table td{
  vertical-align: middle;
}

.ui-icon-caret-2-n-s{
  background-position: -128px -17px;
}

table.dataTable.no-footer{
  border-bottom: 1px solid #dddddd !important;
}

#terminal-dashboard-table img.offline{
  filter: grayscale(100%);
}