html,body { height:100%; }
body.login { background:#78b8e8 url(../SJC-DPS.jpg) no-repeat; background-size: cover; /*background-color:#555555; background:#18181A url(../event/christmas.jpg) no-repeat; background-size: 100%;*/ }
body.index { /*background-color:#555555; background:#18181A url(../event/christmas.jpg) no-repeat; background-size: 100%;*/ }
fieldset { border:1px solid #ccc !important; padding:10px !important; margin-bottom:20px !important; font:11px verdana !important; }
fieldset legend { padding:0 10px !important; color:#0000ff !important; font-weight:bold !important; }
.cool-fs, .cool-fs.expanded{}
.cool-fs.collapsed{ border:0; border-top:1px solid #ccc; padding-top:0 !important; padding-bottom:0 !important; }
.cool-fs legend{ cursor:pointer; }
.cool-fsc, .cool-fsc.expanded{}
.cool-fsc.collapsed{ border:0; border-top:1px solid #ccc; padding-top:0 !important; padding-bottom:0 !important; }
.cool-fsc legend{ cursor:pointer; }


.table-print { width:100%; border-spacing: 0; border-collapse:separate !important; }
.table-print tr th { background:#fff; color:#000; padding:2px 2px; font:bold 10px Verdana,Arial; border:1px solid #000; vertical-align:middle !important; text-align:center; }
.table-print tr td { color:#000; font:10px Verdana, Arial; padding:2px 2px; border:1px solid #000; }

#header { padding:2px 15px; border-left:3px solid #ff6600; border-top:5px solid #f3f3f3; border-bottom:1px solid #f3f3f3; position:relative; }

.entry p { font-size:13px; line-height:20px; font-family:Verdana,Arial; margin:10px 0 15px; }

h1 { font-size:24px; font-family:Helvetica,Arial; color:#ff6600; margin:6px 0 15px; }

.form-table td { padding:4px; }
.pure-table th { padding: 0.2em 1em; font-size:14px; font-family:Verdana,Arial; }
.pure-table td { padding: 0.2em 1em; font-size:14px; font-family:Verdana,Arial; }
.pure-table tr:hover td { background-color:#fff999; }

.pure-menu-selected a { color:#ff6600; font-weight:bold; }
.pure-menu-children { border-top:1px solid #f2f2f2; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; border-bottom:3px solid #ff6600; }
.pure-menu-children li { border-bottom:1px solid #f2f2f2; }
.pure-menu-children li a { color:#000000; font-weight:normal; }
.pure-button { font-family:Arial; }

.datagrid-header-row td { font-family:Verdana,Arial; font-size:12px; }
.datagrid-row { font-family:Verdana,Arial; font-size:12px; }
.textbox-text { font-family:Verdana,Arial; font-size:12px; }

.inp-table-line td { padding:5px 13px; font-size:12px; font-family:Verdana; border:1px solid #f2f2f2; }
.inp-table td { padding:4px 12px; font-size:12px; font-family:Verdana; border:1px solid #f2f2f2; }
.inp-table td.la { text-align:right; background:#f9f9f9; }
.inp-table td.va { padding:4px 12px; /*background:#FFFccc;*/ }
.inp-table td.fc { background:#FFFccc; }
.inp-table input { width:100%; border:0; background:none; outline:0; }
.error, .error p { color:#ff0000; font-family:Verdana; font-size:13px; margin-bottom:10px; }
.success, .success p { color:#0000ff; font-family:Verdana; font-size:13px; margin-bottom:10px; }
.notes, .notes p { color:#aaaaaa; }

.src-table { width:100%; }
.src-table td { padding:5px 10px; }

.flag-black { width:100%; height:100%; background-color:#000000; display:block; }
.flag-green { width:100%; height:100%; background-color:#00ff00; display:block; }
.flag-red { width:100%; height:100%; background-color:#e5222c; display:block; }
.flag-yellow { width:100%; height:100%; background-color:#ffbe0c; display:block; } /*fff000*/
.flag-blue { width:100%; height:100%; background-color:#0000ff; display:block; }
.flag-grey { width:100%; height:100%; background-color:#cccccc; display:block; }
.flag-purple { width:100%; height:100%; background-color:#ddaaff; display:block; }

ul.note li { font-size:12px; font-family:Verdana; line-height:18px; }
ul.note li.done { color:#00aa00; }
ul.note li.pending { color:#cc0000; }

.info, .success, .warning, .error, .msg {
	font-family:Verdana,Arial;
	font-size:12px;
    border: 1px solid;
    margin: 10px 0px;
    padding:2px 10px 2px 60px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../icon/info.png');
}
.success {
    color: #8ee000;
    background-color: #DFF2BF;
    background-image:url('../icon/success.png');
}
.success  p {
	color: #009900;
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../icon/warning.png');
}
.error {
    color: #FF0000;
    background-color: #ffe5e5;
    background-image: url('../icon/error.png');
}