/* ================================== */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.red{
	color:red !important;
}

.yellow{
	color:#C1433A !important;
}

.green{
	color:green !important;
}

.blue{
	color:blue !important;
}

.grey{
	color:grey !important;
}

.orange{
	color:orange !important;
}

div.mystar, div.mysett, div.bou{
	cursor:pointer;
	opacity:0.5;
}

div.mystar:hover, div.mysett:hover, div.bou:hover{
	opacity:1.0;
}


.ui-tooltip{
	color:#0297FF;
	font-size:10pt;
	border-radius:15px;
}

div#overlay{
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.7);
}

form.loginform{
	display:none;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	width:365px;
	height:230px;
	border:3px outset #ddd;
	border-radius:7px;
	background:#eee;
	float:left;
}

form.loginform label{
	display:block;
	text-align:center;
	padding:5px 0;
	margin:0 5px;
	font-size:18pt;
	font-weight:bold;
	color:#1184FF;
	border-bottom:2px solid #1184FF;
}

form.loginform .f_head{
	display:block;
	text-align:center;
	padding:5px 0;
	margin:0 5px;
	font-size:13pt;
	font-weight:bold;
	color:#000;
}

form#notify_options {
	height:150px;
	padding-bottom:10px;
}

form#notify_options select{
	font-size:12pt;
	font-weight:bold;
	color:#1184FF;
}

form#notify_options option:checked{
	display:none
}

form#notify_options input[type='submit']{
	margin:10px 0;
}

form#notify_options span{
	display:block;
	font-weight:bold;
	margin:5px 0;
}


div.inputs{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:center;
}

div.inputs input{
	font-size:16pt;
	color:#1184FF;
	outline:0;
	padding:2px 10px;
}

div.inputs input:focus{
	border-color:#1184FF;
}

div.inputs input:first-of-type{
	margin:30px 20px 5px 20px;
	width:300px;
}

div.inputs input:nth-of-type(2){
	margin:5px 20px 30px 20px;
	width:300px;
}

div.inputs input:nth-of-type(3){
	width:300px;
	color:#1184FF;
	font-size:16pt;
}

/* Q Colors*/

.vp {background:rgba(170, 170, 170, 0.6) !important}
.p {background:rgba(97, 97, 97, 0.6) !important}
.f {background:rgba(101, 155, 163, 0.6) !important}
.vf {background:rgba(52, 114, 154, 0.6) !important}
.ef {background:rgba(136, 78, 162, 0.6) !important}
.r {background:rgba(149, 72, 109, 0.6) !important}
.vr {background:rgba(181, 174, 11, 0.6) !important}
.er {background:rgba(224, 175, 41, 0.6) !important}
.u {background:rgba(210, 103, 32, 0.6) !important}
.l {background:rgba(194, 12, 12, 0.6) !important}

/* Q Colors2*/

._vp {color:rgba(170, 170, 170, 1) !important}
._p {color:rgba(97, 97, 97, 1) !important}
._f {color:rgba(101, 155, 163, 1) !important}
._vf {color:rgba(52, 114, 154, 1) !important}
._ef {color:rgba(136, 78, 162, 1) !important}
._r {color:rgba(149, 72, 109, 1) !important}
._vr {color:rgba(181, 174, 11, 1) !important}
._er {color:rgba(224, 175, 41, 1) !important}
._u {color:rgba(210, 103, 32, 1) !important}
._l {color:rgba(194, 12, 12, 1) !important}



/* ================================== */

.superform {
    display: none;
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 34px auto;
    width: 900px;
    min-height: 300px;
    /*max-height: 800px;*/
	overflow-y: scroll;
    border: 3px outset #ddd;
    border-radius: 7px;
    background: #eee;
}

.superform label{
	display:block;
	text-align:center;
	padding:5px 0;
	margin:0 5px;
	font-size:18pt;
	font-weight:bold;
	color:#1184FF;
	border-bottom:2px solid #1184FF;
}

.superform div{
	padding:0 5px;
}

.monhdr{
	color:#000;
	font-size:16pt;
	margin:5px 0;
	text-align:center;
}

.montitle{
	color:#000;
	font-weight:bold;
	font-size:13px;
	margin:10px 0;
	padding:10px 20px !important;
	text-align:center;
	border-bottom:1px solid #ccc;
}

#monlist{
	margin:0 5px;
	border-collapse: collapse;
	width: calc(100% - 10px);
}

#monlist td {
	padding:10px 20px 0 20px;
}

.monline{
}

td.mondesc{
	vertical-align:top;
}

td.mondesc div{
	font-size:14px;
}

td.mondesc .monbutton{
	display:block;
	width:150px;
	font-weight:bold;
	margin:6px 0;
}

#monexp{
	padding:0 5px !important;
	color:#eee;
	font-size:16pt;
	margin:5px 0;
	background: #1184FF;
}
.hr{
	padding:0 !important;
}


/* ================================== */