/*------------------------------------------------------------------------------------------
	gates.to

	Colors:		#FF6600 = orange	#009900 = green.to	#006600 = green (darker)
				#006699 = blue		#CCCCFF = light blue
  -------------------------------------------------------------------------------------------*/
body {
	font-family: 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Console', Verdana, sans-serif; 
	color: white; 
	background-color: #006600; 
	font-size: 9.5pt; 
	line-height: 1.2;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
a:link, a:visited {
	color: #CCCCFF;
	background-color: transparent;
	text-decoration: none;
}
a:hover {
	color: #CCCCFF;
	background-color: #009900;
}
a#btn, a#btn:link, a#btn:visited {
	color: #CCCCFF;
	background-color: #006600;
	text-decoration: none;
	line-height: 1.8;
	padding: 0px;
	border-top: 1px solid #CCCCFF;
	border-left: 1px solid #CCCCFF;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}
a#btn:hover {
	color: #009900;
	background-color: #006600;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid #CCCCFF;
	border-bottom: 1px solid #CCCCFF;
}
#infolink {
	cursor: pointer;
	color: #CCCCFF;
	background-color: #006699;
}
p {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
p.rev {
	font-weight: bold; 
	background-color: #FF6600;
}
p.sml {
	font-size: 8pt;
	line-height: 1.3;
}
p.footer {
	color: #CCCCFF;
	font-size: 8pt;
	background-color: #009900;
}
img {
	border-color: white;
}
form {
	padding: 0px;
	margin: 0px;
}
input#sml {
	font-size: 9px;
}

p#copy { font-size: 9px; }

font#disc {
	color: yellow;
	font-size: 80px;
	font-weight: bold;
	font-family: cursive; 
}
font#disctext, font#ranktitle {
	color: #FF6600;
	font-size: 20px;
	font-weight: bold;
	font-family: cursive; 
}
font#ranktitle {
	font-size: 22px;
	color: #FFFFFF;
}
hr#f4p {
	border: none; 
	color: #009900; 
	background-color: #009900; 
	height: 1px; 
	width: 100%;
}
#button { color:black; font-size:small; font-family: 'Arial Black', 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Console', Verdana, sans-serif; }

/* ---------------------------- Items Lists -------------------------- */
ul {
	margin-top: 3px;
	margin-bottom: 0px;
}
ul#listitem li {
	list-style-type: square;
	list-style-position: outside;
	margin-top: 0px;
	margin-right: 10px;
}
ul#nritem li {
	list-style-type: decimal;
	list-style-position: outside;
	margin-top: 0px;
	margin-right: 10px;
}
ul#noitem li {
	list-style-type: none;
	list-style-position: outside;
	margin-top: 0px;
	margin-right: 10px;
}

/* ---------------------------- Side bar ------------------------------ */
td#bar {
	list-style: none;
	width: 100%;
	margin: 0px 0px 0px 0px;
	color: white;
	font-size: 8pt;
	font-weight: normal;
	background-color: transparent;
}
td#bar a:link, td#bar a:visited {
	font-size: 8pt;
	line-height: 1.3;
	color: #CCCCFF;
}
td#bar a:hover {
	background-color: #009900;
	color: #CCCCFF;
}
td#body a:link, td#body a:visited {
	color: #CCCCFF;
}
td#body a:hover {
	background-color: #009900;
	color: #CCCCFF;
}

/*--- Special links ---*/
a#special:link, a#special:visited, td#special a:link, td#special a:visited, form#special a:link, form#special a:visited {
	color: yellow;
}
a#special:hover, form#special a:hover, td#special a:hover{
	color: #006600; 
	background-color: yellow; 
	border-bottom: 3px solid #006600;
}

/* 
form#special a:link, form#special a:visited { color: yellow; }
form#special a:hover { color: #006600; background-color: yellow; border-bottom: 3px solid #006600;}

td#special a:link, td#special a:visited { color: yellow; }
td#special a:hover { color: #006600; background-color: yellow; border-bottom: 3px solid #006600;}
*/

