td						{ font-family:verdana; color:#000000; font-size:9pt; font-weight:plain; }
zth						{ font-family:verdana; color:#000000; font-size:9pt; font-weight:bold; }
div.panel1 { border:1px solid #ccd; padding: 1px; }
div.panel1 h4 { text-align: center; background-color: #c9ccff; margin: 0; padding: 10px; }
div.panel1 p { margin: 9px; }
div.panel1 ul { clear: both; padding-left: 25px }

.sbg {background: #FFFFFF;}
.sbg2 {background: #FFFFFF;}
tr.stitle th {font-size:smaller;text-align:left;}
.stitle {background: #C0CCDD;}
.sheading{background: #C0CCFF; font-weight:bold;}
.sbox {background: #C0CCFF; border:1px #A0AADD solid;}
.snavbar {background: #C0CCFF;}
.slist {background: #E9EEFF;}
.slist2 {background: #C0CCEE;}
.slist3 {background: #EECCEE;}
.small {font-size:8pt;font-family:verdana,arial;}
.sinfo {background: #FFFFFF; border:1px #C0CCFF solid;}
.sborder {border:1px #C0CCDD solid;}

.menubg					{ background:#ccccdd; }
.border					{ background-color:#000000; }
.flagbgcolor			{ background-color:#999999; }
.menupanelbg			{ background-color:#ccccdd; }
.logobg					{ background-color:#000000; }
.topmenu				{ background-color:#666666; text-decoration:none; font-family:verdana; font-size:8pt; font-weight:plain; }

body					{ background-color:#ffffff; font-family:verdana; color:#000000; font-size:8pt; margin: 0; padding: 0; height:100%; 
						scrollbar-base-color:#ccccdd; scrollbar-track-color:#ffffff; scrollbar-arrow-color:#ffffff; scrollbar-darkshadowcolor:#9999cc; }

body ha:link				{ color:#800080; text-decoration:underline; }
body ha:active			{ color:#990000; text-decoration:underline; }
body ha:visited			{ color:#700070; text-decoration:underline; }
body ha:hover			{ color:#990000; text-decoration:underline; }


.leftlink				{ background-color:#666666; text-decoration:none; font-size:8pt; font-weight:plain; padding:5px;}
.leftlink a:link		{ color:#ffffff; text-decoration:none; }
.leftlink a:active		{ color:#ffffff; text-decoration:none; }
.leftlink a:visited		{ color:#ffffff; text-decoration:none; }
.leftlink a:hover		{ color:#ffcc00; text-decoration:none; }

.leftlink2				{ background-color:#666666; text-decoration:none; font-size:8pt; font-weight:plain; padding:5px,5px,5px,10px;}
.leftlink2 a:link		{ color:#ffffff; text-decoration:none; }
.leftlink2 a:active		{ color:#ffffff; text-decoration:none; }
.leftlink2 a:visited		{ color:#ffffff; text-decoration:none; }
.leftlink2 a:hover		{ color:#ffcc00; text-decoration:none; }

.leftactive				{ background-color:#999999; text-decoration:none; font-weight:plain; font-size:8pt; padding:5px;}
.leftactive a:link		{ color:#ffffff; text-decoration:none; }
.leftactive a:active	{ color:#ffffff; text-decoration:none; }
.leftactive a:visited	 { color:#ffffff; text-decoration:none; }
.leftactive a:hover		{ color:#ffcc00; text-decoration:none; }

.topactive				{ background-color:#666666; text-decoration:none; font-weight:bold; font-size:8pt; padding:5px;}
.topactive a:link		{ color:#ffeebb; text-decoration:none; }
.topactive a:active		{ color:#ffffff; text-decoration:none; }
.topactive a:visited	{ color:#ffeebb; text-decoration:none; }
.topactive a:hover		{ color:#ffcc00; text-decoration:none; }

.toplink				{ white-space:nowrap; background-color:#666666; text-decoration:none; font-size:8pt; font-weight:plain; padding:5px;}
.toplink a:link			{ white-space:nowrap; color:#ffffff; text-decoration:none; }
.toplink a:active		{ white-space:nowrap; color:#ffffff; text-decoration:none; }
.toplink a:visited		{ white-space:nowrap; color:#ffffff; text-decoration:none; }
.toplink a:hover		{ white-space:nowrap; color:#ffcc00; text-decoration:none; }

.promotion				{ background-color:#ffffff;  font-family:verdana; font-size:8pt; font-weight:plain; padding:5px; }
.promotion a:link		{ color:#900000; text-decoration:none; }
.promotion a:active		{ color:#900000; text-decoration:none; }
.promotion a:visited	{ color:#900090; text-decoration:none; }
.promotion a:hover	 	{ color:#ff0000; text-decoration:none; }

.foot					{ font-family:verdana; color:#555; font-size:10px; font-weight:plain; }
.foot a:link			{ color:#999999; text-decoration:underline; }
.foot a:active			{ color:#999999; text-decoration:underline; }
.foot a:visited			{ color:#999999; text-decoration:underline; }
.foot a:hover			{ color:#0000ff; text-decoration:underline; }

.topbar					{ background-color:#666666; text-decoration:none; font-family:verdana; font-size:8pt; font-weight:plain; }
.topbar a:link			{ color:#EEEEEE; text-decoration:none; }
.topbar a:active		{ color:#EEEEEE; text-decoration:none; }
.topbar a:visited		{ color:#EEEEEE; text-decoration:none; }
.topbar a:hover			{ background-color:#999999; color:#ffffff; text-decoration:none; }

.title h1					{ color:#EBEBEB; font-size:13px; font-weight:bold; margin-top:0px;}
h2					{ color:#000090; font-size:13px; font-weight:bold; margin-top:0px;}
h3					{ color:#000090; font-size:13px; font-weight:bold; margin-top:0px;}
h4					{ color:#000090; font-size:12px; font-weight:bold; margin-top:0px;}
h5					{ color:#000090; font-size:10px;  font-weight:bold; margin-top:0px;}
h6					{ color:#000090; font-size:8px;  font-weight:bold; margin-top:0px;}

div.panel { border:1px solid #ccd; padding: 1px; }
div.panel h4 { text-align: center; background-color: #c9ccff; margin: 0; padding: 10px; }
div.panel p { margin: 9px; }
div.panel ul { clear: both; padding-left: 25px }

.m					{ background-color:#eeeeee; }
.h					{ background-color:#dddddd; }
.p					{ background:#ccccdd; }
.r					{ background:#eeeeee; }
.p					{ background:#ccccdd; }
.w					{ background:#eeeeee; }
.s					{ background:#cceee0; font-weight:bold; }
.e					{ background:#ffffff; } 
.orderbg1				{ background:#60998f; } 
.orderbg2				{ background:#a0c9cf; } 
.orderbg3				{ background:#eeeeff; } 

.downloadbg1			{ background:#90c0e0; }
.downloadbg2			{ background:#eeeeee; }

.reqt					{ background:#cceee0; font-size:7pt; font-weight:bold; }
.req					{ background:#ffffff; font-size:7pt; }

img						{ border:0; }

.box					{ background:transparent; color:#000; border:1px dashed #cococo; font-family:verdana; font-weight:normal; padding:4px;
						text-align:center; font-size:.7em; margin-left:8px; }
.box2					{ background:transparent; color:#000; border:1px dashed #cococo; font-family:verdana; font-weight:normal; padding:8px;
						text-align:left; font-size:.7em; margin-left:8px; }
.box3					{ background:#ffffcc; color:#000; border:1px dashed #cococo; font-family:verdana; font-weight:normal; padding:8px;
						text-align:left; font-size:.7em; margin-left:8px; }

.small					{ color:#666666; font-family:verdana; font-weight:normal; font-size:.6em; }

hr						{ border:1px #cccccc solid; height:1px; }

input,textarea,select	{ font-family:verdana; color:#000000; font-size:10pt; }

.flag					{ border:1px solid #CCC; }
.new{border:1px solid #fff;color:red;font-weight:bold;font-size:90%;text-align:center;width:30px; height: 14px;padding:2px; background-color: #CCCCDD;}

div#links a span {display: none;text-decoration: none;}
div#links a:hover span {display: block;
   color: red; background: transparent;
   font-size: xx-small;
	text-align: center;
	text-decoration: none;
	}
	.menub{
	background-color: #CCCCDD;
}

.tbar { background:#000065; color:#CCCCFF;}

.tleft{ font-size:10px; color:#CCCCFF; text-decoration:none; font-weight:bold;}
a.tleft:hover  {  color:#EEEEFF }
.tlefta {font-size:10px; font-weight:bold; color:#F4E9AA; text-decoration:none; }

a.tlefta:hover  {  color:FFF060; }

.tright {font-size:11px; color:#EEEEFF; text-decoration:none; font-weight:bold;}
a.tright:hover   { color: #F4E9AA; }

.logo {background:#000000; font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold;}
.tiny {font-size:8pt;font-family:arial,verdana;}



/*****************************************************/


p { color: #333; font-family: verdana, tahoma, arial; }
ul, ol { padding: 0; margin: 0; color: #333; }
ul { padding-left: 16px; }
ol { padding-left: 23px; }
ul li { padding-left: 10px; margin-left: 0; }
th { background-color:#c9ccff; }

div.panel { border:1px solid #ccd; padding: 1px; }
div.panel h4 { text-align: center; background-color: #c9ccff; margin: 0; padding: 10px; }
div.panel p { margin: 9px; }
div.panel ul { clear: both; padding-left: 25px }

div#error-bar { background-color: #FFFAC0; border-bottom :1px solid #C9CCDD; padding: 5px 15px 5px 15px; }

div#content { margin: 10px 30px 10px 30px; color: #333; }
div#content hr { margin: 10px 0 10px 0; border: 1px solid #ccc; }

div#footer { background-color: #F0F0F0; border-top:1px solid #C0CCDD; font-family:verdana; color:#333; font-size:10px; font-weight:plain; padding: 10px 30px 10px 30px;}
div#footer p { margin: 0; }
div#footer a:link    { color: #333; text-decoration:underline; }
div#footer a:active  { color: #333; text-decoration:underline; }
div#footer a:visited { color: #333; text-decoration:underline; }
div#footer a:hover   { color: #00f; text-decoration:underline; }

ul.greybox   { list-style-image: url(/images/greybox.gif); padding-left: 18px; }
ul.orangebox { list-style-image: url(/images/orangebox.gif); padding-left: 18px; }
li.greybox   { list-style-image: url(/images/greybox.gif); padding-left: 0; }
li.orangebox { list-style-image: url(/images/orangebox.gif); padding-left: 0; }
ul.greybox li, ul.orangebox li { padding-left: 0; margin-left: 0;}

table#pricelist ul { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; }
table#pricelist td { background-color:#eee; }
table#pricelist th { background-color:#aac; color: #fff; text-align: left; }

span.special { color: #f00; }

html,body {	height: 100%; }

p.to-top { font-size: 10px; text-align: right; }

/*
  HEADER CSS
*/
table#header {
  margin: 0px auto 0px auto;
  background-color: #002951;
}
table#header td {
  color: #fff;
  font-family: verdana, tahoma, "trebuchet ms", arial, verdana;
  letter-spacing: 0.5px;
  font-size: 11px;
  white-space: nowrap;
}
table#header td.link-divider {
  padding: 0 5px 0 5px;
}
table#header a img {
  border: 0;
}

td#middle-tab, td#right-tab {
  background: url(/images/middle-tab-bg.gif) repeat-x bottom;
}

td#middle-tab table {
  padding-left: 5px;
}

td#right-tab table {
  background: url(/images/right-tab-bg.gif);
  padding-right: 5px;
}
td#right-tab table td {
  font-weight: bold;
}

table#header table td#current a {
  color: #fc0;
  font-weight: bold;
}
table#header td a {
  text-decoration: none;
  color: white;
}
table#header td a:hover {
  color: #fc0;
}

td#shadow{
  height: 6px;
  background: #eee url(/images/search-bg.png) repeat-x top;
}

/*
  the new division for menu bar
*/
div#menu-bar {
  padding: 5px;
  padding-top: 10px;
  white-space: nowrap;
  text-align: left;
}

div#menu-bar table {
  text-align: left;
}

/* special rules for manual pages */
td#manual-menu { padding-top: 10px; padding-bottom: 10px; background-color: #4E6F90; border: 1px solid #091F35; }
td#manual-content { border: 1px solid #4E6F90; padding: 10px; }
td#manual-menu table {}
td#manual-menu table tr td.leftlink { background-color: #4E6F90; color: #000; padding: 1px 10px 1px 10px; }
td#manual-menu table tr td.leftlinkmain { background-color: #4E6F90; color: #000; padding: 1px 10px 1px 10px; font-weight: bold; }
td#manual-menu table tr td.leftactive { background-color: #365677; color: #000; padding: 1px 10px 1px 10px; }
td#manual-menu table tr td.leftactivemain { background-color: #365677; color: #000; padding: 1px 10px 1px 10px; font-weight: bold; }

td#manual-menu table tr td.leftlink a,
td#manual-menu table tr td.leftlinkmain a { padding: 0; color: #fff; text-decoration: none; }
td#manual-menu table tr td.leftactive a,
td#manual-menu table tr td.leftactivemain a { padding: 3px; color: fff; text-decoration: none; }

td#manual-menu table tr td.leftlink a:hover,
td#manual-menu table tr td.leftactive a:hover,
td#manual-menu table tr td.leftlinkmain a:hover,
td#manual-menu table tr td.leftactivemain a:hover { color: #fc0;}


div.testibox {
  border-top: 1px solid #C0CCDD;
  border-bottom: 1px solid #C0CCDD;
  background-color: #f7f7f7;
  padding: 10px;
  margin-bottom: 20px;
}

div.special {
  border: 1px solid #C0CCDD;
  background-color: #ffffcc;
  padding: 0 10px 0 10px;
  margin-bottom: 20px;
}

/* for the flags */
div#flags { padding: 10px 30px 5px 30px; text-align: left; }
div#flags a img { border: 1px solid #aaa; }
div#flags a:hover img { border: 1px solid #555; }


#c {display: none;}