.t11
{
margin: 20px;
border: 1px solid #B5B5B5;
border-radius: 0px;
width: 100%;
height: 100%;
background-color: #ECECEC
}

table.p10
{
padding: 10px;
}

td.s100
{
min-width: 100px;
}
td.p2
{
padding: 2px;
}
td.p10
{
padding: 7px;
}
td.bt
{
border-top: thin solid #660066;
}
td.bb
{
border-bottom: thin solid #660066;
}
td.btl
{
border-top: thin solid #660066;
border-left: thin solid #660066;
}
td.btr
{
border-top: thin solid #660066;
border-right: thin solid #660066;
}
td.bl
{
border-left: thin solid #660066;
}
td.bnl
{
padding: 3px;
border-bottom: 2px solid #660066;
border-top: 2px solid #660066;
border-right: 2px solid #660066;
}

td.br
{
border-left: 3px solid #7A7A7A;
}

td.ba
{
border: thin solid #660066;
}
table.ba
{
border: thin solid #660066;
}

.tf1
{
font: 18px "Century Gothic";
padding: 10px 10px;
line-height: 16px;
border: 1px solid #B5B5B5;
border-radius: 3px;
background-color: #F5F5F5
}

.tf2
{
font: 14px "Century Gothic";
line-height: 24px;
width: 150px;
border: 1px solid #B5B5B5;
border-radius: 3px;
background-color: #F5F5F5;
}

.tf22
{
font: 14px "Century Gothic";
line-height: 24px;
border: 1px solid #B5B5B5;
border-radius: 3px;
background-color: #F5F5F5;
}

.tf222
{
font: 14px "Century Gothic";
line-height: 24px;
border: 0px;
border-radius: 3px;
background-color: #F5F5F5;
}

