/*************************************
 * TITLE: Sinorca Screen Stylesheet  *
 * URI  : sinorca/sinorca-screen.css *
 * MODIF: 2003-Apr-30 19:31 +0800    *
 *************************************/


/* ##### Common Styles ##### */

body {
  color: black;
  background-color: #FFCD66;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 71%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 8.5pt;
}

acronym, .titleTip {
  border-bottom: 1px dotted rgb(153,153,153);
  cursor: help;
  margin: 0;
  padding: 0 0 0.4px 0;
}

.doNotDisplay {
  display: none;
}

.smallCaps {
  font-size: 110%;
  font-variant: small-caps;
}


/* ##### Header ##### */

.superHeader {
  color: white;
  background-color: #0066CC;
  height: 2em;
  border-bottom: 1px solid #000000
}

.superHeader a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  font-size: 91%;
  margin: 0;
  padding: 0 0.5ex 0 0.25ex;
}

.superHeader a:hover {
  text-decoration: underline;
}

.superHeader .left {
  position: absolute;
  left: 1.5mm;
  top: 0.75ex;
}

.superHeader .right {
  position: absolute;
  right: 1.5mm;
  top: 0.75ex;
}

.midHeader {
  color: rgb(39,78,144);
  background-image: url(../images/login_midheader_bg.gif);
  background-color: #999999;
}

.headerTitle {
  font-size: 1px;
  font-weight: normal;
  margin: 0 0 0 0mm;
  padding: 6px 0 0 0;
}

.subHeader {
  color: white;
  background-color: #CCCCCC;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  height: 9px;
  font-size: 1px;
  border-bottom: 1px solid #000000
}

.subHeader a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 0.75ex 0 0.5ex;
}  

.subHeader a:hover {
  text-decoration: underline;
}

.superHeader .highlight, .subHeader .highlight {
  color: rgb(253,160,91);
  background-color: transparent;
}

#welcome {
	text-align: Center;
	padding: 0 40px 0 0;
	color: #FFE7B1;
	font-size: 420%;
}

/* ##### Main Copy ##### */

#main-copy {
  color: black;
  background-color: #FFCD66;
  text-align: center;
  line-height: 1.5em;
  margin: 0 0 0 0;
  padding: 0.25mm 5mm 5mm 5mm;
}

#main-copy table {
	background-color: #FFFFCC;
	text-align: left;
}

#main-copy p {
  text-align: left;
  margin: 1em 1em 1em 1em;
  padding: 0;
}

#main-copy .error {
	color: #990000;
	font-weight: bold;
	text-align: center;
}

#main-copy a {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: underline;
}

#main-copy a:hover {
  text-decoration: none;
}

#main-copy h1 {
  color: #0066CC;
  font-size: 140%;
  font-weight: bold;
  margin: 0 0 0 15px;
  padding: 0 0 0 0;
  border-bottom: 1px solid #0066CC;
  width: 200px;
}
/*#main-copy h2 {
  color: #999999;
  font-size: 220%;
  font-weight: normal;
  margin: 5px 0 0 40px;;
  padding: 0 0 0 0;
}
*/
#main-copy h2 {
  font-family:Arial, Helvetica, sans-serif;
  color: #0066CC;
  font-size: 160%;
  font-weight: bold;
  line-height: 18pt;
  margin: 1em 1em 1em 1em;
  padding: 0 0 0 0;
  border-bottom: 1px solid #0066CC;
  width: 62%;
}
#main-copy .topOfPage {
  color: white;
  background-color: transparent;
  font-size: 91%;
  font-weight: bold;
  text-decoration: none;
  margin: 2.5ex 1ex 0 0;  /* For MSIE */
  padding: 0;
  float: right;
}

#main-copy > .topOfPage {
  margin: 2.75ex 1ex 0 0;  /* For fully standards-compliant user agents */
}

#main-copy .dotted {
	background-image: url(../images/login_divider.gif);
	width: 10px;
}
#main-copy .logintopleft {
	background-image: url(../images/login_topleft.gif);
	background-repeat:no-repeat;
	background-color: #FFFFCC;
	width: 289px;
}
#main-copy .logintopright {
	background-image: url(../images/login_topright.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color: #FFFFCC;
	width: 289px;
}
#main-copy .loginbottomleft {
	background-image: url(../images/login_bottomleft.gif);
	background-repeat:no-repeat;
	background-color: #FFFFCC;
	width: 289px;
}
#main-copy .loginbottomright {
	background-image: url(../images/login_bottomright.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color: #FFFFCC;
	width: 289px;
}

#main-copy .checkboximage {
	background-image: url(../images/login_checkbox.gif);
	background-repeat: no-repeat;
	background-position:center;
	margin: 5px 0 0 0;
	width: 265px;
	height: 108px;
	text-align: center;
}

#main-copy .logintable {
	text-align: right;
	font-weight: bold;
	margin: 10px 0 0 10px;;
}

#main-copy .loginbutton {
	width: 265px;
	text-align: center;
	margin: 0 0 0 0;
}

dl {
  margin: 1em 1ex 2em 1ex;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0;
}

dd {
  margin: 0 0 2em 2em;
  padding: 0;
}


/* ##### Footer ##### */

#footer {
  color: white;
  font-size: 91%;
  margin: 0;
  padding: 1em 2.5mm 2.5ex 2.5mm;
  clear: both;
}

#footer .left {
  line-height: 1.45em;
  float: left;
  clear: left;
}

#footer .right {
  text-align: right;
  line-height: 1.45em;
}

#footer a {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

#footer a:hover {
  text-decoration: none;
}