.tabs li {
	float:left;
	font:normal 14px/18px Lucida Grande;
	color:#00afdb;
	border:1px solid #e7e7e7;
	border-bottom:none;
	padding:5px 10px;
	margin-right:15px;
	cursor:pointer;
	position:relative;
	bottom:0;
	background: url(../images/reportTabBg.png) repeat-x;
	margin-top:3px;
}
.tabs li:hover {
	color:#000;
	border:2px solid #c0e9f4;
	border-bottom:none;
	padding:4px 9px 5px 9px;
}
.tabs .active, .tabs .active:hover {
	border:2px solid #c0e9f4;
	border-bottom:none;
	bottom:-2px;
	margin-top:0px;
	padding:5px 9px 7px 9px;
	color:#000;
	background: #fff;
	cursor:auto;
}
.tabContainer {
	border:2px solid #c0e9f4;
	padding:15px 1px 1px 1px;
}
.dataTable tr.appStart td { background-color:#fff0ba; }
.dataTable .appStartTxt { color:#614c00; }

.dataTable tr.playingSong td { background-color:#f1ffe2; }
.dataTable .playingSongTxt { color:#067500; }

.dataTable tr.playingInsert td { background-color:#d9fcb3; }
.dataTable .playingInsertTxt { color:#067500; }

.dataTable tr.idle td { background-color:#e3e2e2; }
.dataTable .idleTxt { color:#333;text-transform: none; }

.dataTable tr.paused td { background-color:#f1f1f1; }
.dataTable .pausedTxt { color:#333; }

.dataTable tr.resumed td { background-color:#f1f1f1; }
.dataTable .resumedTxt { color:#333; }

.dataTable tr.appStop td { background-color:#ffe7e7; }
.dataTable .appStopTxt { color:#ff0000; }

.dataTable tr.brokenSong td { background-color:#ffc5c5; }
.dataTable .brokenSongTxt { color:#ff0000; }

.dataTable tr.exception td { background-color:#ffc5c5; }
.dataTable .exceptionTxt { color:#ff0000; }


.connect, .notConnect, .song, .insertsText, .exceptTxt, .legents li {
	background-image: url("../images/sprite/icons.png");
	background-repeat: no-repeat;
}
.connect {
	 background-position: left -493px;
	display: block;
	margin: 0 auto;
	width: 18px;
}
.notConnect {
	 background-position: left -593px;
	display: block;
	margin: 0 auto;
	width: 18px;
}
.dataTable .song {
	background-position:8px -5994px;
	padding-left:25px;	
}
.dataTable .songTitle:hover {
	background-color:#e5f7fb;
	cursor:pointer;
}
.dataTable .insertsText {
	background-position:8px -5693px;
	padding-left:30px;
}
.dataTable .exceptTxt {
	background-position:8px -392px;
	padding-left:25px;
	color:#ff0000;
}
.legents {
	float:right;
	background-color: #F6F6F6;
	margin-left: 5px;
	padding: 5px 10px;
}
.legents li {
	float:left;
	font: bold 9px/15px arial;
	text-transform: uppercase;
	color:#333;
	padding-left:20px;
	margin-right:15px;
}
.legents li:last-child { margin-right:0px; }
.legents .legeIns { background-position:left -5698px; }
.legents .legeSong { background-position:left -5999px; }
.legents .legeCon { background-position:left -496px; }
.legents .legeNotCon { background-position:left -596px; }
.legents .legeVoiceOver { background-position:left -5796px; }
.legents .legeInt {
	background:none;
	padding:0;
	margin-right:5px;
}

.tableActions p {
	clear:left;
	margin:0 0 0 10px;
	color:#666;
}
		
.popUp {
	background:url(../images/popUpBg.png) repeat;
	padding:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.popUpPad {
	background-color:#fff;
	padding:10px;
}
.popUpTitle {
	border-bottom:1px dotted #858585;
	padding:0 5px 5px 5px;
	margin-bottom:10px;
}
.popUpTitle h4 {
	float:left;
	font:normal 16px/20px Lucida Grande;
	color:#1a1a1a;
}
.popUpClose {
	background-color: transparent;
    background-position: -5px -1105px;
    cursor: pointer;
    float: right;
    height: 10px;
    margin-top: 6px;
    text-indent: -9999px;
    width: 10px;
}

/* streams page */
.playlistPeriod .filter{
	font: normal 11px "Lucida Grande", Arial;
	color: #1a1a1a;
	border-right: none;
}
.playlistPeriod{
	background: #f6f6f6;
}
.playlistPeriod span{
	margin: 5px;
}
.streamTableAction p{
	width: 300px;
	font: normal 11px "Lucida Grande",Arial;
	color:#999
}
/* end */

.confirmMsg {
	background-color:#ffebeb;
	padding:5px 10px;
}
.confirmMsg .btnBox {
	width:115px;
	margin:0 auto;
}
.confirmMsg .btnBox a {
	font:bold 10px/18px Lucida Grande;
	color:#333;
	border:1px solid #bdbcbd;
	width:40px;
	float:left;
	text-align:center;
	margin:0 5px;
	background:url(../images/confirmBtnBg.png) repeat-x left top;
}
.confirmMsg .btnBox a:hover {
	text-decoration:none;
	background:url(../images/confirmBtnBgHover.png) repeat-x left top;
}