/* General page styles ---------------------------------------------------- */
body, html {
	margin: 0px;
	padding: 0px;
	color: black;
	background-color: white;
}

body, input, textarea, select, option {
	font-family: verdana, arial, helvetica, sans-serif;
}
code, pre, tt {
	font-family: Courier, "Courier New", monospace;
}

#content, #headmenu, #footnav, #copyright, #thismirror,
#headsearch span, #headsearch input, #headsearch select {
	font-size: 90%;
}

a, a:visited, a:hover {
	color: #000099;
	background-color: transparent;
}

a:active {
	color: #0000ff;
	background-color: transparent;
}

h1, h2, h3, h4 ,h5,h6{
	font-weight: bold;
	color: #000066;
	background-color: transparent;
}
h1 { font-size: 130%; }
h2 { font-size: 125%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }
h5 { font-size: 80%; }
h6 { font-size: 60%; }

/* browsers handle Fis differently
input.max, textarea.max, select.max {
	width: 100%;
}
*/

img {
	border: 0px;
}

div.tip, p.tip {
	border: 1px solid #0000cc;
	color: #000066;
	background-color: #eeeeff;
	padding: 8px;
}

p.formerror, p.warn {
	border: 1px solid #666600;
	color: #660000;
	background-color: #ffeeee;
	margin: 4px;
	padding: 6px;
}
p.warn2{

    color: red;
    margin: 0px;
    padding: 0px;
}

p.chinese{

    color: blue;
    margin: 0px;
    padding: 0px;
}

hr {
	border: 0px;
	color: black;
	background-color: blue;
	height: 2px;
	/* clear: both; has problems in IE and Opera */
}

.center {
	text-align: center;
}
.center table {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.center th {
	text-align: center;
}

.newsdate {
	font-size: smaller;
	font-style: italic;
	color: #6666cc;
	background-color: transparent;
}

div.indent {
	margin-left: 50px;
}

li {
	padding-top: 3px;
	padding-bottom: 3px;
	list-style-type: square;
}

li.faq {
	padding-top: 3px;
	padding-bottom: 3px;
	list-style-type: square;
	font-size: 85%;
}

dt.faq {
	padding-top: 2px;
	padding-bottom: 2px;
	list-style-type: square;
    font-size: 80%;
}

dd.faq {
	padding-top: 2px;
	padding-bottom: 2px;
	list-style-type: square;
    font-size: 80%;
}

em {
	font-weight: bold;
	font-style: italic;
}

ul.simple {
	padding-left: 8px;
	margin: 0 0 1em 0;
}
ul.simple li {
	padding: 0px;
	list-style-type: none;
}

.md5sum {
	color: #6666cc;
	background-color: transparent;
}

/* Used for manual page toc wrapping */
.w {
    font-size: 0;
}

/* Content are styles ----------------------------------------------------- */
#content {
	padding: 10px;
}
#content h1 {
	margin-top: 0px;
}

/* 3px IE bug hack hidden from IE5-mac \*/
* html #content { height: 1%; }
/* End hide from IE5-mac */

/* Layout styling and helpers --------------------------------------------- */
#layout_2, #layout_3 {
	/* Background image will be set in a mirror specific CSS rule */
	background-position: top left;
	background-repeat: repeat-y;
	background-image: url(/images/bgimg0.jpg);
}
#layout_3_helper {
	/* Background image will be set in a mirror specific CSS rule */
	background-position: top right;
	background-repeat: repeat-y;
}

.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
}

#leftbar {
	float: left;

	width: 196px;
	padding: 5px;
	font-size: middle;
	
    text-align: center;
	
    border-left: solid 2px #2a2;
    border-right: solid 1px #2a2;
    border-top: solid 1px #2a2;
    border-bottom: solid 2px #2a2;
    
    color: #c00;
    background-color: #ccffcc;
    font: bold 12px Verdana, Arial ;
    
    text-decoration: none; padding: 0px; margin: 0px;

    }

#leftbar a:hover {color: #422; background-color: #A2C4CF;}
#leftbar a.last {border-bottom: solid 1px #225;}
#leftbar a.current {background-color:#00a;}
#leftbar a.currentlast {background-color:#00a; border-bottom: solid 1px #225;}
#leftbar a.noborder {border: 0px; padding: 0px;}
#leftbar a.noborder:hover {background-color: #4886F6;}


#leftbar p, #leftbar h3, #rightbar p, #rightbar h3 {
	margin-top: 0;
	margin-bottom: 1em;
}

#rightbar {
	float: right;
	width: 96px;
	padding: 5px;
	font-size: smaller;
}

