/* ----------------------------- default object properites ----------------------------- */

body{
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:9pt;
	margin:0;
	background-color:#fafafa}

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;}
/* ----------------------------- template properties ----------------------------- */

#page{
	position:absolute;
	width:100%;
	margin:0%;}

#content{
	background-color:#eee;
	position:absolute;
	top:5px;
	left: 210px;
	right:10px;
	border:solid;
	border-width:5px;
	border-color:#0076b1;
	padding-top:3px;
	text-align: center;}
	
#frameContent{
	width:100%;
	text-align: center;}

#frameBody{
	background-color:#eee;}
	
#logoImage{
	position:absolute;
	top:6px;
	left:10px;
	width: 130px;}

#mainmenu{
	position:absolute;
	top:105px;
	left:10px;
	width:190px;
	text-align: center;}

#banner{
	position:absolute;
	top:40px;
	left: 200px;
	right:0px;
	text-align:left;
	font-stretch:extra-expanded;
	font-size:18pt;
	font-weight:bold;}

#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");
}

/* ------------ menu ------------ */

.menuSection{
	padding-bottom:10px;}

.menuTitle{
	font-size:10pt;
	font-weight:bold;
	padding-bottom:2px;
	background-color:#0076b1;
	border-right:solid thin;
	border-width:5px;
	border-color:#0076b1;}

.menuContents{
	border:solid thin;
	border-width:5px;
	border-color:#0076b1;
	padding-bottom:2px;
	background-color:#cadceb;}

.pageLinksList{
	list-style: none;}

.linksList{
	list-style: none;}

.logolist{
	list-style: none;}

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

/* ------------ page ------------ */

.contentTitle{
	font-size:12pt;
	font-weight:bold;
	text-align:center;}

.pageTitle{
	padding:5px;}

.title{
	margin-top:5px;
	margin-left: 15%;
	width:70%;
	text-align: center;
	font-stretch:extra-expanded;
	font-size:18pt;
	font-weight:bold;}
	
span.threadTitle{
	font-size:12pt;
	font-weight:bold;
	text-align:center;
	color:#49c;}
		
font.small{
	font-size:8pt;}
	
.paragraph{
	margin-left:5%;
	margin-right:5%;
	width:90%;
	text-align: center;}

.tableHeader{
	font-size:10pt;
	font-weight:bold;
	text-align:center;}

.simpleBorder{
        border: 1px solid grey;}

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

/* ------------ form ------------ */

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

.formTable{
	width:100%;}

.rightTd{
	text-align:left;
	}

.leftTd{
	text-align:right;
	}

.td1{background-color:#cde2f4;
padding-left:3px;
padding-right:3px;
text-align:center;}
.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;}

.tdp1{background-color:#cde2f4;
text-align:left;
padding-left:3px;
padding-right:3px;
margin:0;}
.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;
text-align:left;
border:none;
padding-left:3px;
padding-right:3px;
margin:0;}
.tdp7{background-color:#ffa500;
text-align:left;
border:none;
padding-left:3px;
padding-right:3px;
margin:0;}
.tdp8{background-color:#83dd83;
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;}

.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;}

/* ------------ texts ------------ */

div.error{
	width:40%;
	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:40%;
	border:thin solid;
	border-width:1px;
	border-color:#33FF33;
	background-color:#1e7eae;
	margin-left:10%;
	padding:5px;}

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

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

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

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

.button{
	background-color:#1e7eae;
	padding: 4px;
	margin-left:0px;
	margin-right:4px;
	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%;}

.postTitle{
	position:relative;
	width:100%;
	font-size:10pt;
	font-weight:bold;
	background-color:#49c;}
	
.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;}
	
.postDetails{
	position:relative;
	margin-left:60%;
	margin-right:5%;
	text-align:right;
	font-size:6pt;
	color:#888888;}

/* ------------ 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%;
}

/* ----------------------------- link properties ----------------------------- */

a.heavy:link{
	text-decoration: none;
	color:#000000;
	font-size:11pt;
	font-style:normal;
	font-weight:bold;}
a.heavy:visited{
	text-decoration: none;
	color: #000000;
	font-size:11pt;
	font-style:normal;
	font-weight:bold;}
a.heavy:hover{
	text-decoration: none;
	color:#000099;
	font-size:11pt;
	font-style:normal;
	font-weight:bold;}
	
a.activate:link{
	text-decoration: none;
	color: #000000;
	font-size:8pt;}
a.activate:hover{
	text-decoration: none;
	color: #000099;
	font-size:8pt;}
a.activate:visited{
	text-decoration: none;
	color: #000000;
	font-size:8pt;}

a:link{
	text-decoration: none;
	color: #000000;
	font-size:9pt;
	font-style:italic;}
a:hover{
	text-decoration: none;
	color: #000099;
	font-size:9pt;
	font-style:italic;}
a:visited{
	text-decoration: none;
	color: #000099;
	font-size:9pt;
	font-style:italic;}

.menuLink:link{
	color: #000000;
	font-size:10pt;
	font-style:normal;}
.menuLink:hover{
	color: #000000;
	font-size:10pt;
	font-style:normal;}
.menuLink:visited{
	color: #000000;
	font-size:10pt;
	font-style:normal;}

/* 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}
}