.b1 {
	background-color: #db6600;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:1px;	
	color: #ffffff;
	border: 1px solid #777;
	border-radius: 5px;
	font: 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.b1:hover {
	background-color: #000000;	
	border:1px solid #000000;
}

@font-face {
   font-family: Consolas;
   src: url(res/Consolas.ttf);
}

.ta1 {
	width: 100%;
	height: 100%;
	color: #FFFFFF;
	background-color: #000000;
	border: none;
    overflow: auto;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    autofocus: true;
    padding: 5px;
    font-family: "Consolas";
    font-size: 14px;
    font-weight: thin
}

.of1
{
font: 14px "Century Gothic";
height: 30px;
border: 1px solid #B5B5B5;
border-radius: 3px;
background-color: #F5F5F5
}


p.p1 {
margin: 10px 10px 20px 10px;
font-size: small;
color: black;
white-space: nowrap
}

span.s1 {
float: 100;
font-size:80%;
font: italic small-caps 12px "Century Gothic";
color: #FCFCFC;
white-space: nowrap
}

span
{
padding: 10px;
width:0.3em;
font-size:70%;
font: italic small-caps 12px "Century Gothic";
color: #ACACAC;
line-height:80%;
}

p.p2
{
color: #FFFFFF;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 50px;
font: bold 54px "Century Gothic";
}

p.o1
{
color: red;
padding: 0px 0px 0px 0px;
background-color: #004A93;
font: bold 24px "Century Gothic";
}

div.one1 {
	position: absolute;
    vertical-align: top;
 }

div.one2 {
	position: absolute;
	top: 0px;
    left: 105px;
    vertical-align: top;
  	text-align: center;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}


p.p22
{
color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 25px 0px 0px 0px;
font: 44px "Century Gothic";
font-weight:thin
}

span.s2 
{ 
color: #47547E;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: 14px "Century Gothic";
font-weight: thin
}

p.p2b
{
color: #000000;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: italic small-caps 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

p.p3
{
color: #FFFFFF;
margin: 0px 0px 0px 0px;
font:  italic small-caps 24px "Century Gothic";
font-weight: 100
}

p.p3b
{
color: #000000;
margin: 0px 0px 0px 0px;
font:  italic small-caps 24px "Century Gothic";
margin: 0px 0px 0px 10px;
font-weight: 100
}

p.p4
{
font: 12px "Century Gothic";
margin: 0px 10px 0px 10px;
font-weight: 100
}

p.p4:hover
{
font: 12px "Century Gothic";
margin: 0px 10px 0px 10px;
font-weight: 100;
border-bottom: 1px solid #EC452B;
border-bottom-width: 2px
}


p.p5
{
color: #47547E;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 90px;
font: italic small-caps 14px "Century Gothic";
margin: 0px 0px 0px 0px;
font-weight: 100
}

p.p5w
{
color: #FFFFFF;
font: 16px "Century Gothic";
margin: 0px 0px 0px 0px;
font-weight: 100
}

p.p66
{
color: #FFFFFF;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
white-space: nowrap;
font: italic small-caps 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

p.p6
{
color: #FFFFFF;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
letter-spacing: 2px;
font: italic small-caps 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

p.p61
{
color: #47547E;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: italic small-caps 16px "Century Gothic";
font-weight: 100
}

p.p611
{
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: bold 12px "Century Gothic";
font-weight: 100
}

p.p62
{
color: #47547E;
margin: 0px 0px 0px 0px;
padding: 20px 20px 0px 25px;
font: 14px "Century Gothic";
font-weight: 100
}

p.p62:hover
{
color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 20px 20px 0px 25px;
font: bold 18px "Century Gothic";
font-weight: 100
}

p.p62l
{
color: blue;
margin: 0px 0px 0px 0px;
padding: 20px 20px 0px 25px;
font: 12px "Century Gothic";
font-weight: 100
}


p.p622
{
color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
font: italic small-caps 14px "Century Gothic";
background-color: #47547E;
font-weight: 100
}

p.p63
{
color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 50px;
font: italic small-caps 40px "Century Gothic";
font-weight: 100
}

p.p64
{
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
font: italic small-caps 14px "Century Gothic";
font-weight: 100
}


p.p6b
{
color: #000000;
margin: 0px 0px 0px 10px;
font:  italic small-caps 24px "Century Gothic";
font-weight: 100
}

p.p6s
{
color: #FFFFFF;
margin: 0px 0px 0px 0px;
font:  italic small-caps 14px "Century Gothic";
font-weight: 100
}

p.p7
{
color: #FFFFFF;
font: 12px "Helvetica";
padding: 6px 4px 0px 0px;
font-weight: 100
}

p.p7s
{
color: #FFFFFF;
font: 10px "Helvetica";
margin: 2px 2px 2px 2px;
font-weight: 100
}

p.p8
{
font: 10px "Helvetica";
margin: 0px 3px 0px 0px;
font-weight: 100
}

p.p9
{
color: #000000;
margin: 0px 0px 0px 0px;
font:  italic 14px "Century Gothic";
margin: 0px 0px 10px 20px;
font-weight: 100
}

p.pd
{
font: 12px "Helvetica";
margin: 10px 20px 10px 20px;
font-weight: 100
}

p.pt
{
font: 11px "Helvetica";
font-style: italic;
margin: 10px 20px 10px 20px;
font-weight: 100
}

p.pnl
{
font: 12px "Helvetica";
margin: 10px 20px 10px 20px;
font-weight: 100
}

p.pl
{
margin: 30px 20px 30px 20px;
border-bottom: 1px dotted #aca800;
}

div {
    border-radius: 20px;  /* 2 x rounding */
}

div#scroll {
	width: 450px;
	height: 410px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
    font:  italic small-caps 14px "Century Gothic";
	padding: 0px;
    margin: 10px 10px 10px 10px;
    overflow-x:hidden;
    overflow-y:scroll;
}


div#scroll2 {
	width: 400px;
	height: 320px;
	border: 0px solid #FFFFFF;
	background-color: #47547E;
	padding: 8px;
    margin: 0px 0px 0px 10px;
    overflow-x:scroll;
    overflow-y:scroll;
}

div#scroll4 {
	width: 220px;
	height: 290px;
	border: 1px solid #FFFFFF;
	background-color: #47547E;
	padding: 8px;
    margin: 0px 0px 0px 10px;
    overflow-x:hidden;
    overflow-y:scroll;
}

div#scroll3 {
	width: 400px;
	height: 580px;
	border: 0px solid #FFFFFF;
	background-color: #47547E;
	padding: 8px;
    margin: 20px 20px 10px 10px;
    overflow-x:hidden;
    overflow-y:scroll;
}