#layout_2 #content, #layout_3 #content {
     
  
    float: left;
    margin-left: 2px;
    width: 798px;
    background-image: url(/images/bgimg0.jpg);
    font: Arial, Helvetica, sans-serif; 
    /*font-size: smaller;*/
        /* font: 11pt/14pt fantasy, cursive, Serif;*/


}
#layout_3 #content {
	margin-right: 100px;
	margin-left: 100px;
}

#layout_4 #content {
    float: left;
    width: 680px;
    margin-right: 160px;
	margin-left: 160px;
}

/* Header navigation area ------------------------------------------------- */
#headnav {
    color: inherit;
	background-color: #FDEEF4;
	height: 90px;
	position: relative;
	font-size: 110%;
	color: #a0c0aa;
	background-image: url(/images/headnav_bgimg.gif);
}
#headnav img {
	border: 0px;
	margin: 1px 1px;
}
#headmenu {
        position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: right;
	padding-left: 106px;
	font-size: 192%;
	font: bold 16px Verdana, Arial ;
	color: #a0c0aa;
	
}
#headmenu a:hover {color: #411; background-color: #FFFF80;}

#status {
	background-color: white;
	border-width: 0px 0px;
	border-color: #ffccff;
	border-style: solid;
	text-align: right;
	padding-right: 0px;
	font-size: 80%;
	color: white;
}


#headsearch {
	background-color: white;
	border-width: 0px 0px;
	border-color: #338866;
	border-style: solid;
	text-align: right;
	padding-right: 0px;
	font-size: 75%;
	color: white;
}
#headsearch input.submit {
	vertical-align: baseline;
}
#headsearch form, #headsearch p {
	margin: 0px;
}
#headsearch span.shortkey {
	text-decoration: underline;
	font-size: 100%;
}

/* Footer navigation area ------------------------------------------------- */
#footnav {
	color: inherit;
	background-color: #9999cc;
	border-width: 1px 0px;
	border-color: #333366;
	border-style: solid;
	text-align: right;
	padding-right: 6px;
}
#pagefooter {
	position: relative;
	font-size: 75%;
	color: inherit;
	background-color: #ff66ff;
	width: 100%;
}
#thismirror {
	text-align: right;
	margin-left: 50%;
	padding: 6px;
}
#copyright {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 6px;
	margin-right: 30%;
}
#footnav a, #headmenu a {
	font-size: 75%;
	text-decoration: none;
}

/* Credits page styles ---------------------------------------------------- */
.e {
	background-color: #ccccff;
	color: inherit;
	font-weight: bold;
}
.h {
	background-color: #9999cc;
	color: inherit;
	font-weight: bold;
}
.v, .vr {
	background-color: #cccccc;
	color: inherit;
}
.vr {
	text-align: right;
}
span.asciimath {
	font-family: serif;
	font-size: 12pt;
}
/* PHP source code highlighting ------------------------------------------- */
div.phpcode span.html {
	color: black;
	background-color: transparent;
}
div.phpcode span.comment {
	color: #FF8000;
	background-color: transparent;
}
div.phpcode span.default {
	color: #0000BB;
	background-color: transparent;
}
div.phpcode span.keyword {
	color: #007700;
	background-color: transparent;
}
div.phpcode span.string {
	color: #DD0000;
	background-color: transparent;
}


input.signupData { font-size:12px; }

