ul{
	margin:0px;
	padding:0px;}

li{
	display:block;
	margin:0px;
	padding:0px 0px 0px 3px;
	list-style-type:none;}

table{
	border-spacing:0;}
th{
	padding:5px 3px 5px 3px;}
td{
	padding:3px;}

#frameContent{
	width:100%;
	text-align: center;}

#frameBody{
	background-color:#eee;}
	
#loginControl{
	text-align:left;}

.cornerTL{
	float:left;
	top:0px;
	left:0px;}
	
.cornerTLA{
	position:absolute;
	z-index:2;
	top:0px;
	left:0px;}
	
.noprint{
	float:left;
	width:100%;}

.forabg {
	background: #b1b1b1 none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
}

span.corners-top {
	background-image: url("images/corners_left.png");
}

span.corners-top span {
	background-image: url("images/corners_right.png");
}

.pageLinksList{
	list-style: none;}

.linksList{
	list-style: none;}

.logolist{
	list-style: none;}

.version{text-align:left;float:left;}
.copyright{text-align:right;float:right;}

.pageTitle{
	padding:5px;}

.paragraph{
	margin-left:5%;
	margin-right:5%;
	width:90%;
	text-align: center;}

.simpleBorder{
	border: 1px solid grey;}

.topBorder{
	border-top: 1px solid grey;}
.bottomBorder{
	border-bottom: 1px solid grey;}

.formRow{
	position:relative;
	padding:2px;}

.formTable{
	width:100%;}

.dropdown{
	position: relative;
	margin-left:10px;
	margin-right:0px;
	margin-top:10px;
	margin-bottom:8px;
	float: left;
	display: inline-block;}

.dropdownRight{
	position: relative;
	margin-left:10px;
	margin-right:0px;
	margin-top:10px;
	margin-bottom:10px;
	float: right;
	display: inline-block;}

.dropdownContent {
	display: none;
	position: absolute;
	margin-left:-45px;
	background-color: #f1f1f1;
	min-width: 130px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 5px;
	z-index: 1;}

.show {display:block;}

.rightTd{
	text-align:left;
}

.leftTd{
	text-align:right;
}
.rightTd1{background-color:#D5E1F5;
	text-align:left;
	}

.leftTd1{background-color:#D5E1F5;
	text-align:right;
	}

.td1{background-color:#cde2f4;
padding-left:3px;
padding-right:3px;
text-align:center;
margin:1px;}
.td2{background-color:inherit;
padding-left:3px;
padding-right:3px;
text-align:center;}
.td3{background-color:#ff0000;
padding-left:3px;
padding-right:3px;
text-align:center;}
.td4{background-color:#787c7c;
padding-left:3px;
padding-right:3px;
text-align:center;}
.td5{background-color:#57a455;
padding-left:3px;
padding-right:3px;
text-align:center;}
.td6{background-color:#fc03c6;
padding-left:3px;
padding-right:3px;
text-align:center;}
.td7{background-color:#ffa500;
padding-left:3px;
padding-right:3px;
text-align:center;}
.td8{background-color:#83dd83;
padding-left:3px;
padding-right:3px;
text-align:center;}
.td9{background-color:#f7f79e;
padding-left:3px;
padding-right:3px;
text-align:center;}
.td10{background-color:#A52A2A;
padding-left:3px;
padding-right:3px;
text-align:center;}
.td11{background-color:#CA8C8C;
padding-left:3px;
padding-right:3px;
text-align:center;}
.td12{background-color:#A3C9A2;
padding-left:3px;
padding-right:3px;
text-align:center;}
.td13{background-color:#F490DE;
padding-left:3px;
padding-right:3px;
text-align:center;}
.td14{background-color:#B45151;
padding-left:3px;
padding-right:3px;
text-align:center;}