div#box1 {
	width: 300px;
	border: 2px solid #FFFFFF;
	background-color: #47547E;
    color: #FFFFFF;
    text-align: left;
	padding: 3px;
    margin: 10px;

}

div#box12 {
	width: 320px;
	border: 5px solid #CCCCCC;
    border-radius: 0px;  /* no rounding */
}

div#box22 {
	width: 160px;
	height: 160px;
	border: 5px solid #CCCCCC;
	background-color: #47547E;
	font: 20px "Century Gothic";
	color: #FFFFFF;
	min-height: 170px;
    display: table-cell;
    vertical-align: middle;
  	text-align: center;
	padding: 10px;
    border-radius: 0px;  /* no rounding */
}

div#box22:hover {
	width: 160px;
	height: 160px;
	border: 5px solid #CCCCCC;
	background-color: #004A93;
	font: 22px "Century Gothic";
	color: #FFFFFF;
	min-height: 170px;
    display: table-cell;
    vertical-align: middle;
  	text-align: center;
	padding: 10px;
    border-radius: 0px;  /* no rounding */
}


div#box222 {
	width: 190px;
	height: 190px;
	border: 30px solid #FFFFFF;
    border-radius: 0px;  /* no rounding */
}

div#box23 {
	width: 160px;
	height: 160px;
	border: 5px solid #CCCCCC;
	background-color: #004A93;
	font: 20px "Century Gothic";
	color: #FFFFFF;
	min-height: 170px;
    display: table-cell;
    vertical-align: middle;
  	text-align: center;
	padding: 10px;
    border-radius: 0px;  /* no rounding */
}

div#box233 {
	width: 190px;
	height: 190px;
	border: 30px solid #FFFFFF;
    border-radius: 0px 0px 0px 0px;  /* no rounding */
}

div#box24 {
	width: 100%;
	height: 100%;
	border: 0px solid #CCCCCC;
	background-color: #FFFFFF;
    border-radius: 0px 10px 10px 10px;  /* no rounding */
}

div#box3 {
	width: 371px;
	border: 4px solid #CCCCCC;
    border-radius: 0px;  /* no rounding */
	padding: 3px;
}

div#box4 {
	width: 960px; 
	height: 510px; 
	border: 4px solid #000000;
    border-radius: 0px;  /* no rounding  width="950px" height="500px" */
	padding: 3px;
}

div.ss1 {
	width: 350px;
	height: 30px;
	border: 0px solid #CCCCCC;
	background-color: #47547E;
	font: 28px "Century Gothic";
	color: #FFFFFF;
	min-height: 170px;
    display: table-cell;
    vertical-align: middle;
  	text-align: center;
    border-radius: 5px;  /* no rounding */
}

div.ss1:hover {
	width: 355px;
	height: 35px;
	border: 0px solid #CCCCCC;
	background-color: #004A93;
	font: 30px "Century Gothic";
	color: #FFFFFF;
	min-height: 170px;
    display: table-cell;
    vertical-align: middle;
  	text-align: center;
    border-radius: 5px;  /* no rounding */
}

div#s22 {
	width: 550px;
	height: 50px;
	background-color: #FFFFFF;
	font: 14px "Century Gothic";
	color: #000000;
    display: table-cell;
    vertical-align: middle;
  	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	border: 2px solid #C1DAD7;
    border-radius: 5px 0px 0px 5px;
}

