BODY, table {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt; 
  background:#e9f7fa; 
}
H1, H2, H3 { 
  color: #00549f;                /* blue 2945 */
  color: #094d5c;                /* blue 2945 */
  color:#235863;

  text-align: center }

div.demoTitle { 
  color: #ffffff;                
  /*font-family: Garamond, Georgia, serif;*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center ;
  font-weight: bold;
  font-size: 24pt;
  margin-top: 20px;
}

div.homeDemoTitle,td.homeDemoTitle { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center ;
  /*font-weight: bold;*/
  font-size: 16pt;
  margin-top: 10px;
/*  background: transparent url(imgs/OFF.png) repeat-x top left; */
  color:black;
}

a:link, a:visited, a:active 

{ 
  //color: #00549f;                /* blue 2945 */
  color: #000000;
  text-decoration: none;
}


span.newX, div.newX, a.newX { 

color: #d9005a;    /* red7421 v=85 mine */
  font-weight: bold;
}

a.smallA { 
  color:blue; 
  font-size:9px
}

a.mediumA { 
  color:blue; 
  font-size:12px
}

span.newAlert, div.newAlert, a.newAlert { 

  background: #d9005a;    /* red7421 v=85 mine */
  font-weight: bold;
  color:#FFF8E7; 
  text-align:center;
  width:20px;
}

div.pageHead { 
  position:absolute; 
  border:0px; 
  top:0px; left: 0px; 
  width: 100%;
  height:82px;
  background-color:#fff;
  background:#e9f7fa; 
} 


div.htmlpaneTitle { 
 position:absolute; 
  background:#719ac7; 
  background:#00549f; 
  background:#161db8; 
  background:transparent url("imgs/OFF.png") repeat-x top left;
  top:0px; 
  left:0px; 
  width:100%; 
  height:35px;
  line-height:35px;
  text-align:center;
  font-weight: bold; 
  color:#eaab00;
  color:#000000;
}

a.htmlpaneTitle { 
  color:#eaab00;
}

div.Title, table.Title { 
  position:absolute; 
  background:#00549f; 
  top:0px; 
  left:0px; 
  width:100%; 
  text-align:center;
  font-weight: bold; 
  color:#eaab00;
}

div.dashBox { 
  border:1px solid #74b0c6; 
  background-color:#dcf5fa;  /* purple 7454 sat=30 l=90 david */
}

div.articleBox, table.articleBox { 
  background-color:#a1c9e6;  /* purple 7454 sat=30 l=90 david */
  background-color:#dcf5fa;  /* purple 7454 sat=30 l=90 david */
  
  border-color: #013696;
  border:1px solid #74b0c6; 
  margin-bottom: 4px;
}

div.topMenu, table.topMenu { 
  background-color:#dcf5fa;  /* purple 7454 sat=30 l=90 david */
  border:1px solid; 
  border-color: #74b0c6;
  margin-bottom: 4px;
}


div.crevasseBox, table.crevasseBox, a.crevasseBox { 
  background-color:#a1c9e6;  /* purple 7454 sat=30 l=90 david */
  border:2px solid; 
  border-color:black;
  border-color: #5e172d;            /* red7421 david */
  margin-bottom: 4px;
}

div.article,table.article { 
  background-color: #fed;
  color:#000;
  background-color:#cfdce6;  /* purple 7454 sat=10 l=90 david */
  background-color:#e9f7fa;  /* purple 7454 sat=10 l=90 david */
  padding: 4px 2px 4px 2px;
  text-align: left;
  width: 90%;
  margin-left: 4px;
}

div.articleResp { 
  background-color: #050;
  color:#fed;
  background-color:#8ba8c7;  /* purple 7454 sat=30 */
  background-color:#7f9eb5;  /* purple 7454 sat=30 david */
  background-color:#b8d2e6;  /* purple 7454 sat=20 l=90 david */
  background-color:#45aec4;
  background-color:#a0eafa;
  color: #000;
  padding: 4px 2px 4px 2px;
  text-align: left;
  width: 80%;
}

.topbutton { 
  text-decoration: none;
  color:#000000;
  background:#f3f0f2;
  background:transparent url("imgs/OFF.png") repeat-x top left;
  height:40px; width:80px; font-weight:bold;  
  border:1px solid #74b0c6;
 }


td.topbutton a { 
  background:transparent;
  color:#000000;
  text-transform:uppercase;
  border: 0px;
  font-size: 11px;
 }

/*
td.topbutton:hover{
	background:transparent url("imgs/HOVER.gif") no-repeat top right;	
}
*/

.topmenubutton { 
  height:20px; 
  color:#000000; 
  text-decoration: none;
  background:transparent url(imgs/OFF.png) repeat-x top left;
  outline:none;
}

.topmenubutton td a:visited, .topmenubutton td a:active{
color:black;
}



a.phzButton {
    background: transparent url('imgs/phz_button_a2.png') no-repeat  scroll bottom right; 
    color: #eaab00;
    color:#000000; 
    display: block;
    float: left;  
    font: normal 14px arial, sans-serif;
    font-weight: bold;
    text-align:center;
    height: 32px;
    margin-right: 6px;
    margin-bottom: 5px;
    padding-right: 8px; /* sliding doors padding */
    text-decoration: none;
}

