/* General formatting **********************************************/

/* This section of formatting is mostly intended for the "plain html" files that get
 * included into pages.  The commands in here are generally intended to be "plain", i.e. 
 * without class names, and to cause casually formatted html to be consistent with the 
 * general look and feel of the site.  This section may be pulled out into a separate css
 * file at some point.
 */

/* Links on light background (default) */

a:link{text-decoration:none;color:#1176b6;background:transparent;}
a:visited{text-decoration:none;color:#1176b6;background:transparent;}
a:hover{text-decoration:none;color:#f57708;background:transparent;}

/* Links on dark background */

a.white:link{text-decoration:none;color:#ffffff;background:transparent;}
a.white:visited{text-decoration:none;color:#ffffff;background:transparent;}
a.white:hover{text-decoration:none;color:#90dbf7;background:transparent;}


/* Defines the body element for the entire page */
body {
	font-family:arial,helvetica,sans-serif;
	font-size:10pt;
}
body.mainpage {
	color: #ffffff;
	background: #555555;
}

/* Paragraph and lists text **********************************************************/


p {
	background: transparent;
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color:#444444;
    padding:0px;
    padding-bottom:10px;
    padding-top:0px;
    margin:0px;
}



/* Basic list entry text */

li {
	background: transparent;
    font-family:  Arial, Helvetica, sans-serif;
    margin-left:-5px;
    padding-left:0px;
    *margin-left:-2px;
    *padding-left:0px;
    padding-bottom:2px;
}

/* The large bullet icons below are aligned differently in IE and FF.  Hence the stupid star hack, 
which makes it work up to IE7. http://en.wikipedia.org/wiki/CSS_filter It would be better to actually
fix whatever the problem is.*/

li.slides {
	background: transparent;
    font-family:  Arial, Helvetica, sans-serif;
    margin-left:-5px;
    padding-left:0px;
    *margin-left:-12px;
    *padding-left:10px;
 	list-style-image:url("../images/slides.png");
}

li.tutorial {
	background: transparent;
    font-family:  Arial, Helvetica, sans-serif;
    margin-left:-5px;
    padding-left:0px;
    *margin-left:-12px;
    *padding-left:10px;
 	list-style-image:url("../images/tutorial.png");
}

li.help {
	background: transparent;
    font-family:  Arial, Helvetica, sans-serif;
    margin-left:-6px;
    padding-left:3px;
 	list-style-image:url("../images/help.jpg");
}

li.pdf {
	background: transparent;
    font-family:  Arial, Helvetica, sans-serif;
    margin-left:-6px;
    padding-left:3px;
 	list-style-image:url("../images/pdf.jpg");
}


ul {
    list-style-image:url("../images/bullet-default.gif");
	list-style-type:square;
    font-size: 10pt;
    line-height: normal;
    font-style: normal;
    font-weight: normal;
    padding:0px;
	margin:0px;
	padding-top:0px;
	padding-left:25px;
	padding-bottom:10px;
	margin-left:0px;
	color:#444444;
}

ul.compressed {
    list-style-image:url("../images/bullet-default.gif");
	list-style-type:square;
    font-size: 8pt;
    line-height: normal;
    font-style: normal;
    font-weight: normal;
    padding:0px;
	margin:0px;
	padding-top:0px;
	padding-left:25px;
/*	padding-bottom:10px; */
	margin-left:0px;
	color:#444444;
}

ol {
	list-style-type:decimal;
    line-height: normal;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
	padding:0px;
	margin:0px;
	padding-top:0px;
	padding-left:25px;
	padding-bottom:10px;
	margin-left:0px;
	color:#444444;
}


/* Add this class to an element to put in vertical whitespace around it. */

.vspace {
	padding-bottom:5px;
}

.scroll-box {
    width: 240px;
    height: 500px; 
    overflow: auto; 
    padding-left:0px;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:10px;
/*    background:#e8e8ff;  */
/*	border-top: solid #cccccc 1px;
	border-bottom: solid #eeeeee 1px;
	border-left: solid #cccccc 1px;*/
	border-right: solid #cccccc 1px;
	margin:0px;
}


/* Miscellaneous ***************************************************************/
hr {
    margin-top:10px;
    margin-bottom:10px;
    height:1px;
    border-width:0px;
    background-color:#cccccc;
}

/* Headers *******************************************************************/
h1 {
    color: #f57708;
	background: transparent;
        font-family:  arial, helvetica, sans-serif;
        font-size: 18pt;
		font-weight: bold;
        line-height: normal;
        font-style: normal;
        margin-left: 0px;
        margin-right: 0px;
/*	font-variant: small-caps; */
}

h1.box {
        color: #222222;
	background: transparent;
        font-family:  arial, helvetica, sans-serif;
        font-size: 14pt;
		font-weight: normal;
        line-height: normal;
        font-style: normal;
        margin-left: 0px;
        margin-right: 0px;
}

h2 {
	background: transparent;
	color:#444444;
        font-family:  arial, helvetica, sans-serif;
        font-size: 12pt;
		font-weight: bold;
        line-height: normal;
        font-style: normal;
        margin-left: 0px;
        margin-right: 0px;
	margin-top:0px;
	margin-bottom:10px;
	padding-top:5px;
}

h3 {
	background: transparent;
	color: #444444;
        font-family:  arial, helvetica, sans-serif;
        font-size: 10pt;
		font-weight: bold;
        line-height: normal;
        font-style: normal;
        margin-left: 0px;
        margin-right: 0px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	padding-bottom:10px;
}

h4 {
	background: transparent;
        font-family:  arial, helvetica, sans-serif;
        font-size: 9pt;
		font-weight: normal;
        line-height: normal;
        font-style: normal;
        margin-left: 0px;
        margin-right: 0px;
	margin-top:0px;
	margin-bottom:0px;
}

/* Tables ********************************/
table {
	background: transparent;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9pt;
		font-weight: normal;
	border: 0px;
	border-top: solid #cccccc 1px;
	border-bottom: solid #cccccc 1px;
	color: #000000;
	text-align: left;
}

td	{
	vertical-align: top;
}

.table-header {
	background: transparent;
	color: #444444;
       font-family:  arial, helvetica, sans-serif;
       font-size: 11pt;
	font-weight: normal;
       line-height: normal;
       font-style: normal;
       margin-left: 0px;
       margin-right: 0px;
	margin-top:0px;
	margin-bottom:0px;
}

td.hv-portal {
    background-image: url(../images/hv-portal.png); 
/*	background: #ff0000; */
	height: 315px;
	width: 512px; 
}

/* LAYOUT SPECIFIC STYLES *************************************************************/

/* The styles below are intended to describe layout-level styling, and should not
 * in general be used in the content html.  In general they would be used in the
 * template files.
 */

#wrapper {
	position: absolute; 
	top: 0px;
	left: 10px;
	right: 10px;
	min-width:975px; 
/*	width:1200px; */
} 

.background {
    background-image: url(../images/box-background-1.png); 
    background-repeat: no-repeat;
    background-position: right top; 
} 

.big-text {
    font-size:10pt;
/*    line-height:16pt; */
    color:#666666;
    font-weight:normal;
}



.noborder {
	border:0px;
}

.border {
	border:1px;
    color:#666666;
}


.leftborder {
	border-left:1px solid #cccccc;
	padding-left:20px;
	margin-left:0px;
}

.rightborder {
	border-right:1px solid #cccccc;
	padding-right:20px;
	margin-right:20px;
}

.img-right {
	padding-left:10px;
	padding-bottom:5px;
	padding-top:5px;
	width:200px;
	float:right;
	
}

.small-caps {
/*	font-variant: small-caps; */
	font-weight:normal;
	font-size:10pt;
}

.pretty-box {
	margin: 0 10px 10px 0;
	padding: 0px;
	border: 1px solid #ffffff;
	background: transparent;
	font-family:  times, serif;
	font-size: 11pt;
	font-weight: normal;
	font-style: normal;
	background-image: url(../images/content-gradient-1.png); 
	background-repeat: no-repeat;
	background-position: right top; 
	color:#666666;
}

.quote {
	font-family:  times, serif;
	font-size: 11pt;
	font-weight: normal;
	font-style: normal;
	color:#666666;
	padding:5px;
}

.map-quote {
	font-family:  times, serif;
	font-size: 9pt;
	font-weight: normal;
	font-style: normal;
	color:#666666;
	padding:0px;
	padding-top:5px;
}

.sig {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	font-style: italic;
	padding-left:180px;
	padding-top:5px;
	padding-bottom:5px;
    color: #55809b;
}

.map-sig {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	font-style: italic;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
    color: #55809b;
}

.readmorelink {
    text-align:right;
    font-family:  arial, helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}


.box-readmorelink {
    text-align:right;
    color: #eeeeee;
    font-family:  arial, helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    padding:0px;
    margin:0px;
    padding-top:5px;
}

.indent {
    padding-left:30px;
    margin: 5px 5px 5px 5px;
}

/* This is the top strip where the language menu, sitemap, breadcrumbs and search are located */
#top-strip {
	position:relative;
	text-align:left;
	*width:100%;
	min-width:120px;
	margin:0px;
	margin-left:180px;
	margin-top:5px;
	padding:0px;
	padding-bottom:2px; 
}

input.btn { 
	  color:#555555; 
	  font: bold 9px 'arial',helvetica,sans-serif; 
	  background-color:#dddddd; 
	  border: 1px solid; 
	  border-color: #ffffff; 
	  height:20px;
	  width:75px;
	  margin:0px;
	  margin-bottom:1px;
	  text-align:left;
} 

.last-updated {
    position:relative; 
	color:#777777;
	font-family:arial,helvetica,sans-serif;
	font-size:8pt;
	font-style:italic;
	text-align:right;
	padding:0px;
	margin:0px;
	margin-right:-20px;
	margin-bottom:-10px;
}

.last-updated-help {
    position:relative; 
	color:#777777;
	font-family:arial,helvetica,sans-serif;
	font-size:8pt;
	font-style:italic;
	text-align:right;
	padding:0px;
	margin-right:10px;
}

#bboxes {

}

/* This area contains the content-boxes, and ensures that the content area
is a minimum height (so the stuff at the bottom looks good). *************************************/
#content {
	position:relative; 	
	margin:0px 210px 0px 180px; 
	padding:0px;
	min-width:500px;
}
 
 
#wide-content {
	position:relative; 
	margin:0px  0px 0px 180px; 
	padding:0px 0px 0px 0px; 
		
}


/* Used for the central content area. Can have more than one. */

/* Position is declared "relative" to gain control of stacking order (z-index). */
/* This allows the content to overlap the right menu in narrow windows in good browsers. */
.content-box-image {
	position:relative; 
	width:auto;
	margin:0px 0px 0px 0px; 
	background-color:#fcfdfd;
	color:#666666;
	padding:10px 30px 10px 30px; 
	z-index:3; 
	background-image: url(../images/content-background-1.png); 
	background-repeat: no-repeat;
	background-position: right top; 
}

.content-box-gradient {
/*	position:relative; */
	width:auto; 
	margin:0px 0px 0px 0px;
	background-color:#ffffff;
	color:#666666;
	padding:10px 30px 10px 30px;
	z-index:3; 
	background-image: url(../images/content-gradient-1.png); 
	background-repeat: no-repeat;
	background-position: right top;
/*	text-align:justify; */
}

.content-box {
	position:relative; 
	width:auto; 
	margin:0px 0px 0px 0px;
	background-color:#ffffff;
	color:#666666;
	padding:10px 30px 10px 30px;
	z-index:3; 
}

.help-iframe {
	width:100%;
	min-height:300px;
	border:0px; 
	margin:0px;
	padding:0px;
}

.content-iframe {

	width:100%;
	height:300px;
	position:relative;
	border:0px; 
	top:0px;
	left:0px;
	right:0px;
	margin:0px;
	padding:0px;
	
	
}


.single {
    min-height:450px;
}

/* Definition of the the left-side menu -- note weird stuff below ***************************/
#left-menu {
	position:absolute; 
/*	position:relative; */
	width:160px; 
	top:50px;
	left:0px; 
	text-align:right;
	padding:0px;
	z-index:2;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */

body>#left-menu {width:128px;}

.left-menu-gmcl {
    color:#b9cbd5;
}

hr.left-menu {
    margin-top:10px;
    margin-bottom:10px;
    height:1px;
    border-width:0px;
    color:#cccccc;
    background-color:#777777;
}

.left-menu-link {
    font-family:arial,helvetica,sans-serif;
/*	font-variant: small-caps; */
    color: #ffffff;
    font-size:10pt;
    font-weight:normal;
/*    border:1px solid #ff0000; */
    padding:0px;
    padding-bottom:4px;
}



/* Definition of the the left-side help menu -- note weird stuff below */
/*
#left-help-menu {
	position:absolute;
	width:200px;
	top:48px;
	left:20px; 
	text-align:left;
	padding:0px;
	z-index:2;
*/
/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
/*
	voice-family: "\"}\"";
	voice-family:inherit;
	}
*/	
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
/*
body>#left-help-menu {width:128px;}
*/
/*
.left-help-box {
	position:relative;
	width:auto; 
	padding:0px 10px 1px 10px; 
	margin-left:0px;
	font-family:arial,helvetica,sans-serif;
	color:  #444444;
	background: #b0c6d2;
	font-size:9pt;
	background-image: url(../images/box-gradient-1.png); 
	background-repeat: repeat-x;
	background-position: right top; 
}
*/


/* Right-side box area **************************************************/
#right-boxes {
	position:absolute;
	width:200px;
	top:52px;
	right:0px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index:1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	}
