/***************************************************************
 * TITLE: Common Stylesheet for Blue Haze                      * 
 * URI  : http://www.oswd.org/design/xxx/bluehaze/bluehaze.css *
 * MODIF: 2003-01-05 1608 +0800                                *
 ***************************************************************/
* { margin: 0; padding: 0; }

/* ###### Browser-specific Styles ###### */

/* For IE & Mozilla-based browsers: */

.LHS {
  margin-left: 2.5mm;
  float: left;
  clear: left;
}

.RHS {
  margin-right: 2.5mm;
  float: right;
  clear: right;
}

/* For Mozilla-based (CSS2-fully complaint) browsers only: */

[class~="LHS"] {
  margin-left: 5mm;
}

[class~="RHS"] {
  margin-right: 5mm;
}


/* ###### Body Text ###### */

body {
  background: #fff;

  color: black;
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  font-size: 95%;
  margin: 0;
  padding: 0;
 
}

h1, h2, h3 {
  font-family: "trebuchet ms", tahoma, sans-serif;
  margin-bottom: 0.5em;
}

h2 { margin-bottom: 1em; margin-top: 1em; }
h1 {
  font-weight: bold;
  font-size: 150%;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0.5ex;
}

h2 {
  font-weight: bold;
  font-size: 150%;
/*  padding-top: 0.5ex; */
}

h3 {
  font-size: 110%;
}


img {
  border: none;
}

q {
  font-family: tahoma, verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  border-style: dotted;
  border-width: 2px;
  margin: 0 1em 1ex 1em;
  padding: 0.5ex 0.5ex 0.5ex 1ex;
  width: 9em;
  float: left;
}

#image {
float:right;
width:230px;
margin:0 0 15px 20px;
padding:15px;
border:1px solid black;
text-align:center;
background-color: #ffffff;
}

#image_260 {
float:right;
width:280px;
margin:0 0 15px 20px;
padding:15px;
border:1px solid black;
text-align:center;
background-color: #ffffff;
}

#image_180 {
float:right;
width:190px;
margin:0 0 15px 20px;
padding:15px;
border:1px solid black;
text-align:center;
background-color: #ffffff;
}


acronym {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  cursor: help;
}

code {
  font-family: "lucida console", monospace;
  font-size: 90%;
}

dt {
  font-weight: 600;
}

dd {
  padding-bottom: 1.5em;
}

th {
  text-align: left
}

#bodyText {
  text-align: left;
  line-height: 1.5em;
  margin: 0;
  padding: 1.75em 1.75em 1em;
	overflow: hidden;
}
#bodyText-wrapper {
}
.section {
  width: 35em;
  padding: 1em; 
  float:left;
}

#bodyText_links {
  /*text-align: left;*/
  line-height: 1.5em;
  margin: 10mm 5mm 0 14em;
  padding: 0 1em 1ex 1em;
}

#bodyText p {
  padding-bottom: 2ex;
  line-height: 1.5em;
}

#bodyText a {
  text-decoration: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

#bodyText a:hover {
  border-bottom: none;
}

#bodyText .topOfPage {
  font-size: 90%;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: none;
  border: none;
  padding-left: 1ex;
  padding-right: 1ex;
  float: right;
}

.smallCaps {
  font-variant: small-caps;
}


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

#header {

  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-bottom: 0;
  padding: 0 2.5mm 0 5mm;
}



#header h1 { 
	color: #FFF;
	padding-top: 10px; 
	border-bottom-width: 0px;
	margin-left: 0.25em;
	}
#header h1 span {
	display:none
	}

/*
.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }
*/

.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0; z-index: 1;}
.rbroundbox { width: 11em; margin: 1.25em; z-index: -1; }