/* ---------------------------- Small text --------------------------- */
.sml {
	color: white;
	font-size: 8pt;
	line-height: 1.2;
	font-weight: normal;
	background-color: transparent;
}
.sml a:link, .sml a:visited {
	font-size: 8pt;
	line-height: 1.2;
	color: #CCCCFF;
	background-color: transparent;
}
.sml a:hover {
	background-color: #009900;
	color: #CCCCFF;
}

/* ----------------------- Links on top white bar --------------------- */
.h_menu {
	color: #006699;
	font-size: 10pt;
	line-height: 1.3;
	font-weight: bold;
	background-color: transparent;
}
.h_menu a:link, .h_menu a:visited {
	color: #006699;
	font-size: 10pt;
}
.h_menu a:hover {
	color: #FF6600; 
	font-size: 10pt;
	background-color: transparent;
	text-decoration: none; 
	padding: 0px;
/*	border-bottom: 3px solid #006600; */
}

/* ---------------------------- Data Tables -------------------------- */
.datatable tr.revrow {
	background-color: #009900;
	color: white;
}
.datatable tr:hover, .datatable tr.hilite {
	background-color: #66CC66;
	color: #006600;
}
.datatable th {
	background-color: #006699; 
}
.datatable a:link, .datatable a:visited {
	color: #CCCCFF;
	text-decoration: none;
}
.datatable a:hover {
	background-color: #006699; 
	color: white;
}
.pricetable {
	border: 0px solid red;
	border-collapse: collapse;
}
.pricetable caption {
	font-size: 10pt;
	font-weight: bold;
	border: 0px solid white;
	border-collapse: collapse;
	padding-top: 5px;
	padding-bottom: 5px;
}
.pricetable th {
	font-weight: normal;
	border: 1px solid white;
	border-collapse: collapse;
	background-color: #009900;
}
.pricetable tr {
	border: 0px solid yellow;
	border-collapse: collapse;
}
.pricetable td {
	border: 1px solid white;
	border-collapse: collapse;
}

/* ------------------------------ Headers ---------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Arial Black', 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Console', Verdana, sans-serif; /* cursive; */
	font-weight: normal;
	line-height: 1.2;
	color: #FF6600;
	margin-top: 0px;
	margin-bottom: 0px;
}
h1 {
	/*	font-weight: bold; */
	font-size: 20pt;
}
h2 {
	font-size: 20pt;
}
/* --- Titles in the manuals page ---*/
h3 {
	/*	font-weight: bold; */
	font-size: 12pt;
}
/* --- SubtTitles in the manuals page ---*/
h4 {
	/*	font-weight: bold; */
	font-size: 10pt;
}
/* --- Titles in the contents page ---*/
h5 {
	font-size: 11pt;
}
/* --- Titles in the side bar ---*/
h6 {
	/*	font-weight: bold; */
	font-size: 9pt;
}

/* -------------------------- Secondary site ----------------------- */
legend#pnl_sec {
	background-color: #FF6600;
}

/* ------------------------------ Credit panel ---------------------------- */
fieldset#pnl, fieldset#pnl2, fieldset#reguser, fieldset#beta, fieldset#beta2, fieldset#admin {
	color: white;
	background-color: transparent;
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 8px;
	font-size: 8pt;
	font-weight: normal;
	border-style: ridge;
	border-color: white;
	border-width: 1px;
}
fieldset#reguser {
	border-color: #FF6600;
}
fieldset#beta {
	border-color: yellow;
}
fieldset#beta2 {
	border-color: #FF6600;
}
fieldset#admin {
	border-color: #006699;
}
fieldset#pnl2 {
	margin-right: 0px;
}
legend#pnl {
	color: white;
	background-color: transparent;
	padding: 0px;
	margin-top: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	margin-right: 0pt;
	font-size: 8pt;
	font-weight: normal;
}