.tdp1{background-color:#cde2f4;
text-align:left;
padding-left:3px;
padding-right:3px;
margin:1px 1px 1px 1px;}
.tdp2{background-color:inherit;
text-align:left;
padding-left:3px;
padding-right:3px;
margin:0;}
.tdp3{background-color:#ff0000;
text-align:left;
padding-left:3px;
padding-right:3px;
margin:0;}
.tdp4{background-color:#787c7c;
text-align:left;
padding-left:3px;
padding-right:3px;
margin:0;}
.tdp5{background-color:#57a455;
text-align:left;
border:none;
padding-left:3px;
padding-right:3px;
margin:0;}
.tdp6{background-color:#fc03c6;
padding-left:3px;
padding-right:3px;
text-align:left;}
.tdp7{background-color:#ffa500;
padding-left:3px;
padding-right:3px;
text-align:left;}
.tdp8{background-color:#83dd83;
text-align:left;
border:none;
padding-left:3px;
padding-right:3px;
margin:0;}
.tdp9{background-color:#f7f79e;
text-align:left;
border:none;
padding-left:3px;
padding-right:3px;
margin:0;}
.tdp10{background-color:#A52A2A;
text-align:left;
border:none;
padding-left:3px;
padding-right:3px;
margin:0;}
.tdp11{background-color:#CA8C8C;
text-align:left;
border:none;
padding-left:3px;
padding-right:3px;
margin:0;}
.tdp12{background-color:#A3C9A2;
text-align:left;
border:none;
padding-left:3px;
padding-right:3px;
margin:0;}
.tdp13{background-color:#F490DE;
text-align:left;
border:none;
padding-left:3px;
padding-right:3px;
margin:0;}
.tdp14{background-color:#B45151;
text-align:left;
border:none;
padding-left:3px;
padding-right:3px;
margin:0;}


.tdr1{background-color:#cde2f4;
padding-left:3px;
padding-right:3px;
text-align:right;}
.tdr2{background-color:inherit;
padding-left:3px;
padding-right:3px;
text-align:right;}
.tdr3{background-color:#ff0000;
padding-left:3px;
padding-right:3px;
text-align:right;}
.tdr4{background-color:#787c7c;
padding-left:3px;
padding-right:3px;
text-align:right;}
.tdr5{background-color:#57a455;
padding-left:3px;
padding-right:3px;
text-align:right;}
.tdr6{background-color:#fc03c6;
padding-left:3px;
padding-right:3px;
text-align:right;}
.tdr7{background-color:#ffa500;
padding-left:3px;
padding-right:3px;
text-align:right;}
.tdr8{background-color:#83dd83;
padding-left:3px;
padding-right:3px;
text-align:right;}
.tdr9{background-color:#f7f79e;
padding-left:3px;
padding-right:3px;
text-align:right;}
.tdr10{background-color:#A52A2A;
padding-left:3px;
padding-right:3px;
text-align:right;}
.tdr11{background-color:#CA8C8C;
padding-left:3px;
padding-right:3px;
text-align:right;}
.tdr12{background-color:#A3C9A2;
padding-left:3px;
padding-right:3px;
text-align:right;}
.tdr13{background-color:#F490DE;
padding-left:3px;
padding-right:3px;
text-align:right;}
.tdr14{background-color:#B45151;
padding-left:3px;
padding-right:3px;
text-align:right;}


.rowOdd{background-color:#cde2f4;
	padding:4px 8px 4px 8px;}
.rowEven{background-color:inherit;
	padding:4px 8px 4px 8px;}
.rowError{background-color:#ff1010;
	padding:4px 8px 4px 8px;}
.noprintrowOdd{background-color:#cde2f4;
	padding:4px 8px 4px 8px;}
.nopringrowEven{background-color:inherit;
	padding:4px 8px 4px 8px;}
.noprintrowError{background-color:#ff1010;
	padding:4px 8px 4px 8px;}