.rbinside { background-color: #fafcff; z-index: 1;}

.rbcontent a, .rbcontent a:hover, .rbcontent span {
  color: black;
  text-decoration: none;
  line-height: 1.25em;
  display: block;
  padding: 1.25ex 0.0em 1.25ex 0.0em;
}

.rbcontent div {
  font-weight: bold;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  padding: 0.5ex 0.5em 0.5ex 0.75em;
}


.menuBar {
  float: left;
}

.locBar {
  float: right;
}

.menuBar *, .locBar * {
  text-decoration: none;
  font-weight: bold;
  padding-right: 1ex;
}

.menuBar a:hover, .locBar a:hover {
  text-decoration: underline;
}


/* ###### Side Box ###### */

.sideBox {
  border-style: solid none solid none;
  border-width: 2px 0 2px 0;
  width: 11em;
  margin-top: 5mm;
}


.sideBox div {
  font-weight: bold;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  padding: 0.5ex 0.5em 0.5ex 0.75em;
}

.rbcontent ul {
  margin: 0; padding:0;
}

.rbcontent li {
  list-style: none; 
}

.rbcontent li a, .rbcontent li a:hover {
  padding-left: 12px;
  padding-right: 5px;
}


.sideBox a, .sideBox a:hover, .sideBox span {
  color: black;
  text-decoration: none;
  line-height: 1.25em;
  display: block;
  padding: 1.25ex 0.5em 1.25ex 0.75em;
}


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

#footer {
  padding: 0.75ex 25px;
  clear: left;
}

#footer div {
  font-size: 85%;
  line-height: 1.25em;
  text-align: left;
  padding-left: 3mm;
}

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

.footerRHS {
  float: right;
  clear: right;
  padding-right: 3mm;
}

/*
ul
{
list-style-image: url('arrow.jpg')
}
*/

#button a
{
background: transparent url(button.jpg) no-repeat top left;
z-index: 9;
}

#button a:hover {
background: transparent url(button_pressed.jpg) no-repeat top left; 
z-index: 9;
}

#bodyText dd, #bodyText li { margin-left: 2.5em; }
#bodyText ul, #bodyText ol, #bodyText dl { margin-bottom: 1em; }

.picr {
	margin: 1em 0 1em 1em;
	float: right;
	display: inline;

}

.picl {
	margin: 1em 1em 1em 0;
	float: left;
	display: inline;
}

#userpref fieldset {
	border: none;
	padding: 0.5em 0.5em 0.5em 1.5em;
}

#userpref label {
	margin-right: 0.5em;
}

#footer div {
	padding: 0;
}

#footer {
	padding: 1.5em;
}

.mid {
	font-size: .75em;
	vertical-align: 0.25em;
}

#header h1, #header a { text-indent: -9999px; display: block; height: 100px;}

#header { height: 100px; }

#home-images li {
	list-style: none;
	float: left;
	display: inline;
	margin: 0 20px 0 0;
}

#home-images {
	overflow: hidden;
}
#home-title {
	margin-bottom: 0;
}

#webgroup-h1 {
	margin: 0;
	padding: 1em 1em 0;
	color: white;
	background-color: #69C;
	width: 100%;
	border: none;
}

label { display: block; margin-top: 1em;}
input { display: block; }
textarea { display: block; }
.example { margin: 1.5em; padding: 1em; border: 1px dotted; background: #FFD; overflow: hidden; display: inline-block; }
.example { display: block; }
code { display: block; margin-bottom: 1em; display: pre;}
#skip { display: none; }
.blockpic { display:block; margin-bottom: 1em } 
.wg-quote { float: right; display: inline; margin: 0.5em; font-size: 2em; font-family: serif; }

#bodyText .B_crumbBox li { margin: 0; }
.B_crumbBox { overflow: hidden; position: relative; left: -1.5em;}
.B_crumbBox { display: inline-block;}
.B_crumbBox { display: block;}
.B_crumbBox li { list-style: none; float: left; margin: 0; text-indent: 0; padding: 0 20px 0 5px; background-image: url(bc-icon.jpg); background-position: 100% 0px; background-repeat: no-repeat;}
.B_crumbBox li.B_currentCrumb { padding-right: 0; background-image: none; }