div#s222 {
	width: 550px;
	height: 50px;
	background-color: #FFFFFF;
	font: 14px "Century Gothic";
	color: #000000;
    display: table-cell;
    vertical-align: middle;
  	text-align: center;
	padding: 0px;
	border: 2px solid red;
    border-radius: 5px 0px 0px 5px;
}

div#s33 {
	width: 20px;
	height: 50px;
	background-color: red;
	font: 14px "Century Gothic";
	color: #FFFFFF;
    display: table-cell;
    vertical-align: middle;
  	text-align: center;
	padding: 0px;
	border: 2px solid red;
    border-radius: 0px 5px 5px 0px;
}

div#s33:hover {
	width: 20px;
	height: 50px;
	background-color: red;
	font: 18px "Century Gothic";
	color: #FFFFFF;
    display: table-cell;
    vertical-align: middle;
  	text-align: center;
	padding: 0px;
	border: 2px solid red;
    border-radius: 0px 5px 5px 0px;
}

div#s44 {
	width: 20px;
	height: 50px;
	background-color: #C1DAD7;
	font: 14px "Century Gothic";
	color: #FFFFFF;
    display: table-cell;
    vertical-align: middle;
  	text-align: center;
	padding: 0px;
	border: 2px solid #C1DAD7;
    border-radius: 0px 5px 5px 0px;
}

div#s44:hover {
	width: 20px;
	height: 50px;
	background-color: blue;
	font: 18px "Century Gothic";
	color: #FFFFFF;
    display: table-cell;
    vertical-align: middle;
  	text-align: center;
	padding: 0px;
	border: 2px solid #C1DAD7;
    border-radius: 0px 5px 5px 0px;
}

textarea#styled {
	width: 100%;
	height: 100%;
	border: 3px solid #CCCCCC;
	font-family: Tahoma, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #000000;
	padding: 5px;
    font:  italic small-caps 14px "Century Gothic"
}

textarea#2 {
	width: 400px;
	height: 420px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	background-image: url(bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

table.t1
{
border: 1px solid #B5B5B5;
border-radius: 0px;
width: 100%;
height: 100%;
background-color: #ECECEC
}

table.t2 {
	border-radius:25px;
}

table.t3 {
	border: 2px solid #cccccc;
	border-radius:25px;
	padding: 5px;
}

table#t04 {
    background-color: #eee;
    background-position: center center;
    background-size:   cover;
    background-repeat: no-repeat;
}

iframe.b1 {
	border-top: #c00 1px dotted;
	border-right: #c00 2px dotted;
	border-left: #c00 2px dotted;
	border-bottom: #c00 4px dotted;
}

iframe.b2 {
border-bottom: #c00 1px dotted;
border-left: #c00 1px dotted;
}

input.i1 {
	border: 1px solid #cccccc;
	padding: 3px;
    margin: 3px 0px 0px 0px;
}

input {
	border: 1px solid #cccccc;
	padding: 2px;
    margin: 5px 0px 0px 0px;
}

p.underline {
font-family: "Century Gothic", "Helvetica", "sans-serif";
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaacc', Direction=135, Strength=2);
border-bottom: 1px dotted #aca899;
white-space: nowrap
}

p.py
{
color: #FF9933;
font: italic small-caps bold 12px arial;
font-weight: 900
}
p.pp
{
color: #660066;
font: italic small-caps 900 12px arial
}

td.w650
{
width: 650px;
}

div.w650
{
width: 650px;
}

div.p3
{
padding: 3px;
white-space: nowrap
}
div.p4
{
padding: 4px;
}
div.p50
{
padding: 50px;
}
div.p30
{
padding: 30px;
}
a#l1
{
border: 0px;
text-decoration:none
}

html, body 
{
  margin:0;
  padding:0;
  height:100%;
  width:100%;
  background: #F5F5F5;
  border:none
}