div.error{
	width:75%;
	border:thin solid;
	border-width:1px;
	border-color:#FF3333;
	background-color:#1e7eae;
	margin-left:10%;
	padding:5px;
	text-align:center;
	color:#FF3333;}

div.info{
	width:80%;
	border:thin solid;
	border-width:1px;
	border-color:#33FF33;
	background-color:#1e7eae;
	margin-left:10%;
	padding:5px;}

.cancel{
	background-color:#1e7eae;
	float: right;
	padding: 4px;
	margin-left:10px;
	margin-right:0px;
	margin-top:10px;
	margin-bottom:10px;
	border:thin solid;
	border-width:1px;}

.cancelButton{
	background-color:#1e7eae;
	float: right;
	padding: 4px;
	margin-left:10px;
	margin-right:0px;
	margin-top:10px;
	margin-bottom:10px;
	border:thin solid;
	border-width:1px;}

.option{
	background-color:#1e7eae;
	float: left;
	padding: 4px;
	margin-left:10px;
	margin-right:0px;
	margin-top:10px;
	margin-bottom:10px;
	border:thin solid;
	border-width:1px;}

.optionButton{
	background-color:#1e7eae;
	float: left;
	padding: 4px;
	margin-left:10px;
	margin-right:0px;
	margin-top:10px;
	margin-bottom:10px;
	border:thin solid;
	border-width:1px;}

.optionButtonDropdown{
	background-color:#1e7eae;
	padding: 4px;
	margin-bottom:2px;
	border:thin solid;
	border-width:1px;}

.button{
	background-color:#1e7eae;
	float: left;
	padding: 4px;
	margin-left:0px;
	margin-right:4px;
	border:thin solid;
	border-width:1px;}

.navigateButton{
	background-color:#41CC56;
	padding: 4px;
	float: left;
	font-weight:bold;
	border:thin solid;
	border-width:1px;}

div.divOdd{
	width:100%;
	border:none;
	background-color:#cadceb;
	padding-top:10px;
	padding-bottom:10px;}

div.divEven{
	width:100%;
	border:none;
	padding-top:10px;
	padding-bottom:10px;}

/* ------------ tables ------------ */

div.db{
	width:90%;
	border:thin solid;
	border-width:1px;
	border-color:#bbbbbb;
	margin-left:5%;}

div.d90{
	margin-left:30px;
	margin-right:30px;}

div.d10{
	float: left;
}

div.d60b{
	width:60%;
	border:thin solid;
	border-width:1px;
	border-color:#bbbbbb;
	margin-left:20%;}

div.d60{
	width:60%;
	margin-left:20%;}

div.d50{
	width:50%;
	margin:0;}

.col2ThLeft{
	text-align:center;
	width:50%;}
	
.col2ThRight{
	text-align:center;
	width:50%;}

.col2TdLeft{
	text-align:right;
	width:50%;}
	
.col2TdRight{
	text-align:left;
	width:50%;}

.col2TdCenter{
	text-align:center;
	width:100%;}

/*  ----------------------------- class properties ----------------------------- */

/* ------------ posts ------------ */

.post{
	width:100%;}

.postBody{
	border:solid thin;
	border-color:#49c;
	border-width:1px;}
	
.postBody1{
	text-align:left;
	padding-left:5px;
	padding-right:5px;}
	
.postBody2{
	text-align:left;
	padding:2px;
	border-left:solid thin;
	border-right:solid thin;
	border-bottom:solid thin;
	border-color:#49c;
	border-width:1px;}
	
/* ------------ forum ------------ */

.forumListHead{
	float:left;
	width:100%;
	border-right:thin solid;
	border-color:#1e7eae;
	border-width:2px;
	background-color:#49c;}
	
.forumListBody{
	float:left;
	width:100%;
	border:thin solid;
	border-color:#49c;
	border-width:1px;}

.forumListRow{
	float:left;
	width:100%;
	padding:2px;}
	
.forumListRowP1{
	float:left;
	left:0;
	width:49%;
	top:0;
	text-align:center;}

.forumListRowP2{
	float:left;
	left:50%;
	width:24%;
	top:0;
	text-align:center;}

.forumListRowP3{
	float:left;
	left:75%;
	width:24%;
	top:0;
	text-align:center;}

/*table - one wide 2 thin cols*/

.tbl1
{
	border:thin solid;
	border-width:1px;
	padding:0px;
}
.tblRowHead1
{
	text-align:center;
	border:thin solid;
	border-width:1px;
	width:56%;
	background-color:#1e7eae;
}
.tblRowHead2
{
	text-align:center;
	border-top:thin solid;
	border-bottom:thin solid;
	border-right:thin solid;
	border-width:1px;
	width:22%;
	background-color:#1e7eae;
}
.tblRow1
{
	text-align:center;
	border:thin solid;
	border-width:1px;
	width:56%;
}
.tblRow2
{
	text-align:center;
	border-top:thin solid;
	border-bottom:thin solid;
	border-right:thin solid;
	border-width:1px;
	width:22%;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fafafa;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}/* Modal Header */
.modal-header {
    padding: 2px 16px;
    background-color: #cadceb;
    color: white;
}

/* Modal Body */
.modal-body {padding: 2px 16px;}

/* Modal Footer */
.modal-footer {
    padding: 2px 16px;
    background-color: #cadceb;
    color: white;
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fafafa;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}