﻿body{
	font-size: 16px;
	background-color: #FAFAFA;
	color: #000000;
	font: 100% sans-serif;
}

h2{
	font-size: 20px;
	color: #2F2F2F;
	font-weight: bold;
	text-shadow: 3px 1px 3px #CDCDCD;
}

h3{
	font-size: 16px;
	color: #2F2F2F;
	font-weight: bold;
	text-shadow: 3px 1px 3px #CDCDCD;
}

.trtable:hover{
	background: linear-gradient(#FFF380, #FFF3AA);
}

#maintable{
	width: 1200px;
	background-color: #FDFDFD;
	border: 1px solid #2F2F2F;
}

#mainheader{
	font-size: 26px;
	color: #ffffff;
}

#navmenu{
	background: white;
}

.verticaltext{
	transform: rotate(270deg);
	width: 30px;
}

.headeritems{
	background: linear-gradient(#F2F2F2, #F4F4F4);
	text-align: left;
	color: #2f2f2f;
	font-variant: small-caps;
	padding: 3px;
	vertical-align: bottom;
}

.headeritemsright{
	background: linear-gradient(#F2F2F2, #F4F4F4);
	text-align: right;
	font-variant: small-caps;
	padding: 3px;
	vertical-align: bottom;
}

#headerlogin{
	background: #2F2F2F;
	text-align: right;
	font-size: 12px;
	padding: 3px;
	vertical-align: center;
}

#headerloginleft{
	background: #2F2F2F;
	text-align: left;
	font-size: 12px;
	padding: 3px;
	vertical-align: center;
}

a, a:link, a:visited, a:active{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

#maincontent a, #maincontent a:link, #maincontent a:visited, #maincontent a:active{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

#maincontent a:hover{
	text-decoration: underline;
}

#maincontent{
	background: linear-gradient(#FFFFFF, #FDFDFD);
}