/* Table from StarPoint layout -------------------------------------------------------- */
table.topscore { border-bottom: 0px black solid; margin-left:auto; margin-right:auto; 
                 border-collapse:collapse; background-color:#ffccff;}


table.topscore th { font-size:12px; line-height:15px; font-weight:bold; color:#000; 
                    background-color:#4886F6; text-align:center; border:1px black solid;}


table.topscore th.subhead {background-color:#ccffcc; padding-top: 2px; padding-bottom: 2px;}


table.topscore td {color:#000; border:1px black solid;}
table.topscore td.right {text-align:right;}
table.topscore td.center {text-align:center;}

table.course {border-bottom: 1px black solid;}



table.course th {font-size:12px; line-height:14px; font-weight:bold; color:#fff; background-color:#A43C2E; text-align:left;
	border-bottom: none; border-top: 1px black solid; border-left:1px black solid; border-right:1px black solid;}
	
	table.course th.odd {font-size:12px; line-height:14px; font-weight:bold; color:#fff; background-color:66ffcc; text-align:left;
	border-bottom: none; border-top: 1px black solid; border-left:1px black solid; border-right:1px black solid;}
	table.course th.even {font-size:12px; line-height:14px; font-weight:bold; color:#fff; background-color:#99ccff; text-align:left;
	border-bottom: none; border-top: 1px black solid; border-left:1px black solid; border-right:1px black solid;}
	
table.course td {border-top:1px black solid; border-bottom:none; border-right:1px black solid;}
table.course td.start {border-left: 1px black solid; background-color:#ffa; color:#fff; width: 8em;text-align: center;
	padding:0px;}
table.course td.start a {display: block; text-align: center; text-decoration: none; color:#000; padding: 3px;}
table.course td.start a:hover {color: #411; background-color: #BEC4CF;}
table.course td.topscore {background-color:#ffa; color:#fff; width: 8em;text-align: center;
	padding:0px;}
table.course td.topscore a {display: block; text-align: center; text-decoration: none; color:#000; padding: 3px;}
table.course td.topscore a:hover {color: #411; background-color: #BEC4CF;}
table.course td.spacer {border-left: 1px black solid; background-color:#4886F6; margin:0px; padding:0px; height:5px;font-size:1px;}

table td.whitespacer {border-left: none; border-top: 1px black solid; border-right:none; margin:0px; padding:0px;}


table.receipt {border: 1px black solid; padding:10px; background-color:#f8f8f8;}
table.receipt td {border:none; text-align:left; padding: 1px; padding-right: 10px;}
table.receipt th {background-color:#99FFFF; color:#000; border:none; text-align:left; padding: 1px;}
table.receipt td.center {text-align:center;}
table.receipt td.header {font-size:12px; line-height:14px; font-weight:bold; color:#fff; background-color:#A43C2E; text-align:left; padding:4px;}
table.receipt td.spacer {border:none; background-color:#ddd; margin:0px; padding:0px; line-height:0px; height:1px; font-size:1px;}
table.receipt td.right {text-align:right;}
table.receipt th.right {text-align:right;}
table.receipt th.declined {text-align:center; color:#A43C2E; font-style:italic; font-size: 14px;}

table.viewbydate {border: 1px black solid; padding:10px; background-color:#f8f8f8; border-spacing: 0px; margin-left:auto; margin-right:auto;}
table.viewbydate th {border-top: none; border-left: none; border-right: none; border-bottom: 1px black solid; background-color:#f8f8f8; color:#000; padding-left:10px; padding-right:10px;}
table.viewbydate td {border: none; padding-left: 10px; padding-right: 10px; padding-top: 1px; padding-bottom: 1px; text-align:right;}
table.viewbydate td.center {text-align:center;}
table.viewbydate td.left {text-align:left;}
table.viewbydate th.username {text-align:left; border:none; background-color:#A43C2E; color:#fff; padding:3px;}
table.viewbydate td.spacer {border-top:1px black solid;}
table.viewbydate td.endspacer {border-top:1px black solid; margin:0px; padding:0px; line-height:0px; height:1px; font-size:1px;}
table.viewbydate tr.dark {background-color:#e8e8e8;}

table.items {border: 1px black solid; background-color:#ffffff; padding:10px;}
table.items th {background-color:#99CCFF; padding-right: 10px;}
table.items th.right {text-align:right; border-top: 1px white solid;}
table.items td.total {text-align:right; border-top: 1px black solid;}

table.form {border: 1px black solid; padding:10px; background-color:#f8f8f8; font-size:12px;}
table.form td {border: none; line-height:20px; text-align:left;}
table.form td.center {text-align:center;}

table.form td.label {font-size: 14px; background-color:#ffcccc; color:#000; border: 1px #cc00FF ; text-align:;}
table.form td.field {font-size: 12px; background-color:#ffddff; color:#000; border: 1px #0000FF solid; text-align:left;}

table.form th {background-color:#f8f8f8; color:#000; border: none; text-align:right;}
table.form td.spacer {border:none; background-color:#ddd; margin:0px; padding:0px; line-height:0px; height:1px; font-size:1px;}
table.form span.required {color:#A43C2E;}
table.form td.error {line-height:14px; padding:0px; color:#0000FF; font-weight:bold; text-align:center;}
table.form td.errorleft {line-height:14px; padding:5px; color:#0000FF; font-weight:bold; text-align:left; border: 1px #0000FF solid; background-color:#DDDDFF;}
table.form td.header {font-size:12px; line-height:14px; font-weight:bold; color:#fff; background-color:#A43C2E; text-align:left; padding:4px;}

table.empty {border: none; padding: 0px; margin:0px;}
table.empty td {padding: 2px; line-height:14px; margin:0px;}

table.emptyright {border: none; padding: 0px; margin:0px;}
table.emptyright td {padding: 2px; line-height:14px; margin:0px;text-align:right;}

table.totallyempty {border: none; padding: 0px; margin:0px;}
table.totallyempty td {border: none; padding: 2px; line-height:14px; margin:0px;}

table.invoice {border: none; padding: 0px; margin:0px;}
table.invoice td {border: none; padding: 2px; line-height:14px; margin:0px;}
table.invoice th {border: 1px black solid; padding: 2px; line-height:14px; margin:0px;}

table.access {background-color:#f8f8f8;}
table.access td {padding: 2px; border-bottom: 1px black solid;}
table.access th {padding: 2px; border-bottom: 1px black solid;}
table.access td.start {border-left: 1px black solid;}
table.access th.start {border-left: 1px black solid;}

table.lined {background-color:#ffffff; width: 80%; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px;
		border-bottom: none; border-top: none; border-left: 1px black solid; border-right: none;}
table.lined td {border-bottom: 1px black solid;}
table.lined th {text-align: left;}

td {border-right: 0px black solid; padding-top: 3px; padding-bottom: 1px;
    background-color:#ddddff; color:#000; font-size: 90%;
    }
td.logo {border-right: 0px black solid; padding-top: 3px; padding-bottom: 1px;
    background-color:#ffffff; color:#000; font-size: 90%;
    }
th {background-color:#99ccff; color:#000;
    border-top:1px blue silver;
    border-bottom: 1px sliver solid;
    border-right: 1px silver solid;
    border-left: 1px silver solid;
    }
    
td.first {border-left: 1px black solid;}
td.borderbottom {border-bottom: 1px black solid;}
td.white {border:none; color:#fff; font-weight:bold;}
td.noborder {border: none;}
th.first {border-left: 1px black solid;}

th.deny {     border-bottom: 0px black solid;
              border-left: 0px black solid;
              border-top: 0px black solid;
              border-right: 0px black solid;

              background-color:red; padding: 1px;}

td.highlight {border-bottom: 1px black solid;
              border-left: 1px black solid;
              border-top: 1px black solid;
              border-right: 1px black solid;
	          text-align: center; background-color:#A43C2E; padding: 0px;}
td.highlight a {display: block; text-align: center; text-decoration: none; color:#fff; padding: 3px; font-size: 1.2em;}
td.highlight a:link {color:#fff;}
td.highlight a:visited {color:#fff;}
td.highlight a:hover {color: #411; background-color: #BEC4CF;}
span.important {font-size: 1.5em;}

table.blue {border: 1px black solid; background-color:#4886F6;}
table.bear {border: 0px; background-color:#ffffff;}
table {margin-bottom: 0.0ex;}

th.be1 {border-right: 0px ; padding-top: 0px; padding-bottom: 0px;
    background-color:#ffffff; color:#000; font-size: 90%;
    }
td.be2 {background-color:#ffffff; color:#000;
    border-top: 0px;
    border-bottom: 0px;
    border-right: 0px;
    border-left: 0px;
    }



/* Standard tables -------------------------------------------------------- */
table.standard td {
	background-color: #eeeeee;
	color: inherit;
}
table.standard th {
	background-color: #cccccc;
	color: inherit;
}
table.standard td.highlight {
	background-color: #ffffcc;
	color: inherit;
}
table.standard td.sub, table.standard th.sub,
table.standard th.subr, table.standard th.subl {
	background-color: #dddddd;
	color: inherit;
}
table.standard th.subr {
	text-align: right;
	vertical-align: top;
}
table.standard th.subl {
	text-align: left;
	vertical-align: top;
}

/* Mirror listing tables -------------------------------------------------- */
table.mirrors td {
	background-color: #eeeeee;
	color: inherit;
	font-size: smaller;
}
table.mirrors th {
	background-color: #cccccc;
	color: inherit;
}
table.mirrors th.ch {
	text-align: left;
}
table.mirrors th img {
	border: 1px solid #000000;
}
table.mirrors th.flag {
	width: 45px;
}
table.mirrors tr.this td {
	background-color: #ffffcc;
	color: inherit;
}
table.mirrors td.caret {
	text-align: right;
	background-color: white !important;
	color: inherit;
}

/* Calendar table --------------------------------------------------------- */
table#cal {
	font-size: smaller;
	background-color: #a0a0a0;
	color: inherit;
}
table#cal td {
	background-color: #f0f0f0;
	color: inherit;
	vertical-align: top;
}
table#cal a {
	text-decoration: none;
}
table#cal a:hover {
	text-decoration: underline;
}
table#cal a.day {
	float: right;
	font-weight: bold;
	color: #666666;
	background-color: transparent;
}
table#cal div.event {
	margin-bottom: 2px;
	padding-bottom: 2px;
	border-bottom: 1px dashed #000000;
}
table#calnav td, table#cal td.notaday {
	background-color: #d0d0d0;
	color: inherit;
}
table#cal a.cat1 {
	color: green;
	background-color: transparent;
}
table#cal a.cat3 {
	color: black;
	background-color: transparent;
}

/* Logos table ------------------------------------------------------------ */
table#logos {
	background-color: #f0f0f0;
	color: inherit;
}
table#logos td {
	vertical-align: middle;
}
table#logos td.logo, table#logos td.logob {
	text-align: center;
	width: 33%;
	background-color: #ffffff;
	color: inherit;
}
table#logos td.logob {
	background-color: #000000;
	color: inherit;
}
table#logos td.star {
	width: 20px;
}
span.star {
	font-size: 1.5em;
	font-weight: bold;
	color: #6868cd;
}
table#logos td ul {
	padding-left: 15px;
	list-style-type: square;
}

/* User notes on manual pages --------------------------------------------- */
div#usernotes {
	background-color: #e0e0e0;
	color: inherit;
}
div#usernotes div.head, div#usernotes div.foot {
	background-color: #d0d0d0;
	color: inherit;
	padding: 4px;
}
div#usernotes div.foot {
	text-align: right;
}
div#usernotes div.foot a, div#usernotes div.head a {
	color: black;
	background-color: transparent;
}
div#usernotes span.action {
	float: right;
}
div#usernotes div.note {
	padding: 4px;
}
div#usernotes div.text {
	background-color: #f0f0f0;
	color: inherit;
	padding: 2px;
	margin-top: 4px;
}

/* Left sidebar TOC on manual pages --------------------------------------- */
ul.toc {
	margin: 1px 1px 1px 1px;
	padding: 0px;
	
	border-bottom: 3px solid #ccccff;
	border-top: 1px solid #ccccff;
	border-left: 1px solid #ccccff;
	border-right: 1px solid #ccccff;
	
	background-color: #FFFFFF;
	

}
ul.toc li {
	font-size: 110%;
	margin: 8px 0 10px 1px;
	padding: 1px 0 1px 11px;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: center left;

	
	
}
ul.toc li.header {
	font-size: 110%;
	padding: 5px 0px 5px 11px;
	

	
	margin-bottom: 5px;
}
ul.toc li.active {
	font-weight: bold;
}
ul.toc li a {
	text-decoration: none;
}
ul.toc li a:hover {
	text-decoration: underline;
}

/* Top and bottom navigation controls on manual pages --------------------- */
div.manualnavbar {
	background-color: #99ff66;

	padding: 2px;
	margin-bottom: 30px;
	
	border-bottom: 1px solid #ff0033;
	border-top: 1px solid #ff0033;
	border-left: 1px solid #ff0033;
	border-right: 1px solid #ff0033;
	
	
}
div.manualnavbar a {
	text-decoration: none;
}
div.manualnavbar a:hover {
	text-decoration: none;
}
div.manualnavbar .prev, div.manualnavbar .langchooser {
	padding-right: 4px;
}
div.manualnavbar .next, div.manualnavbar .lastupdated {
	float: right;
	padding-left: 4px;
}
div.manualnavbar hr {
	color: #cccccc;
	background-color: #cccccc;
}
div.manualnavbar form {
	margin: 0px;
	font-size: 75%;
}
div.manualnavbar .lastupdated {
	font-size: 75%;
}

/* for searching system... */
ul#search-results {
  list-style-type: none;
}
ul#search-results li {
  margin-top: 0.5em;
  list-style-type: none;
}
ul#search-results p {
  margin: 0;
}
ul#search-results p.result {
	font-weight: 700;
}
ul#search-results p.summary,
ul#search-results p.meta {
  font-size: 0.8em;
  margin-left: 1em;
}
ul#search-results p.meta {
  color: #008000;
}
ul#search-results p.meta a {
  color: #8284cc;
}
div#results_nav {
	margin: auto;
	width: 200px;
	text-align: center;
}

ul#results_nav_list {
        margin-top: -1em;
	text-align: center;
	padding: 0px;
}
ul#results_nav_list li {
	display: inline;
	margin-right: 0.4em;
	list-style-type: none;
}

/* Definition lists used on eg. the unsub page */
dl dd {
	margin: 0.5em 0 0.5em 2em;
}

/* Event month header on homepage */
h4.eventmonth {
	border-style: solid;
	border-color: black;
	border-width: 0px 1px 1px 0px;
	background-color: #d3d3d3;
	padding: 2px;
}