/* Again, "be nice to Opera 5". */

body>#right-boxes {width:168px;}


.right-box-image {
	position:relative;
	width:auto;
	padding:0px;
	margin-bottom:10px;
	margin-left:0px;
	font-family:arial,helvetica,sans-serif;
	color:  #1e6ab6;
	background: #d9e5eb;
	font-size:9pt;
}


.right-box-text {
	position:relative;
	width:auto;
	padding:0px 10px 1px 10px;
	margin-left:0px;
	margin-top:0px;
	font-family:arial,helvetica,sans-serif;
	color:  #ffffff;
/*	background: #1e6ab6;  */
	background: #777777;
	font-size:9pt;
}


/* Common box area **************************************************/


.box-title {
    font-size:13pt;
    font-weight:bold;
    margin:0px;
    padding:0px;
    padding-top:7px;
    padding-bottom:7px;
    font-family:arial,sans-serif;
    color:#ffffff;
/*    font-variant: small-caps; */
}

.box-link {
    font-size:9pt;
    margin:5px;
}

.box-text {
    color: #eeeeee;
    margin:0px;
/*    font-family:arial,helvetica,sans-serif; */
    font-family: times, serif;
    font-size:10pt;
    font-weight:normal;
}

.box-text-sig {
    font-family:arial,helvetica,sans-serif;
    color: #dddddd;
    font-size:8pt;
    font-weight:normal;
    font-style: italic;
	margin:0px;
    padding:0px;
	padding-left: 0px;
	padding-top:5px;
}