body {
font-size: 79%;
font-family: "Verdana", "Helvetica", "sans-serif";
}

h1 {
height: 30px;
margin: 0px 5px 5px 5px;
font-family: "Century Gothic", "Helvetica", "sans-serif";
font-size: medium;
color: #FF9933;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaacc', Direction=135, Strength=2);
}

h2 {
margin: 30px 0px 20px -50px;
font-size: 1.2em;
font-family: "Bookman Old Style", "Helvetica", "sans-serif";
color: #716f64;
border-bottom: 1px dotted #aca899;
}

h3 {
margin: 50px 0px 10px 0px;
padding: 5px 10px;
font-family: "Bookman Old Style", "Helvetica", "sans-serif";
font-size: 1em;
color: #716f64;
background: #ece9d8;
}

h4 {
margin: 10px;
font-size: 84%;
}

h5 {
font-size: 0.8em;
}

td.s1 {
font: 3px "Century Gothic";
}


textarea#txt1 {
	width: 340px;
	height: 70px;
	border: 1px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	background-image: "images/tbg.gif";
	background-position: center;
	background-repeat: no-repeat;
}

a:link {
    color:#248;
    background-color:transparent;
    text-decoration:none;
}
a:visited {
    color:#248;
    background-color:transparent;
    text-decoration:none;
}
a:hover {
    color:#248;
    background-color:transparent;
    text-decoration:none;
}
a:active {
    color:#248;
    background-color:transparent;
    text-decoration:none;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

#sb1
{
	width: 250px;
	height: 30px;
	border: 0px solid #CCCCCC;
	background-color: #FFFFFF;
	font: 24px "Century Gothic";
	color: #47547E;
	min-height: 80px;
    display: table-cell;
    vertical-align: middle;
  	text-align: center;
	padding: 0px;
    border-radius: 5px;
}

#sb1:hover
{
	width: 250px;
	height: 30px;
	border: 0px solid #CCCCCC;
	background-color: #FFFFFF;
	font: 28px "Century Gothic";
	color: #47547E;
	min-height: 85px;
    display: table-cell;
    vertical-align: middle;
  	text-align: center;
	padding: 0px;
    border-radius: 5px;
}

#sb2 
{ 
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
font: 24px "Century Gothic";
color: #47547E;
}

#sb2:hover 
{ 
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
font: 28px "Century Gothic";
color: #47547E;
}

#lb1
{
color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
text-align: left;
font: italic small-caps 16px "Century Gothic";
font-weight: 100
}

#box
{
	width: 550px;
	height: 350px;
	border: 1px solid #FFFFFF;
	background-color: #47547E;
 	position: absolute;
    border-radius: 20px;
    margin-left: -250px;
	margin-top: -200px;
	left: 50%;
	top: 50%;
	z-index: 20;
	min-width: 550px;
	min-height: 350px;
}

#screen
{
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
}

body.bgbk
{
	text-align: center;
	margin: 0 auto;
	background: #000000;
}

body.main {
	font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	background: #E6EAE9;
}

a {
	color: #c75f3e;
}

#reptable {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

th.re1 {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-left: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 2px 2px 2px 2px;
	background: #E6EAE9;
}

th.re {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 2px 2px 2px 2px;
	background: #E6EAE9;
}


td.re {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	color: #4f6b72;
}

td.rel {
	border-left: 1px solid #C1DAD7;
	background: #fff;
	padding: 2px 2px 2px 2px;
	color: #4f6b72;
}

td.retl {
	border-top: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	background: #fff;
	padding: 2px 2px 2px 2px;
	color: #4f6b72;
}

td.retr {
	border-top: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	background: #fff;
	padding: 2px 2px 2px 2px;
	color: #4f6b72;
}

td.reb {
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 2px 2px 2px 2px;
	color: #4f6b72;
	vertical-align: "center"
}

td.reb:hover {
	border-bottom: 1px solid #C1DAD7;
	background: #CCCCCC;
	padding: 2px 2px 2px 2px;
	color: #4f6b72;
	vertical-align: "center"
}

td.retb {
	border-top: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 2px 2px 2px 2px;
	color: #4f6b72;
	vertical-align: "center"
}

td.retb:hover {
	border-top: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #CCCCCC;
	padding: 2px 2px 2px 2px;
	color: #4f6b72;
	vertical-align: "center"
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

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

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #C1DAD7; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 7px 172px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #F5F5F5; /* set border color to page background color */
border-top: 2px solid red; /*#db6600;*/
background-color: #F5F5F5; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #F5F5F5; /* set selected tab background color as desired */
border-top: 2px solid red; /* #db6600; */
border-left: 1px solid #C1DAD7;
border-right: 1px solid #C1DAD7;
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 8px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 7px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
/* border: 1px solid #C1DAD7; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #F5F5F5; /* set unselected tab background color as desired */
color: #C1DAD7; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #db6600; /* set desired hover color */
}

/* preloader */ 
.prescreen {
   position: absolute;
   width: 100%;
   height: 100%;
   opacity: 0.3;
   background-color: #000000;
   padding:0px;
   text-align:left;
}

.preloader8 {
   position: relative;
   width: 100px;
   height: 100px;
   left: 50%;
   top: 50%;
   padding:0px;
   text-align:left;
}
.preloader8 span {
   position: absolute;
   width: 100px;
   height: 100px;
   background:#FFFFFF;
   -webkit-animation:preloader8 1.6s linear infinite;
   animation:preloader8 1.6s linear infinite;
}
.preloader8 span:last-child {
   animation-delay:-0.8s;
   -webkit-animation-delay:-0.8s;
}
@keyframes preloader8 {
   0% {transform: scale(0, 0);opacity:0.5;}
   100% {transform: scale(1, 1);opacity:0;}
}
@-webkit-keyframes preloader8 {
   0% {-webkit-transform: scale(0, 0);opacity:0.5;}
   100% {-webkit-transform: scale(1, 1);opacity:0;}
}


.preloader1 {
   display:relative;
   left: 50%;
   top: 50%;
   width:40px;
   height:40px;
   padding:0px;
   text-align:left;
   -webkit-animation:preloader1 1.4s linear infinite;
   animation:preloader1 1.4s linear infinite;
}
.preloader1 span {
   position:absolute;
   vertical-align:top;
   border-radius:100%;
   background:#000000;
   display:inline-block;
   width:8px;
   height:8px;
   margin-left:16px;
   transform-origin:center 20px;
   -webkit-transform-origin:center 20px;
}
.preloader1 span:nth-child(2) {transform: rotate(36deg);-webkit-transform: rotate(36deg); opacity:0.1;}
.preloader1 span:nth-child(3) {transform: rotate(72deg);-webkit-transform: rotate(72deg); opacity:0.2;}
.preloader1 span:nth-child(4) {transform: rotate(108deg);-webkit-transform: rotate(108deg); opacity:0.3;}
.preloader1 span:nth-child(5) {transform: rotate(144deg);-webkit-transform: rotate(144deg); opacity:0.4;}
.preloader1 span:nth-child(6) {transform: rotate(180deg);-webkit-transform: rotate(180deg); opacity:0.5;}
.preloader1 span:nth-child(7) {transform: rotate(216deg);-webkit-transform: rotate(216deg); opacity:0.6;}
.preloader1 span:nth-child(8) {transform: rotate(252deg);-webkit-transform: rotate(252deg); opacity:0.7;}
.preloader1 span:nth-child(9) {transform: rotate(288deg);-webkit-transform: rotate(288deg); opacity:0.8;}
.preloader1 span:nth-child(10) {transform: rotate(324deg);-webkit-transform: rotate(324deg); opacity:0.9;}
@keyframes preloader1 {
   from {transform: rotate(0deg);}
   to {transform: rotate(360deg);}
}
@-webkit-keyframes preloader1 {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(360deg);}
}