table.bigtable a, table.bigtable a:link, table.bigtable a:visited, table.bigtable a:active, table.bigtable2 a, table.bigtable2 a:link, table.bigtable2 a:visited, table.bigtable2 a:active, table.bigtable3 a, table.bigtable3 a:link, table.bigtable3 a:visited, table.bigtable3 a:active{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

table.bigtable a:hover, table.bigtable2 a:hover, table.bigtable3 a:hover{
	color: #000000;
	text-decoration: underline;
}

#footer{
	color: white;
	font-size: 10px;
	background: linear-gradient(#3F3F3F, #2F2F2F);
	width: 1200px;
	text-align: center;
	border-top: 1px solid #2F2F2F;
}

.tdheader2{
	color: #000000;
	text-align: center;
	height: 100px;
	padding: 10px;
	vertical-align: bottom;
	font-weight: bold;
	background: linear-gradient(75deg, #AFAFAF, #CFCFCF);
	color: #000000;
	border-top: 1px solid #8F8F8F;
}

.tdheader{
	color: #000000;
	text-align: center;
	padding: 3px;
	vertical-align: top;
	font-weight: bold;
	background: linear-gradient(75deg, #AFAFAF, #CFCFCF);
	color: #000000;
	border-left: 1px solid #8F8F8F;
}

.tdheader3{
	color: #000000;
	text-align: center;
	padding: 3px;
	vertical-align: top;
	font-weight: bold;
	background: linear-gradient(75deg, #FEFEFE, #EFEFEF);
	color: #000000;
	border-left: 1px solid #8F8F8F;
	border-top: 1px solid #8F8F8F;
	
}

.tdleft{
	color: #000000;
	text-align: right;
	padding: 3px;
	vertical-align: top;
	border-top: 1px solid #8F8F8F;
}

.tdright{
	color: #000000;
	text-align: left;
	padding: 3px;
	vertical-align: top;
	border-top: 1px solid #8F8F8F;
}

.tdcenter{
	color: #000000;
	text-align: center;
	padding: 3px;
	vertical-align: top;
	border-top: 1px solid #8F8F8F;
}

.tdcenterb{
	color: #000000;
	text-align: center;
	padding: 3px;
	vertical-align: top;
	border-top: 1px solid #8F8F8F;
	border-left: 1px solid #8F8F8F;
}

.logintable{
	border: 1px solid #f8b500;
	font-size: 12px;
}

.loginleft{
	color: #ffffff;
	text-align: right;
	padding: 3px;
	width: 30%;
}

.loginright{
	color: #ffffff;
	text-align: left;
	padding: 3px;
	width: 70%;
	
}

.logincenter{
	color: #ffffff;
	text-align: center;
	padding: 3px;
	width: 100%;
	font-variant: small-caps;
}

.inputlogin{
	padding-right: 1px;
	padding-left: 1px;
	border: 1px solid #2F2F2F;
	color: #000000;
	width: 160px;
	background: #F3F3F3;
	font-size: 12px;
}

.inputtext{
	padding-right: 1px;
	padding-left: 1px;
	border: 1px solid #2F2F2F;
	color: #000000;
	width: 200px;
	background: #F3F3F3;
}

.inputtextorange{
	padding-right: 1px;
	padding-left: 1px;
	border: 1px solid #2F2F2F;
	color: #000000;
	width: 200px;
	background: orange;
}

.inputtextbig{
	padding-right: 1px;
	padding-left: 1px;
	border: 1px solid #2F2F2F;
	color: #000000;
	width: 300px;
	background: #F3F3F3;
}

.inputtextmini{
	padding-right: 1px;
	padding-left: 1px;
	border: 1px solid #2F2F2F;
	color: #000000;
	width: 80px;
	background: #F3F3F3;
}

.inputtextmicro{
	padding-right: 1px;
	padding-left: 1px;
	border: 1px solid #2F2F2F;
	color: #000000;
	width: 60px;
	background: #F3F3F3;
	text-align: center;
}

.inputtextmicro2{
	padding-right: 1px;
	padding-left: 1px;
	border: 1px solid #2F2F2F;
	color: #000000;
	width: 60px;
	background: orange;
	text-align: center;
}

.inputtextmicro2{
	padding-right: 1px;
	padding-left: 1px;
	border: 1px solid #2F2F2F;
	color: #000000;
	width: 60px;
	background: orange;
	text-align: center;
}

.importdata{
	border: 1px solid #2F2F2F;
	color: #000000;
	width: 1100px;
	height: 350px;
	background: #F3F3F3;
}

.combobox{
	border: 1px solid #2F2F2F;
	color: #000000;
	width: 200px;
	background: #F3F3F3;
}

.comboboxbig{
	border: 1px solid #2F2F2F;
	color: #000000;
	width: 300px;
	background: #F3F3F3;
}

.comboboxmini{
	border: 1px solid #2F2F2F;
	color: #000000;
	width: 80px;
	background: #F3F3F3;
}

.gombmini:hover, .gombmini2:hover, .gomb:hover, .gomb2:hover, .biggomb:hover, .biggomb2:hover{
	background: orange;
}

.gombmini{
	border: 1px solid #f8b500;
    background: #fccd4d;
	color:#01395A;
    text-align: center;
	font-size: 12px;
}

.gombmini2{
	border: 1px solid #f8b500;
    background: orange;
	color:#01395A;
    text-align: center;
	font-size: 12px;
	font-weight: bold;
}

.gomb{
	border: 1px solid #f8b500;
    background: #fccd4d;
	color:#01395A;
    text-align: center;
	font-size: 16px;
	font-weight: normal;
}

.gomb2{
	border: 1px solid #f8b500;
    background: orange;
	color:#01395A;
    text-align: center;
	font-size: 16px;
	font-weight: bold;
}

#compmenubuttons{
	text-align: center;
}

.biggomb{
	border: 1px solid #f8b500;
    background: #fccd4d;
	color:#01395A;
    text-align: center;
	font-size: 20px;
	font-weight: normal;
}

.biggomb2{
	border: 1px solid #f8b500;
    background: orange;
	color: #01395A;
    text-align: center;
	font-size: 20px;
	font-weight: bold;
}

.pright{
	background: #2F2F2F;
	text-align: right;
	padding: 3;
}

.pok{
	color:#ffffff;
	font-weight: bold;
	background: darkgreen;
}

.pnote{
	color:#ffffff;
	font-weight: bold;
	background: #2F2F2F;
}

.pnoteright{
	color: #ffffff;
	font-size: 12px;
	background: linear-gradient(45deg, white, #2F2F2F);
	text-align: right;
	padding: 3px;
	width: 1176px;
}

.perror{
	color:#ffffff;
	font-weight: bold;
	background: rgb(248,80,50);
}

.perrorbig{
	color:#ffffff;
	font-weight: bold;
	font-size: 20px;
	background: rgb(248,80,50);
	text-align: center;
	padding: 3;
}

.menu1a{
	font-size: 20px;
	text-align: center;
	background: linear-gradient(#2F2F2F, #1F1F1F);
	padding: 3px;
	color: white;
	font-weight: bold;
	border-top: 1px solid #DF6C00;
	font-variant: small-caps;
}

.menu1a:hover{
	background: #6F6F6F;
}

.menu1b{
	font-size: 20px;
	text-align: center;
	background: linear-gradient(#DF6C00, #FF8C00);
	padding: 3px;
	color: black;
	font-weight: bold;
	border-top: 1px solid #DF6C00;
	font-variant: small-caps;
}

.menu1b:hover, .menu2a:hover, .menu2b:hover{
	background: #FF8C00;
}

.menu1b a, .menu2b a{
	color: #2F2F2F;
	text-decoration: none;
}

.menu1a a, .menu2a a{
	color: #FEFEFE;
	text-decoration: none;
}

.menu2a{
	font-size: 14px;
	text-align: center;
	background: linear-gradient(#2F2F2F, #1F1F1F);
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
	font-weight: bold;
	border-top: 1px solid #DF6C00;
	font-variant: small-caps;
}

.menu2b{
	font-size: 14px;
	text-align: center;
	background: linear-gradient(#DF6C00, #FF8C00);
	padding-top: 10px;
	padding-bottom: 10px;
	color: black;
	font-weight: bold;
	border-top: 1px solid #DF6C00;
	font-variant: small-caps;
}

.normaltable{
	width: 600px;
	border: 1px solid #8F8F8F;
	text-align: center;
}

.bigtable{
	width: 1180px;
	border: 1px solid #8F8F8F;
	text-align: center;
}

.bigtable2{
	width: 1050px;
	border: 1px solid #8F8F8F;
	text-align: center;
}

.bigtable3{
	border: 1px solid #8F8F8F;
	text-align: center;
}

#smalldiv{
	font-size: 12px;
}

#compdetails{
	margin: 0px 0;
	background-color: #FDFDFD;
	overflow-y: scroll;
	font-size: 14px;
}

#compdetails table{
	margin: 1em 0;
	border-collapse: collapse;
	width: 100%;
}

#athdetails{
	margin: 0px 0;
	background-color: #FDFDFD;
	overflow-y: scroll;
	font-size: 14px;
}

#athdetails table{
	margin: 1em 0;
	border-collapse: collapse;
	width: 100%;
}