li.box-list {
    background: transparent;
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 9pt;
    line-height: normal;
    font-style: normal;
    font-weight: normal;
    padding:0px;
    margin:0px;
    padding-left:0px;
    margin-top: 5px;
    margin-left:-10px;
    color:#eeeeee;
    list-style-type: square;
}

ul.box-list {
    list-style-image:url("../images/bullet-default-blue.gif");
    list-style-type: square;
}

/* Links in blue boxes */
a.box-text:link{text-decoration:none;color:#d2e7f7;background:transparent;font-family:arial,sans-serif;}
a.box-text:visited{text-decoration:none;color:#d2e7f7;background:transparent;font-family:arial,sans-serif;}
a.box-text:hover{text-decoration:none;color:#fbc05a;background:transparent;font-family:arial,sans-serif;}




/* Left-side box area **************************************************/
#left-boxes {
	position:absolute;
	width:250px;
	top:78px;
	left:0px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index:1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	}
/* Again, "be nice to Opera 5". */

body>#left-menu {width:168px;}

.left-box {
	position:relative;
	width:230px; /* This value has to stay relative to the left-boxes width above */
	padding:0px 10px 1px 10px; 
	margin-bottom:0px;
	margin-left:0px;
	font-family:arial,helvetica,sans-serif;
	color:  #444444;
	background: #d9e5eb;
	font-size:9pt;
}

.left-box-gradient {
	position:relative;
	width:auto; 
	padding:0px 10px 1px 10px;
	margin-left:0px;
	font-family:arial,helvetica,sans-serif;
	color:  #444444;
	background: #b0c6d2;
	font-size:9pt;
	background-image: url(../images/box-gradient-1.png); 
	background-repeat: no-repeat;
/*	background-position: right top; */
	background-position: left top; 
}
.left-box-image {
	position:relative;
	width:auto;
	padding:0px 10px 1px 10px;
	margin-left:0px;
	font-family:arial,helvetica,sans-serif;
	color:  #444444;
	background: #b0c6d2;
	font-size:9pt;
	background-image: url(../images/box-background-2.png); 
	background-repeat: no-repeat;
	background-position: right top; 
}

.left-box-link {
    font-size:9pt;
    margin:5px;
}

.left-box-text {
    font-family:arial,helvetica,sans-serif;
    color: #444444;
    font-size:9pt;
    font-weight:normal;
}

/* This area contains the bottom links *****************************************************/

#bottom-menu {
	text-align:left;
	position:relative; 
	width:auto; 
	height:100px;
	margin-left:180px;
	margin-right:210px;
}

#bottom-menu-wide {
	text-align:left;
	position:relative; 
	width:auto; 
	height:100px;
	margin-left:260px;
	margin-right:0px;
}

