body,div,table,td,span,p,input {
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
	margin:0; padding:0;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
	}
table {border-spacing:0; border-collapse:collapse;}
table td {padding:0;}

h1 {text-shadow:1px 2px 1px #999;}
input {font-family:Verdana,Arial; padding:2px;}
input[type="submit"] {font-size:11px; color:#000; font-weight:normal; padding:2px 1em;}
input[type="button"] {font-size:11px; color:#000; font-weight:normal; padding:2px 1em;}
input[type="button"]:disabled {color:#888;}

#page {display:inline-block; padding-left:6px; vertical-align:top;}

span.tips {color:#333;}
span.tips:hover {cursor:help; color:#060;}
span.tips::after {content:" ...";}

.ct, .ctr {text-align:center;}
.rt {text-align:right;}
.nowrap {white-space:nowrap;}
.scroll {
	height: 400px;
	padding: 5px;
	overflow: auto;
	border: 1px solid #ccc
	}

.brw1 {background:#999; padding:0; border-spacing:1px; border-collapse:separate;}
.brw1 th {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#000; background-color:#cf9; font-weight:bold; border:0; padding:0 5px;}
.brw1 td,.brw1a {font-family:Verdana,Arial,sans-serif; font-size:11px; color:#006; background-color:white; padding:4px; max-width:250px;
   overflow: hidden;
   text-overflow: ellipsis;
/*
   white-space:nowrap;
*/
   max-height: 99px;
   }
.brw1 td.ch {font-family:Verdana,Arial,sans-serif; font-size:14px;}
.brw1 tr.alert td {color:red;}
.brw1b {font-family:Verdana,Arial,sans-serif; font-size:12px; color:#006; background-color:#eee; padding-left:5px; padding-right:5px;}
.brw1 a:link,.brw1 a:visited,.brw a:active,.brw a:hover,.brw1lnk {font-family:Arial,sans-serif; font-size:10px; color:#00c; text-decoration:none; font-weight:bold;}
.brw1 a:Hover {text-decoration:none; color:#090;}
.brw1 a.ch:link,.brw1 a.ch:visited,.brw a.ch:active,.brw a.ch:hover {font-family:Verdana,Arial,sans-serif; font-size:14px; color:#00c; text-decoration:none; font-weight:normal;}
.brw1 a.ch:Hover {text-decoration:none; color:#090;}
.brw1 th div a:link, .brw1 th div a:visited, .brw1 th div a:hover {color:#666;}
.brw1 th img {padding-top:1px;}
.brw1 td.num {text-align:right; padding-left:5px; padding-right:5px;}
.brw1 td div {color:#999; margin-top:4px;}
.brw1 td div.memo {font-family:Verdana,Arial,sans-serif; font-size:11px; color:#006; background-color:white; padding:0; margin:0; max-width:250px;
   text-overflow: ellipsis;
   max-height: 99px;       /* fallback */
   }
.brw1 input[type="button"] {padding:2px 0px; min-width:48px; max-width:50px; text-align:center;}

img.srt {float:right; position:absolute; z-index:9; margin:-2px 0 0 -10px; opacity:0.5;}

.wait, .wait * { cursor: wait !important;}
.yn {width:33px; text-align:center;}

a.btt,a.btt:link,a.btt:visited {
 display:inline-block;
 background:#eee;
 border:1px solid #777;
 border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
 -moz-background-clip:padding; -webkit-background-clip:padding-box;
 -webkit-box-shadow:inset 0 1px 1px #e6e6e6;
 text-shadow:0 -1px 1px #999;
 line-height:1;
 text-align:center;
 font-family:Verdana,arial; font-size:12px; font-weight:normal; text-decoration:none; color:black;
 padding:3px 9px;
 }
a.btt:hover {
 background:#DCF1FC;
 _background:#DCF1FC;
 border:1px solid #3C7FB1;
 _border:1px solid #3C7FB1;
 -webkit-box-shadow:inset 0 1px 1px #3C7FB1;
 text-shadow:0 -1px 1px #69C5FD;
 text-decoration:none
 }
.brw1 input[type="text"] {font-family:Verdana,Arial; font-size:12px; font-weight:normal; padding-left:3px; padding-right:3px;}

.sel2 {background:#fff; padding:0; border:2px solid #999;}
.sel2 th {font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#000000; background-color:#ccff99; font-weight:bold; border:0; padding:0; padding-left:5px; padding-right:5px;}
.sel2 td,.sel2a {font-family:Verdana,Arial,sans-serif; font-size:12px; color:#006; background:white; padding-left:5px; padding-right:5px;}
.sel2b {font-family:Verdana,Arial,sans-serif; font-size:12px; color:#006; background:#eee; padding-left:5px; padding-right:5px;}
.sel2 a:link,.sel2 a:visited,.brw a:active,.brw a:hover,.sel2lnk {font-family:Verdana,Arial,sans-serif; font-size:12px; color:#006; text-decoration:none;}
.sel2 a:Hover {text-decoration:none; color:#00f;}
.sel2 input {font-family:Verdana,Arial; font-size:12px; font-weight:normal; padding-left:9px; padding-right:9px;}

td.chinese {font-family:Verdana,Arial,sans-serif; font-size:14px; color:#006; background:white; padding-left:5px; padding-right:5px;}
.chinese {font-family:Verdana,Arial,sans-serif; font-size:14px; color:#006; background:white; padding-left:0;}
.chinese8 {font-family:Verdana,Arial,sans-serif; font-size:12px; color:#006; background:white; padding-left:0;}
.ch {font-family:Verdana,Arial,sans-serif; font-size:14px;}
th .ch {font-family:Verdana,Arial,sans-serif; font-size:11px;}

fieldset {border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px;
	font-family:verdana,arial; font-size:12px;
	}
fieldset legend {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	font-family:verdana,arial; font-size:12px; color:#000;
	font-weight: bold;
	border:1px solid #999;
	padding:2px 1em;
	background: #cfc;
	}
legend a:link,legend a:visited,legend a:active,legend a:hover,.brw1lnk {font-family:Verdana,Arial,sans-serif; font-size:11px; color:#000; text-decoration:none;}
legend a:Hover {text-decoration:none; color:#00f;}

.srh td {font-family:verdana,arial; font-size:12px; padding:0; white-space:nowrap;}
.srh td:first-child {white-space:normal;}
.srh td input[type="text"],.srh td select {font-family:verdana,arial; font-size:12px; color:#006; padding:0; margin-left:2px; border:1px solid #999;}
.srh td.txt {font-family:Arial,verdana; font-size:10px; color:#666; text-align:right;}
.srh a {font-size:12px;}

.divsel:link,.divsel:visited,.divsel:active,.divsel:hover
	{font-family:Verdana,Arial,sans-serif; font-size:12px; color:#006; text-decoration:none; margin:0; padding:0 3px; border:1px dashed #999; display:block; border-radius:5px;}
.divsel:Hover {text-decoration:none; color:#fff; background:green;}
.divsel span {font-size:12px;}

.divsel2:link,.divsel2:visited,.divsel2:active,.divsel2:hover
	{font-family:Arial,Verdana,sans-serif; font-size:12px; color:#006; text-decoration:none; margin:0; padding:0 3px; border:3px double #999; display:block; border-radius:5px;}
.divsel2:Hover {text-decoration:none; color:#fff; background:green;}
.divsel2 span {font-size:12px;}

.divsele:link,.divsele:visited,.divsele:active,.divsele:hover
	{font-family:Arial,Verdana,sans-serif; font-size:12px; color:#006; text-decoration:none; margin:0; padding:3px; border:1px dashed #999; display:block; border-radius:5px;}
.divsele:Hover {text-decoration:none; color:#fff; background:green;}
.divsele span {font-size:12px;}

.divsele2:link,.divsele2:visited,.divsele2:active,.divsele2:hover
	{font-family:Arial,Verdana,sans-serif; font-size:12px; color:#006; text-decoration:none; margin:0; padding:0 3px; border:3px double #999; display:block; border-radius:5px;}
.divsele2:Hover {text-decoration:none; color:#fff; background:green;}
.divsele2 span {font-size:12px;}

#frmedt {border-spacing:2px; border-collapse:separate; vertical-align:top;}
.tbledt {border-spacing:4px; border-collapse:separate; vertical-align:top;}
.tbledt td {padding:0; vertical-align:middle;}
.tbledt td.txt {font-size:16px; color:#006; margin:0; padding-top:5px; padding-right:1em; vertical-align:top;}
.tbledt td:first-child {font-size:11px; color:#333; margin:0; padding:6px 0 0 0; vertical-align:top; filter:none;}
.tbledt td:first-child input[type="text"] {font-size:12px; color:#000; padding:1px 12px; font-weight:normal;}
.tbledt b {color:blue;}
.tbledt input[type="text"],input[type="number"],.tbledt select {font-size:12px; color:#009; padding:1px; margin:0; border:1px solid #999; height:18px;}
.tbledt textarea {font-family:Verdana,Arial; font-size:12px; color:#009; padding:1px; margin:0; border:1px solid #999;}
.tbledt input[type=file] {font-size:12px; height:22px; width:250px; padding:0;}

.tbledt select {height:22px;}
.tbledt select.multiselect {height:200px;}
.tbledt input.chkbox {font-size:14px; color:#009; padding:0; margin:0; border:1px solid #999;}
.tbledt input.btt {font-size:12px; color:#000; font-weight:normal; padding:2px 12px;}
.tbledt div.frmshw0 {font-family:Verdana,Arial; font-size:12px; color:blue; font-weight:bold; padding-top:3px; display:inline-block;}
.tbledt td input.tcalInput	{background: url('../caltigra/img/cal.gif') 100% 50% no-repeat rgb(255,255,255); padding-right:20px; cursor:pointer;}
.tbledt td input.tcalActive	{background: url('../caltigra/img/no_cal.gif') 100% 50% no-repeat;}
.tbledt tr.hideEdit {display:none;}

.playlistgid {border-spacing:3px; border-collapse:separate;}
.playlistgid th {background:#000; color:#fff; padding:0; font-size:12px;}
.playlistgid td {padding:0; font-size:12px; vertical-align:middle;}
.playlistgid td:first-child {padding:0; vertical-align:middle;}
.playlistgid td:nth-child(2) input[type=text], .playlistgid td input[type=text] {padding:0; margin:0!important;}

.songtimea td {font-size:11px; color:#000;}
.songtimea input[type="checkbox"] {padding:0; margin:0;}

.timeslota {border-spacing:1px; border-collapse:separate; margin-bottom:6px; background:#f0f0f0;}
.timeslota th {font-size:10px; color:#fff; background:#000; padding:0 6px;}
.timeslota td {vertical-align:top; padding:1px 0 0 2px; font-size:10px;}
.timeslota td:first-child {padding:6px 0 0 0; text-align:center;}
.timeslota td img {margin:4px 0 0 2px;}
.timeslota td div {padding-bottom:6px;}

.tbledt td:nth-child(2) select {margin:0;}

.frmlbl {font-family:Arial; font-size:12px; text-align:right; padding-right:1em; padding-top:6px; padding-bottom:6px; margin:0;}
.frmdat {font-family:Verdana,Arial; font-size:14px; color:#333; padding-top:1px; padding-bottom:1px; margin:0;}
.frmrow {background:#eee; padding:0;}
.frmshw0 {font-family:Verdana,Arial; font-size:14px; color:blue; font-weight:bold; padding-top:2px; padding-bottom:2px; margin:0;}
.frmshw {font-family:Verdana,Arial; font-size:14px; color:#006; font-weight:bold; padding:0.2em; margin:0; border:1px dotted #ccc; max-width:800px; text-overflow:ellipsis; overflow:hidden;}

.frmtxt {font-family:Verdana,Arial; font-size:12px; color:#333; padding:3px; margin:0; border:1px solid #999;}
.frmtxtb {font-family:Verdana,Arial; font-size:12px; color:#333; padding:3px; margin:0; border:1px solid #090;}
.frmsel	 {font-family:Verdana,Arial; font-size:14px; color:#009; padding:3px; margin:0; border:1px solid #999;}
.frmselb {font-family:Verdana,Arial; font-size:14px; color:#009; padding:3px; margin:0; border:1px solid #090;}
.frmselext {font-family:Verdana,Arial; font-size:14px; color:#009; padding:3px; margin:0; border:1px solid #999; width:250px;}
.frmselextb{font-family:Verdana,Arial; font-size:14px; color:#090; padding:3px; margin:0; border:1px solid #090; width:250px;}
.frmselext2 {font-family:Verdana,Arial; font-size:14px; color:#009; padding:3px; margin:0; border:1px solid #999; width:300px;}
.frmselext2b{font-family:Verdana,Arial; font-size:14px; color:#090; padding:3px; margin:0; border:1px solid #090; width:300px;}
.frmchk {font-family:Verdana,Arial; font-size:14px; color:#009; margin:5px 0 4px 0;
 -ms-transform: scale(1.3); /* IE */
 -moz-transform: scale(1.3); /* FF */
 -webkit-transform: scale(1.3); /* Safari and Chrome */
 -o-transform: scale(1.3); /* Opera */
 }
.remove {margin:4px 0 0 0;}
.previewsong {display:none;}

.frmtxt2 {
	font-family:Verdana,Arial;
	font-size:14px;
	color: #333;
	padding: 0px 8px;
	margin-top:0.5em;
	border:none!important;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	background:#eee;
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
	-webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease;
	}

.frmmem {
	width: 230px; height: 100px;
	max-width:500px; max-height:300px;
	padding: 5px 8px;
	font-size: 14px;
	line-height: 1.4;
	color: #333;
	border:none!important;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	background: rgba(0, 0, 0, 0.07);
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
	-webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease;
	}
.frmmem:focus {
	background: white;
	outline-width:0;
}

.indent {margin-left:2em; padding-top:1em; padding-bottom:2em; text-align:justify;}
.trBot {border-bottom:1px #CCC solid; padding-top:0.5em; padding-bottom:0.5em;}
.rem {color:#aaa; font-size:12px;}
.msg {color:#a00; font-size:12px;}
.msg0 {color:#666; font-size:12px;}
.wrn {color:white; background:red; padding:0 1em;}
.wrn b {font-size:14px;}

.hdg2t {
	border-top: 1px #CCC solid;
	padding: 0px 0px 5px 0px;
	font-size: 16px;
	font-weight: bold;
}
.hdg2b {
	border-bottom: 1px #CCC solid;
	font-size: 16px;
	font-weight: bold;
}
.spc {margin-top:0.5em; margin-bottom:0.5em;}
.hlp,.hlp td {font-size:10px; color:#666;}
.hlp th {font-size:12px; color:#fff; background:#000; border:0;}
.hlp td {padding:0; margin:0; vertical-align:middle; height:auto;}

.a2:link,.a2:visited,.a2:hover {text-decoration:none; color:#4383C0;}
.a2:hover {text-decoration:underline;}

.bttb {font-family:arial; font-size:12px; font-weight:bold; text-decoration:none; padding:0.1em 1em;}
.btt2,.btt2:link,.btt2:visited {
 display:inline-block;
 background:#7fb133;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 -moz-background-clip:padding;
 -webkit-background-clip:padding-box;
 -moz-background-clip:padding;
 -webkit-background-clip:padding-box;
 border:1px solid #668f28;
 -webkit-box-shadow:inset 0 1px 1px #cde7a4;
 text-shadow:0 -1px 1px #5a8a11;
 line-height:1;
 text-align:center;
 font-family:arial; font-size:14px; font-weight:normal; text-decoration:none; color:white;
 padding:3px 5px;
 }
.btt2:hover {
 background:#a3d061;
 _background:#7fb133;
 border:1px solid #9abf64;
 _border:1px solid #668f28;
 -webkit-box-shadow:inset 0 1px 1px #d5ebb1;
 text-shadow:0 -1px 1px #7fb134;
 text-decoration:none
 }

.ol {padding-left:1em; font-size:14pt;}
.ol li {padding-left:1em; text-align:justify; padding-bottom:1em;}
.box {
	background:white;
	vertical-align:top;
	padding:6px;
	border:1px solid #ccc;
	border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;
	/*box-shadow:inset 0px 1px 0px 0px #ccc;*/
	}
.boxcmd {display:inline-block; padding:3px 6px; max-width:220px;}
.boxcmd:hover {cursor:pointer; color:#fff; background:#060;}

.preview {border:1px dashed #ccc;}
.previewicon {border:1px dashed #ccc; background:#999; display:inline-block;}

.linetop {border-top:1px #ccc solid;}
.linebot {border-bottom:1px #ccc solid;}

.shwpgs {width:100%; border-spacing:1px; border-collapse:separate; background:#eee;}
.shwpgs td {font-family:Arial; font-size:9px; color:black; background:#eee; padding:0; margin:0;}
.shwpgs td table {width:auto; border-spacing:1px; border-collapse:separate;}
.shwpgs td table td {}

.shwpgs a:link, .shwpgs a:visited, .shwpgs a:hover {font-family:arial; font-size:13px; color:black; background:#cff; display:inline-block; width:16px; text-align:center; text-decoration:none; border:#999 1px solid;}
.shwpgs a.pgSel:link, .shwpgs a.pgSel:visited, .shwpgs a.pgSel:hover {color:white; background:#f00;}
.shwpgs a:hover, .shwpgs a.pgSel:hover {color:black; background:#0f0;}

body, h1, h2, h3, h4, h5, h6, p, ul, li, ol, form, img {
	margin:0;
	padding:0;
	border:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	}
img	 {border:none;}

table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #595959;
}

th,.thc {font-family:arial,"times new roman"; font-size:14px; font-weight:bold; border-bottom:2px solid #aaa; text-align:left;}
.indenth1 {margin-left:2em; margin-top:1em;}
.thc {text-align:center;}

h1 {border:0; font-family:"Times New Roman",Arial, Helvetica, sans-serif; font-size:12pt;}
h2 {border:0; font-family:Arial, Helvetica, sans-serif; font-size:12pt; color:blue;}
.spcr1 {padding-right:1em}
.xartiste {color:red; font-weight:300; font-size:8px;}

@media print {
 BODY {background:white;}
 .np {display: none;}
}

.genre td {font-family:arial,verdana,"Times New Roman"; font-size:12px; padding:0;}
.history {max-width:700px; overflow:auto; border:1px solid #000;}

#popfr {
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    height: 100%;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 100px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 900;
}
#popfr div {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 9px 9px 9px 9px;
    color: #000000;
    height: 260px;
    margin: 0 auto;
    max-width: 400px;
    overflow: hidden;
    padding: 0;
    width: 90%;
}
#popfr div div {
    border: 0 none;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 6px;
    width: 100%;
}
#popedt {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    height: 250px;
    outline: medium none;
    overflow: hidden;
    width: 100%;
}

.songtimea {border-spacing:4px;}
#frqwk table td {padding:0 6px; text-align:center;}

.ieshw span {display:block; font-size:12px;}
.ieshwa:link,.ieshwa:visited,.ieshwa:active,.ieshwa:hover {font-family:Verdana,Arial,sans-serif; font-size:14px; text-decoration:none; margin-left:5px; padding:0 5px; border:1px dashed #999; display:inline-block; border-radius:5px;}
.ieshwa:hover {text-decoration:none; color:#000; background:#eee;}
.ieul {display:inline-block; margin:0; width:432px; white-space:normal}
.ieul li {display:inline-block; width:204px;; padding:5px; border:1px dashed #aaa; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.ieul li:hover {cursor:pointer;}
.iexn, .iexn:link, .iexn:hover, .iexn:visited {color:#999;}
.iexa, .iexa:link, .iexa:hover, .iexa:visited {color:green;}
.iexo, .iexo:link, .iexo:hover, .iexo:visited {color:#F7941D;}
.iexx, .iexx:link, .iexx:hover, .iexx:visited {color:red;}
.iean, .iean:link, .iean:hover, .iean:visited {color:#000; font-weight:bold;}
.ieaa, .ieaa:link, .ieaa:hover, .ieaa:visited {color:green; font-weight:bold;}
.ieao, .ieao:link, .ieao:hover, .ieao:visited {color:#F7941D; font-weight:bold;}
.ieax, .ieax:link, .ieax:hover, .ieax:visited {color:red; font-weight:bold;}

#boxcmd td {height:22px; vertical-align:middle;}
#boxcmd td:first-child {padding:2px 3px 0 0;}