a.phzButton span {
    background: transparent url('imgs/phz_button_span2.png') no-repeat bottom left;
    display: block;
    line-height: 14px;
  /*padding: 9px 0 9px 8px;*/
    padding: 9px 0 9px 6px;
} 

a.phzButton:active {
    background-position: top right;
    color: #808080;
    outline: none; /* hide dotted outline in Firefox */
}

a.phzButton:active span {
    background-position: top left;
    padding: 10px 0 8px 8px; /* push text down 1px */
} 



div.profileIcon { 
  text-align:center;
  overflow: hidden;
  font-size: 12px;
  text-shadow: 0.1em 0.1em #000000; color:#eaab00;
  line-height:5px;
}

img.profileIcon { 
  display:block;
}

span.profileIcon { 
  position:relative;
  top:-10px;
}

span.friendIcon { 
  position:relative;
  line-height:20px;
}

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0px;
padding: 0px;
width: 100%;
width: 250px; /*WIDTH OF MAIN MENU ITEMS*/
/*border: 3px ridge;*/
background-color: #0269aa;                /* blue 2945 */
background-color: #00549f;                /* blue 2945 *
background-color:#161db8; 
color:#eaab00;             /* orange124 david */
color:black;
}

.glossymenu li{
position: relative;
}

.glossymenu li a, li input, li select {
background-color:#161db8;
background-color:#161db8; 
background:#e9f7fa; 
/*font: 12px Verdana, Helvetica, sans-serif;*/
font: 16px Arial;
font-weight: bold;
color:#eaab00;             /* orange124 david */
color: black;

display: block;
width: auto;
padding: 5px 0px;
padding-left: 5px;
text-decoration: none;
/*overflow: hidden;  */
}

.glossymenu li ul { /*SUB MENU STYLE*/
border: 0px solid;
}

.glossymenu li ul li{
  
}

.glossymenu li ul a{
  /*width: 180px; */
}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(imgs/arrow.gif) no-repeat center right;
}

.arrowdown{
position: absolute;
right: 2px;
background: transparent url(imgs/menuarrow.gif) no-repeat center right;
}

.arrowup{
position: absolute;
right: 2px;
background: transparent url(imgs/arrowup.gif) no-repeat center right;
}

.right{
right: 2px;
}


.glossymenu li a:visited, .glossymenu li a:active{
color:#eaab00;             /* orange124 david */
color:black;
}

.glossymenu li a:hover, li select:hover, li input:hover{
/*background-image: url(imgs/glossyback2.gif);*/
}

/* Holly Hack for IE \*/

* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }


.invertedshiftdown{
padding: 0;
width: 100%;
margin-top:-2px;
border-top: 5px solid #013696;                
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown ul {
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

.invertedshiftdown a{
float: left;
display: block;
font:16px Arial; 
color:#eaab00;             /* orange124 david */
color: #555555;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: white; /*Default menu color*/
background:#161db8; 
  background:transparent url("imgs/OFF.png") repeat-x top left;
/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
-moz-box-shadow:  0px;
}

.invertedshiftdown a:active, a:visited {
outline: none;
}

.invertedshiftdown a:hover{
color: white;
color: #000000
}


.invertedshiftdown .current a{ /** currently selected menu item **/
color: white;
color: #000000
}

/******************************************
* Slider Bar Form Element Script
* 
* Original program copyright David Harrison
*   d_s_h2@hotmail.com
* Version 2 copyright Eric C. Davis
*   eric@10mar2001.com
* 
* Visit http://www.dynamicdrive.com for
*   loads of other scripts.
* 
* This notice MUST stay intact for use.
*
* Modified by Tom Westcott
* http://www.cyberdummy.co.uk
******************************************/

.move {
	height: 21px;
	background: #f4f4ee url(imgs/bar_end.png) no-repeat 0 8px;
	cursor: hand !important;
	cursor: pointer;
}
.move .move2 {
	margin: 0 1px 0 2px;
	height: 21px;
	background: #fff url(imgs/bar_repeat.png) repeat-x 0 8px;
	cursor: hand !important;
	cursor: pointer;
}

.move2ondrag {
	margin: 0 1px 0 2px;
        height: 21px;
        cursor: hand !important;
        cursor: pointer;
	background: #fff url(imgs/bar_repeat_hover.png) repeat-x 0 8px;
}

.move .sliderStart {
	margin-left: 0;
	margin-top: -21px;
	margin-right: -11px;
	width: 11px;
	height: 21px;
	background: #f4f4ee url(imgs/slider.png) no-repeat 0 0;
	cursor: hand !important;
	cursor: pointer;
}

.move .sliderEnd {
	margin-left: 0;
	margin-top: -21px;
	margin-right: -11px;
	width: 11px;
	height: 21px;
	background: #f4f4ee url(imgs/sliderred.png) no-repeat 0 0;
	cursor: hand !important;
	cursor: pointer;
}

.sliderondrag {
        margin-left: 0;
        margin-top: -21px;
        margin-right: -11px;
        width: 11px;
        height: 21px;
        background: #f4f4ee url(imgs/slider_hover.png) no-repeat 0 0;
        cursor: hand !important;
        cursor: pointer;
}

img.percentImageTrans {
 background: white url(imgs/percentImage_backtrans.png) top left no-repeat;
 padding: 0;
 margin: 0px 0 0 0;
 background-position: 1px 0;
}

/* End */