.bottom-box {
    color:#b9cbd5;
}

font.bottom-box {
    color:#b9cbd5;
    font-size:9pt;
}

font.color0 {
    color: #b9cbd5;
}
font.color1 {
    color: #85b0cb;
}
font.color2 {
    color:#f7b563
}
font.color3 {
    color:#7fdb5e
}

/* Gray links */

a.bottom-box:link{text-decoration:none;color:#b9cbd5;background:transparent;}
a.bottom-box:visited{text-decoration:none;color:#b9cbd5;background:transparent;}
a.bottom-box:hover{text-decoration:none;color:#90dbf7;background:transparent;}



/* This area contains the copyright information */
#bottom-strip {
	text-align:justify;
	width:auto;
	color:#888888;
	font-family: arial,helvetica,sans-serif;
	font-size:8pt;
	
	padding-left:180px;
	padding-right:220px;
	padding-top:10px;
}

#bottom-strip-help {
	text-align:justify;
	width:auto;
	color:#888888;
	font-family: arial,helvetica,sans-serif;
	font-size:8pt;
	
	padding-left:180px;
	padding-right:0px;
	padding-top:10px;
}

.white {
    color:white;
}

.gray {
    color:white;
}


/* Rounded corners (white/gray) from spiffycorners *****************************************/

.vertical-gap {
    margin-bottom:10px;
}

.gradient-corners-top{display:block}
.gradient-corners-top *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.gradient-corners-top1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #b1b1b1;
  border-right:1px solid #b1b1b1;
  background:#dddddd}
.gradient-corners-top2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #848484;
  border-right:1px solid #848484;
  background:#e5e5e5}
.gradient-corners-top3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;}
.gradient-corners-top4{
  border-left:1px solid #b1b1b1;
  border-right:1px solid #b1b1b1}
.gradient-corners-top5{
  border-left:1px solid #dddddd;
  border-right:1px solid #dddddd}
.gradient-corners-topfg{
  background:#ffffff}

.gradient-corners-bottom{display:block}
.gradient-corners-bottom *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#D9E5EB}
.gradient-corners-bottom1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #a1a6a8;
  border-right:1px solid #a1a6a8;
  background:#c0c9ce}
.gradient-corners-bottom2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #808282;
  border-right:1px solid #808282;
  background:#c6d0d4}
.gradient-corners-bottom3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c6d0d4;
  border-right:1px solid #c6d0d4;}
.gradient-corners-bottom4{
  border-left:1px solid #a1a6a8;
  border-right:1px solid #a1a6a8}
.gradient-corners-bottom5{
  border-left:1px solid #c0c9ce;
  border-right:1px solid #c0c9ce}
.gradient-corners-bottomfg{
  background:#D9E5EB}

.box-corners-top{display:block}
.box-corners-top *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#e3eaee}
.box-corners-top1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #a5a8aa;
  border-right:1px solid #a5a8aa;
  background:#c8cdd0}
.box-corners-top2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #818282;
  border-right:1px solid #818282;
  background:#ced4d7}
.box-corners-top3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ced4d7;
  border-right:1px solid #ced4d7;}
.box-corners-top4{
  border-left:1px solid #a5a8aa;
  border-right:1px solid #a5a8aa}
.box-corners-top5{
  border-left:1px solid #c8cdd0;
  border-right:1px solid #c8cdd0}
.box-corners-topfg{
  background:#e3eaee}

.box-corners-bottom{display:block}
.box-corners-bottom *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#b0c6d2}
.box-corners-bottom1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #8f989e;
  border-right:1px solid #8f989e;
  background:#a1b2bb}
.box-corners-bottom2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #7c7e80;
  border-right:1px solid #7c7e80;
  background:#a5b6c0}
.box-corners-bottom3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #a5b6c0;
  border-right:1px solid #a5b6c0;}
.box-corners-bottom4{
  border-left:1px solid #8f989e;
  border-right:1px solid #8f989e}
.box-corners-bottom5{
  border-left:1px solid #a1b2bb;
  border-right:1px solid #a1b2bb}
.box-corners-bottomfg{
  background:#b0c6d2}
  
  
/* Rounded corners (blue) ************************************************/
  
.blue{display:block}
.blue *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#1e6ab6}
.blue1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #3d5e7e;
  border-right:1px solid #3d5e7e;
  background:#2b649d}
.blue2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #4f575e;
  border-right:1px solid #4f575e;
  background:#2866a3}
.blue3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #2866a3;
  border-right:1px solid #2866a3;}
.blue4{
  border-left:1px solid #3d5e7e;
  border-right:1px solid #3d5e7e}
.blue5{
  border-left:1px solid #2b649d;
  border-right:1px solid #2b649d}
.bluefg{
  background:#1e6ab6}
  
/* Rounded corners (gray) ************************************************/
  
.gray{display:block}
.gray *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#777777}
.gray1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #636363;
  border-right:1px solid #636363;
  background:#6e6e6e}
.gray2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #585858;
  border-right:1px solid #585858;
  background:#707070}
.gray3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #707070;
  border-right:1px solid #707070;}
.gray4{
  border-left:1px solid #636363;
  border-right:1px solid #636363}
.gray5{
  border-left:1px solid #6e6e6e;
  border-right:1px solid #6e6e6e}
.grayfg{
  background:#777777}



/* images map popup *******/


/* override some list styles for trees, and change active link style ***/

ul.tree-parent {
 list-style-image: none;
 list-style-type: none;
 padding-left: 0;
}

ul.tree-parent li {
 margin-left: 0;
}

ul.tree li {
 margin-left: -2px;
}

ul.treeview, ul.treeview ul {
 list-style-image: none;
}

ul.treeview a.selected {
 background: none;
 color: #f57708;
}