/* ------------------------------ Contents area ---------------------------- */
fieldset#form, fieldset#formrev, fieldset#c-reguser, fieldset#c-beta, fieldset#c-beta2, fieldset#c-admin {
	font-size: 13px;
	font-weight: normal;
	color: white;
	background-color: transparent;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	border-style: ridge;
	border-color: white;
	border-width: 1px;
}
fieldset#formrev {
	font-weight: bold;
	color: #FF6600;
	padding: 5px;
	border-color: #FF6600;
}
fieldset#c-reguser {
	border-color: #FF6600;
}
fieldset#c-beta {
	border-color: yellow;
}
fieldset#c-beta2 {
	border-color: #FF6600;
}
fieldset#c-admin {
	border-color: #006699;
}
legend#form, legend#formrev, legend#c-reguser, legend#c-beta, legend#c-beta2, legend#c-admin {
	font-size: 13px;
	font-weight: normal;
	color: white;
	background-color: transparent;
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
legend#formrev {
	background-color: #FF6600;
	font-weight: bold;
}
input#form, input#formpw, input#formsml, textarea#form, select#form, option#form, textarea#formsml {
	font-family: 'Lucida Console', 'Courier New', Courier, monospace;
	font-size: 15px;
	font-weight: normal;
	color: black;
	background-color: #CCCCFF;
	margin-top: 0px;
	margin-bottom: 0px;
	border-color: #009900;
}
input#formpw {
	font-family: 'Courier New', Courier, monospace;
	font-size: 16px;
}
input#formsml, textarea#formsml {
	font-size: 11px;
}
option#form_sel {
	color: #006699;
}

/* ------------------------------ Manual ---------------------------- */
.man {
	color: #006699;
	font-size: 10pt;
	font-weight: bold;
	background-color: transparent;
}
.man a:link, .man a:visited {
	color: #006699;
}
.man a:hover {
	color: #FF6600;
	background-color: transparent;
}
a#ext_link:hover {
	color: #CCCCFF;
	background-color: #009900;
	padding: 0px;
	border-top: 1px solid #CCCCFF;
	border-left: 1px solid #CCCCFF;
	border-right: 1px solid #CCCCFF;
	border-bottom: 1px solid #CCCCFF;
}
img#man {
	margin-top: 5px;
	margin-bottom: 5px;
}
td#man {
	font-size: 9.5pt;
	line-height: 1.2;
	color: white;
}
fieldset#man, fieldset#man_red, fieldset#man_blue {
	color: white;
	background-color: transparent;
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 9.5pt;
	font-weight: normal;
	border-style: ridge;
	border-color: white;
	border-width: 1px;
}
/* fieldset#man_red { background-color: red; }
fieldset#man_blue { background-color: blue; } */
legend#man, legend#man_red, legend#man_blue {
	color: #FF6600;
	background-color: transparent;
	margin-left: 0pt;
	margin-right: 0pt;
	font-size: 9pt;
	font-weight: bold;
}
fieldset#man_red, legend#man_red, font#man_red {
	color: white;
	background-color: red;
}
fieldset#man_blue, legend#man_blue, font#man_blue {
	color: white;
	background-color: blue;
}
/*--- Transmenu ---*/
#wrap { position:absolute; left: -2005px; z-index:0; border:0px solid black; width:550px; }
#menu { background:white; border-bottom:1px solid white; padding:4px 0px; width:100%; font-size:13px; font-weight:bold; color:#FF6600; }
#menu a { padding:0px 0px; text-decoration:none; font-weight:bold; color:#006699; }
#menu a.hover { color:#FF6600; background:white; }
#menu span { display:none; }
#img { vertical-align:bottom; }
#subnav { font-size:10px; margin-bottom:2em; }
#subnav a { color:#FB3B00; margin-right:1em; }
#subnav span { color:silver; margin-right:1em; }
.transMenu { position:absolute; overflow:hidden; left:-1000px; top:-1000px; }
.transMenu .content { position:absolute; }
.transMenu .items { position:relative; left:0px; top:0px; z-index:2; }
.transMenu.top .items { border-top:none; }
.transMenu .item { color:#006699; font-size:12px; text-decoration:none; border:none; cursor:pointer; cursor:hand; }
.transMenu .background { position:absolute; left:0px; top:0px; z-index:1; -moz-opacity:.90; filter:alpha(opacity=90); }
.transMenu .shadowRight { position:absolute; z-index:3; top:3px; width:2px; -moz-opacity:.4; filter:alpha(opacity=40); }
.transMenu .shadowBottom { position:absolute; z-index:1; left:3px; height:2px; -moz-opacity:.4; filter:alpha(opacity=40); }
.transMenu .item.hover { background:#006699; color:white; }
.transMenu .item img { margin-left:10px; }
/* end */