body {
  font-family: Segoe UI, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 10pt;
  font-style: normal;
  font-weight: normal;
  color: #111;
  background-color:#f8fafb;
  scrollbar-shadow-color:#999999;
  scrollbar-track-color : #a9a9a9;
  scrollbar-highlight-color:#efefef;
  scrollbar-darkshadow-color:#efefef;
  scrollbar-base-color:#999999;
  scrollbar-3dlight-color: #999999;
  scrollbar-face-color:#999999;
  scrollbar-arrow-color:#efefef;
  padding:0px;
}

Normal {
  font-family: Segoe UI, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height : 150%;
  padding:1px;
}


#LogoDiv, #LogoDiv A  {
  border:solid 0px black; 
  font:normal 18pt verdana, ariel, san-serif; 
  white-space:nowrap;
  cursor:hand;
  position:absolute;
  top:6px;
  left:0px;
  width:200px;
}

#topMenu { 

  position:fixed;  // changed 1/23/14
  top:0px;
  left:200px;
  display:block;
  float:left;
  margin: 0px 0px 0px 0px;
  z-index:200; 
  cursor: pointer;
  min-width:1000px;

}

#sideMenu {
  background-color: #fff;
  float:left;
  left: 0px;
  width: 140px;
  text-align: left;
  border: solid 0px black;
  padding: 0px;
  margin-top:70px;
}
@media (max-width: 600px) {
  #topMenu,#sideMenu { display: none; }
}

#Main {
  position:absolute;
  left:170px;
  top:50px;
  padding-bottom:50px;
  display:block;
  text-align:left;
  max-width: 900px;
  z-index: 2;
}

#xfooter {
  display:none;
  width:100%;
  left:0px;
  z-index:6000;
}
#footer {
  position:fixed;
  bottom:0px;
  display:block;
  min-width:300px;
  xwidth:100%;
  left:0px;
  z-index:6000;
  filter: alpha(opacity=85);
  opacity: 0.85;
  -moz-opacity:0.85;
}


#PageShadow, .PageShadow { 
  position: relative; 
  z-index:0; 
  max-width: 900px; 
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 

  background-color: #fff;
  border: solid 2px #CCC;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 10px 10px 10px #888;
  -webkit-box-shadow: 10px 10px 10px #888;
  box-shadow: 10px 10px 10px #888;
}
#content { 
  position: relative; 
  z-index:0; 
  color: #222; 
  max-width: 790px; 
  margin: 0px 20px 0px 20px; 
  padding: 0px 20px 5px 20px; 
  text-align: left;
}
@media (max-width: 600px) {
  #Main { left:0px; }

  .PageShadow { 
    z-index:0; 
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 

    background-color: #fff;
    border: solid 0px #222;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: 0px 0px 0px #888;
    -webkit-box-shadow: 0px 0px 0px #888;
    box-shadow: 0px 0px 0px #888;
  }

  #PageShadow { 
    z-index:0; 
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 

    background-color: #fff;
    border: solid 0px #222;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: 0px 0px 0px #888;
    -webkit-box-shadow: 0px 0px 0px #888;
    box-shadow: 0px 0px 0px #888;
  }
  #content { 
    margin: 0px 0px 0px 5px; 
    padding: 0px 0px 0px 0px; 
  }
}


#mainHeader {
  width: 100%; 
}
#mainBody {
  width: 100%; 
  display:block;
  float:left;
}

#mnuHome {
  width: 160px;
  height: 40px;
}

#mnuNav { 
  float:left; 
  width:940px;
  text-align: center; 
}

#navcontainer { width:940; }
#navcontainer ul {padding-left:0;margin:0;background:#f0f0f0 url(./images/barbackground.jpg) repeat-x left top;padding-bottom:0;padding-top:0;float:right;width:100%;border-top:0px solid #333;border-bottom:0px solid #333;}
#navcontainer ul li{display:inline;}
#navcontainer a{color:#229;font-size: 12pt; padding:.2em 1em;text-decoration:none;float:left;border-top:1px solid #fff;border-right:1px solid #333;border-left:1px solid #f0f0f0;border-bottom:0px solid #333;}
#navcontainer a:link {text-decoration:none;}      /* unvisited link */
#navcontainer a:visited {text-decoration:none;}  /* visited link */
#navcontainer a:hover {background:url(./images/barbackground2.jpg) repeat-x left top;background-color:#9fcfff;color:#333;border-top:0px solid #333;border-right:1px solid #fff;border-left:1px solid #333;border-bottom:1px solid #fff;}

.Main2 {
  width:950;
  text-align:left;
  border: solid 1px black;
  padding: 10px 20px 10px 20px;
}

.mainNav {
  font-family: Segoe UI, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 12pt;
  font-style: normal;
  font-weight: normal;
  line-height : 150%;
  padding:1px;
}

.RightImage { float:right; margin: 10px; }
.LeftImage { float:left; margin: 10px; }

.resBox {
  -moz-box-shadow: 10px 10px 10px #888;
  -webkit-box-shadow: 10px 10px 10px #888;
  box-shadow: 10px 10px 10px #888;
  border-top: solid 1px black;
  border-left: solid 1px black;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-bottom: 15px;
}
.sBox {
 font-size: 12pt;
 background-color: #ddd;
 -moz-border-radius: 5px;
 border-radius: 5px;
 -moz-box-shadow: 5px 5px 5px black;
 -webkit-box-shadow: 5px 5px 5px black;
 box-shadow: 5px 5px 5px black;

 }
.sBoxTitle {
 background-color: #40AA40;
 padding: 10px;
 color: #fff;
 -moz-border-radius: 5px;
 border-radius: 5px;
 text-align:center;
}
.sBoxContent { padding: 12px; }

.box250 { width: 250px; }
.box300 { width: 300px; }
.box400 { width: 400px; }
.box500 { width: 500px; }
.box750 { width: 750px; }
.box900 { width: 900px; }
.floatLeft { float: left; }
.floatRight { float: right; }
.margin5 { margin: 5px; }
.margin10 { margin: 10px; }
.margin15 { margin: 15px; }
.margin30 { margin: 30px; }
.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }
.padding30 { padding: 30px; }
.boxWhite,.boxWhiteBackground { background-color: #fff; }
.boxBlackBorder { border: solid 2px black; }
.radius15 {  -moz-border-radius: 15px;  border-radius: 15px; }
.radius20 { -moz-border-radius: 20px; border-radius: 20px; }
.radius25 {  -moz-border-radius: 25px;  border-radius: 25px; }
.radius30 { -moz-border-radius: 30px; border-radius: 30px; }
.radius40 { -moz-border-radius: 40px; border-radius: 40px; }
.radius45 {  -moz-border-radius: 45px;  border-radius: 45px; }
.radius50 { -moz-border-radius: 50px; border-radius: 50px; }
.radius60 { -moz-border-radius: 60px; border-radius: 60px; }
.shadow10 { -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888; }
.shadow15 { -moz-box-shadow: 15px 15px 15px #888; -webkit-box-shadow: 15px 15px 15px #888; box-shadow: 15px 15px 15px #888; }
.grayShadow { -moz-box-shadow: 25px 25px 25px #888; -webkit-box-shadow: 25px 25px 25px #888; box-shadow: 25px 25px 25px #888; }
.marginCentered { margin-left: auto; margin-right: auto; }
@media (max-width: 600px) {
  .box250, .box300, .box400, .box500, .box750, .box900 { width: 100%; }
  .radius15, .radius20, .radius25, .radius30, .radius40, .radius45, .radius50 {-moz-border-radius: 5px;  border-radius: 5px;}
}

.mBox {
 width:120px;
 color: #fff;
 font-size: 12pt;
 padding:8px;
 background-color: #222;
 -moz-border-radius: 5px;
 border-radius: 5px;
 }

.blBox { background-color:#d4f0ff; }
.whiteBox { background-color:#fff; }

.qBox {
 width:750px;
 font-size: 12pt;
 border: solid 2px #222;
 padding:14px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 }
.bbutton {
    padding:  10px;
    font:     bold 14pt arial;
    cursor:   pointer;
}


nav[role=navigation] > ol,ul,li{
 margin:0;padding:0;border:0;outline:0;
 font-weight:inherit;font-style:inherit;
 font-size:100%;
 font-family:inherit;vertical-align:baseline
}
*:focus{outline:0}
nav[role=navigation]{
 background-color:#ffffff;
 -moz-box-shadow:0 2px 0 0 #262626, 0 -1px 0 0 #171717;
 box-shadow:0 2px 0 0 #262626, 0 -1px 0 0 #171717;
 display:block;
 margin-bottom:1px;
 min-width:984px;
 position:relative;
 z-index:3100;
}
nav[role=navigation] > ul{position:relative;left:0px;}  /*--  This Left position aligns the leftmost border of the dropdown menu --*/
/*-- nav[role=navigation] ul,.info-nav{margin:0 auto;list-style:none;width:994px} --*/
nav[role=navigation] ul {margin:0 auto;list-style:none;}
nav[role=navigation] ul li,.info-nav li{display:inline-block;float:left;font-size:12px;line-height:18px;position:relative;z-index:5000}
nav[role=navigation] ul li .dropdown,.info-nav li .dropdown{background-color:#fff;border-left:1px solid #444;border-bottom:1px solid rgba(35, 35, 35, 0.2);box-shadow:4px 4px 0 0 rgba(35, 35, 35, 0.1);display:none;left:0;padding:6px 15px;position:absolute;top:39px;width:150px;z-index:9999}
nav[role=navigation] ul li .dropdown ul,.info-nav li .dropdown ul{width:100%;list-style-type:none}
nav[role=navigation] ul li .dropdown li,.info-nav li .dropdown li{display:block;float:none;font-size:inherit;line-height:24px;margin:0;padding:0;z-index:auto}
nav[role=navigation] ul li .dropdown li a,.info-nav li .dropdown li a{border-bottom:0;color:#7e7e7e;display:block;font-size:inherit;line-height:24px;margin:0;padding:0;position:static;text-shadow:0 0 transparent}
nav[role=navigation] ul li .dropdown li:hover,.info-nav li .dropdown li:hover{background:transparent}
nav[role=navigation] ul li .dropdown a:hover,.info-nav li .dropdown a:hover{background:transparent;color:#232323;text-decoration:none}
nav[role=navigation] ul .meta-links,.info-nav .meta-links{border-top:1px solid #fff;box-shadow:0 -1px 0 0 #555555;margin-top:4px;padding-top:1px}
nav[role=navigation] ul a,.info-nav a{text-decoration:none;border-bottom:1px solid transparent;color:#229;font-size:16px;line-height:18px;margin-top:9px;padding:6px 10px;position:relative;display:inline-block;text-shadow:0 0 0 transparent, 0 1px rgba(29, 29, 29, 0.2);top:-1px}

nav[role=navigation] ul li:hover a,.info-nav li:hover a{background:#222222;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8a6741), color-stop(100%, #705536));background-image:-webkit-linear-gradient(#8a6741,#705536);background-image:-moz-linear-gradient(#8a6741,#705536);background-image:-o-linear-gradient(#8a6741,#705536);background-image:linear-gradient(#8a6741,#705536);border-bottom:1px solid #1b0b00;color:#fff;text-decoration:none}
nav[role=navigation] ul li:hover div,.info-nav li:hover div{display:block}
nav[role=navigation] ul li:hover div a,.info-nav li:hover div a{background:transparent;border-bottom:0}

nav[role=navigation] .login-container{*zoom:1;display:block;float:right;padding:7px 0;position:relative}
nav[role=navigation] .login-container:after{content:"\0020";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}
nav[role=navigation] .login-container input{border-color:#fff;float:left;margin-right:10px;padding-top:0px;width:120px;height:20px; }



ul#css3menu ul{	display:none;position:absolute;left:-1px;top:98%;padding:0 6px 6px;z-index:100;}
ul#css3menu li:hover>*{	display:block;}
ul#css3menu li:hover{	position:relative;}
ul#css3menu ul ul{	position:absolute;left:98%;top:-2px;}
ul#css3menu,ul#css3menu ul{margin:0;list-style:none;background-color:#fff;border-width:1px;border-style:solid;border-color:#B4B4B4;-moz-border-radius:28px;-webkit-border-radius:28px;border-radius:28px;}
ul#css3menu{	padding:6px 0px 6px 0;display:block;font-size:0;position:absolute;z-index:1000;left:0px;top:2px;}
ul#css3menu li{	display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu>li,ul#css3menu li{	margin:0 0 0 3px;}
ul#css3menu ul>li{	margin:3px 0 0;}

ul#css3menu a:active, ul#css3menu a:focus{ outline-style:none;}
ul#css3menu a{display:block;vertical-align:middle;border-width:0;border-style:solid;border-color:transparent;text-align:left;text-decoration:none;padding:8px 10px;font:12pt Arial,sans-serif;cursor:pointer;color:#000088;}

ul#css3menu ul li{	float:none;}
ul#css3menu ul a{	text-align:left;}
ul#css3menu li:hover>a{
	background-color:#0078FF;border-color:#F8F8F8;border-style:solid;font:12pt Arial,sans-serif;color:#FFF;text-decoration:none;}

ul#css3menu img{	border:none;vertical-align:middle;margin-right:6px;width:6px;height:6px;}
ul#css3menu ul img{	width:6px;height:6px;}
ul#css3menu img.over{display:none;}
ul#css3menu li:hover > a img.def{	display:none;}
ul#css3menu li:hover > a img.over{	display:inline;}
ul#css3menu ul span{background-image:none;padding-right:6px;}
ul#css3menu li.topitem>a{
	background-color:;background-image:none;background-position:0 0;border-width:1px 0 0 0;border-style:solid;border-color:transparent;border-radius:1.6em;-moz-border-radius:1.6em;-webkit-border-radius:1.6em;font:bold 13px Arial,sans-serif;color:#E7E5E5;text-decoration:none;text-shadow:0 1px 1px #000000;}
ul#css3menu li.topitem:hover>a{
	background-color:#666666;background-image:url("./images/bk.png");background-position:0 100%;border-style:solid;border-color:#F8F8F8;font:'bold 13px Arial,sans-serif';color:#444444;text-decoration:none;text-shadow:0 1px 0 #FFFFFF;}

ul#css3menu .submenu>li{ margin:0;}
ul#css3menu .submenu{ background-color:#DDDDDD;background-image:url("./images/bksub.png");border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;padding:0;}

ul#css3menu li.subfirst>a{
	border-radius:9px 9px 0 0;-moz-border-radius:9px 9px 0 0;-webkit-border-radius:9px 9px 0 0;}
ul#css3menu li.sublast>a{
	border-radius:0 0 9px 9px;-moz-border-radius:0 0 9px 9px;-webkit-border-radius:0 0 9px 9px;}



.clearfix:after{
 clear:both;
 content:".";
 display:block;
 height:0px;
 visibility:hidden;
 font-size:0pt;
}







.MainContent {
  max-width:950px; 
  padding-top:30px; 
  text-align:left;
  background-color: #FFFFFF; 
  top:120px;
}

.MiniParagraphTile {
  margin:15px;
  padding:0px 15px 0px 15px; 
  border:solid 1px blue; 
  background-color:#F4F4ff; 
  font-size: 10pt; 
  width:175px;
  float: left;
  position: relative;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 5px 5px 5px #cecece;
  -webkit-box-shadow: 5px 5px 5px #cecece;
  box-shadow: 5px 5px 5px #cecece;
}
.indexFinger { cursor:pointer; }


SPAN.Normal {
        font-family: Segoe UI, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height : 150%;
	padding:1px;
}
.MenuTableContent {
	background-color:#f1f1f1;
	width:175px;
	border:0px 1px 0px 1px;
	border-color:#CCCCCC;
	border-style:solid;
	padding:2px 10px 2px 10px;
}
.MenuTableHeader {
	background-color:#ffcc00;
	width:175px;
	border:0px 1px 0px 1px;
	border-color:#CCCCCC;
	border-style:solid;
	padding:2px 10px 2px 10px;
}
P {
	font-family : Segoe UI, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	xcolor: #666666;
}
P.lead {
	font-family : Segoe UI, MS Sans Serif,Lucinda,Verdana,Ariel,Sans Serif;
	font-size : 18px;
	font-style: normal;
	font-weight: normal;
	color: #5172f0;
}
}
P.login {
	font-family : Segoe UI, Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
P.X { 
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 2px;
  padding-right: 2px;
  border: 0;
  border-style:	outset;
}
P.Principle
{ margin: 14px 14px 14px 14px;
  padding: 14px 14px 14px 14px;
  border: solid 1px #880;
  background: #F8F866;
  border-style:	outset;
  border-top-color: #F8F8DD;
  border-left-color: #F8F8DD;
  border-right-color: #696969;
  border-bottom-color: #696969;
  -moz-border-radius: 15px; border-radius: 15px;
  -moz-box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888; box-shadow: 5px 5px 5px #888;
}
P.GreenBar
{ margin-left: 0;
  margin-right: 0;
  margin-top: 4;
  padding-top: 4;
  padding-left: 0;
  padding-right: 0;
  border: 2;
  background: #00AA00;
  border-color: #00AA00;
  border-style:	outset;
}
P.SectionHeader
{ margin-left:    0;
  margin-right:   0;
  margin-top:     4;
  margin-bottom:  4;
  padding-top:    4;
  padding-bottom: 4;
  padding-left:   4;
  padding-right:  0;
  border: 0;
  background: #BBDDFF;
  font-family : Segoe UI, Verdana, Arial, Helvetica, sans-serif;
  font-size : 12px;
  font-style: normal;
  font-weight: bold;
}
P.Code
{ margin-left: 4;
  margin-right: 4;
  padding-left: 4;
  padding-right: 4;
  border: 2;
  background: #000000;
  color: #00FF00;
  font-family: Fixedsys, Terminal, Univers, Courier, Verdana, Myriad Web, Syntax, sans-serif;
  border-style:	outset;
}

B{
	font-family : Tahoma, Verdana, sans-serif;
	font-style: normal;
	font-weight: bold;
	xcolor: #666666;
}
TD {
	font-family : Segoe UI, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	xcolor: #666666;
}
input {
	font-family :Tahoma, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	xcolor: #666666;
}
.textbox{
	border-bottom : none;
	border-left : none;
	border-right : none;
	border-style : none;
	background-color : #FFFFFF;
	xcolor : #666666;
    font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight:bold;
}

a.button {
	padding: 0.1ex 1em 0.5ex; 
	line-height: 2em;
}
a.button:visited, a.button:hover {
	color: white;
}


FORM { margin-bottom:0; }

BLOCKQUOTE{
	font-family : Segoe UI, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}

.bred {  font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-weight: bold; color: #820000}
.lgbold {  font-family: Tahoma, Verdana, sans-serif; font-size: 13px; font-weight: bold; color: #666666}

a {  font-family: Segoe UI, Tahoma, Verdana, sans-serif; font-size: 12px; font-weight:normal; text-decoration: underline; color: #0000ff}
a.menu2 { font-family: Segoe UI, Tahoma, Verdana, sans-serif; font-size: 12px; font-weight:normal; text-decoration: none; color: #222288; }
a.menu {  font-family: Segoe UI, Tahoma, Verdana, sans-serif; font-size: 12px; font-weight:normal; text-decoration: none; color: #222222; background-color: #AAAAAA;}
a.ring {  font-family: Segoe UI, Tahoma, Verdana, sans-serif; font-size: 12px; font-weight:normal; text-decoration: none; color: #333333}
//a:hover {color: #008800;  text-decoration: underline;}
//a.menu:hover {color: #ffffff;  text-decoration: underline;}
.home {font-size: 12px; font-weight:bold; color: #CC0033; text-decoration: underline;}
a.home:hover {color: #CC0033;text-decoration: none;}
.edu {font-size: 10px; font-weight:bold; color: #FF8C00; text-decoration: underline;}
a.edu:hover {color: #FF8C00;text-decoration: none;}

a.side       {font-family: Segoe UI, Tahoma, Verdana, sans-serif; font-size: 12px; font-weight:normal; text-decoration: none; color: #222222; }
a.side:hover {color: #3300CC;text-decoration: underline;}
a.GreenLink {
  font-family: Segoe UI, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size:10pt;
  line-height : 150%;
  padding:1px;
  color:#004400;
  text-decoration: none;

}

textarea {  font-family: Tahoma, Verdana, sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #000000}

.RadioTableHeaderClass {vertical-align:bottom; text-align:center; border:solid solid dotted solid; border-color:#d8d8d8 #d8d8d8 black #d8d8d8; border-width:0px 1px 1px 0px; padding:3px; background-color:#d8d8d8; color:#000000; }
.RadioTableClass {border-collapse:collapse; border-style:solid; border-color: black;border-width:0px 0px 0px 0px; padding:0px 0px 0px 0px; margin:6px; }
TD.RadioTableClass {border-style:solid; border-width:0px 0px 0px 0px; vertical-align:center; margin:0px; padding:0px; }
TD.Rating { vertical-align: top; background-color:#C0C0C0; }
TD.Comment { vertical-align: top; background-color:#FEB20E; }

TD.RTClassOdd { background-color:#f4f4f4; border-style:solid; border-width:0px 0px 0px 0px; vertical-align:center; margin:0px; padding:8px 0px 8px 4px; }
TD.RTClassEven {                          border-style:solid; border-width:0px 0px 0px 0px; vertical-align:center; margin:0px; padding:8px 0px 8px 4px; }
TD.RTClassRadioOdd { width:75px;background-color:#f4f4f4; border-style:solid; border-width:0px 0px 0px 0px; vertical-align:center; text-align:center; margin:0px; padding:0px; }
TD.RTClassRadioEven {width:75px;border-style:solid; border-width:0px 0px 0px 0px; vertical-align:center; text-align:center; margin:0px; padding:0px; }

TD.ft { text-align:center; border-top: solid 1px #919191; border-right: solid 1px #D7D7D7; }


/* --- 2009  --- */
.clipin{
  position:absolute;
  clip:rect(0px 1000px 1000px 0px);  // Top Right Bottom Left
  top:0px;
  left:0px;
}
TABLE.PageTitleTable   { padding:0px 20px 0px 20px;border:0px;margin:0px 20px 0px 20px; }
TD.PageTitleDefinition { padding:20px;border:0px;margin:20px; }
.HBar { width:100%;  background:url(./images/HBar.jpg) background-repeat: repeat-x; }
.TempDemoField { border-type:solid; border-width: 1px 2px 1px 0px; border-color: black; font:normal 12pt arial; background-color:#eeeeee; }

/*  Setup the fonts for the Block Menu Content  */


.MenuChapter, .SubParagraph, .SubContent {  
  font-family: Segoe UI, Ariel, Tahoma, Verdana, sans-serif; 
  font-style: normal; 
  font-weight: normal; 
  font-size: 11pt;

}
.SubParagraph { margin:10px; padding:0px 20px 0px 20px; border:solid 1px blue; background-color:#F4F4ff; font-size: 10pt; }
.Content { position:absolute; z-index:2; left:0; top:0; width:1000; height:100; border:2px solid black; visibility:hidden; }
.SubContent { padding-left:20px; }
.Button200 {cursor:hand;width:200px;}
.Button120 {cursor:hand;width:120px;}
.Button100 {cursor:hand;width:100px;}
.Button {cursor:hand;}
.Chapter     { overflow: auto; position:absolute; z-index:2; left:0; top:0;width:1200;height:450;border:0px solid black;visibility:visible; }
.MenuChapter { 
  overflow: auto; 
  position:absolute; 
  z-index:2; 
  left:0;
  top:68;
  width:806;
  height:300;
  border-left:0px solid #888888;
  border-top:0px solid #888888;
  border-right:0px solid black;
  border-bottom:0px solid black;
  visibility:hidden; 
  background-color:#d0ffdd; 
}
.MainMenu { padding-top:10px; border-bottom: solid 2px black; height:10; font-family: Segoe UI, Verdana, Ariel, Tahoma, sans-serif; font-style: normal; font-weight: normal; }

.sMainMenu { 
 padding-top:1px; border-bottom: solid 2px black; height:10; font-size: 14pt; font-family: Segoe UI, Verdana, Ariel, Tahoma, sans-serif; font-style: normal; font-weight: bold;
 border:solid 0px black;position:relative; z-index:20; top:0;visibility:visible;
}

.info, .success, .warning, .error, .validation {
    float:right;
    width:300px;
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {    color: #00529B; background-color: #BDE5F8; background-image: url('http://www.hr-survey.com/images/infoButton.png'); }
.success { color: #4F8A10; background-color: #DFF2BF; background-image:url('http://www.hr-survey.com/images/successButton.png'); }
.warning { color: #9F6000; background-color: #FEEFB3; background-image: url('http://www.hr-survey.com/images/warningButton.png'); }
.error {   color: #D8000C; background-color: #FFBABA; background-image: url('http://www.hr-survey.com/images/errorButton.png'); }


/*==============================================
   ---- Radio Button Helpers ----
  ============================================== */
.radDiv1, .radDiv2, .radDiv3, .radDiv4, .radDiv5, .radDiv6, .radDiv7 { 
  padding: 10px 15px 10px 15px;
  margin: 3px 3px 3px 3px;
  border: solid 3px transparent;
  cursor: 'pointer';
}
.radDivOpt { font-size: 16pt; }
.defaultDIVstyle {border: solid 3px transparent;}
.hoverDIVstyle {border: solid 3px black;}


/*==============================================
   ---- WebEx Ad Box ----  
  ============================================== */
#webExDemo {  width: 220px; border: solid 2px green; }
.webExDemoLink {  width: 220px; border-style: solid; border-width: 2px; cursor: pointer; }


/*==============================================
   ---- Header Box Styles ----  
  ============================================== */
h1{font: normal 250%/125% "Segoe UI Light", "Segoe UI", Arial, Verdana, Tahoma, sans-serif;  color: #4f4f4f; }
h2{font: normal 216%/108% "Segoe UI Light", "Segoe UI", Arial, Verdana, Tahoma, sans-serif;  color: #000000; }
h3{font:bold 150%/125% "Segoe UI",Arial,Tahoma,sans-serif; color: #222; }
h4{font:bold 110% "Segoe UI",Arial,Tahoma,sans-serif; color:#222;}
h4.description{margin:0 0 24px}
h4{margin-bottom:0px}
h5{font:bold 100% "Segoe UI",Arial,Tahoma,sans-serif; }


/*==============================================
   ---- Squared Box Styles ----  
  ============================================== */
.TipSqrBox { box-sizing: border-box; width: 250px; padding: 10px 10px 20px 10px; margin:15px;
  border: solid 1px blue;
  float: left;
  position: relative;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 5px 5px 5px #cecece;
  -webkit-box-shadow: 5px 5px 5px #cecece;
  box-shadow: 5px 5px 5px #cecece;
 }
header { 
  background-color:#000; color:#DDD; font: bold 12pt arial; 
  box-sizing: border-box; width: 230px; padding: 7px; margin: 0px;
}


/*==============================================
   ---- Rounded Box Styles ----  
  ============================================== */
/* set background images for corners     */
.rbroundbox { width: 30em; margin:10px; 
  background-color: #B6E2F7; 
  float:right;
  -moz-border-radius: 15px;
  border-radius: 15px; 
}
.rbcontent  { 
  margin: 0 20px; 
  padding:10px 0px 10px 50px;
  background-image: url('./images/BlueInfoButton.png'); 
  background-repeat: no-repeat;
  background-position: 0px center;
}



/*==============================================
   ---- Active Button Styles ----  
  ============================================== */


/*-- Button Styles --*/
.button {
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out; 
 padding: 5px 10px 5px 10px;
 font:    bold 14pt "segoe ui";
 cursor:  pointer;
 -moz-border-radius: 0px;
 border-width:5px;
 border-style: solid;
}
.button.hollow {background: transparent; }
.button.round  {-webkit-border-radius: 20px; border-radius: 20px; }
.button.blue {
  color: #31b3ff; border-color:#31b3ff; background: #fff;
  border-width: 2px; }
.button.blue:hover {
  background: #31b3ff;
  text-decoration: none;
  color: #fff; }
.button.orange {
  color: #ff8000; border-color:#ff8000; background: #fff;
  border-width: 2px; }
.button.orange:hover {
  background: #ff8000;
  text-decoration: none;
  color: #fff; }
.button.green {
  color: #40AA40; border-color:#40AA40; background: #fff;
  border-width: 2px; }
.button.green:hover {
  background: #40AA40;
  text-decoration: none;
  color: #fff; }
.button.red {
  color: #cc3333; border-color:#cc3333; background: #fff;
  border-width: 2px; }
.button.red:hover {
  background: #cc3333;
  text-decoration: none;
  color: #fff; }


.microbutton {
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out; 
  padding: 2px 8px 2px 8px;
  font:    bold 10pt "segoe ui";
  cursor:  pointer;
  -moz-border-radius: 0px;
  border-width:2px;
  border-style: solid;
  text-decoration: none;
}
.microbutton.round {
  -webkit-border-radius: 12px;
  border-radius: 12px; }
.microbutton.blue {
  color: #31b3ff; border-color:#31b3ff; background: #fff;
  border-width: 2px; }
.microbutton.blue:hover {
  background: #31b3ff;
  text-decoration: none;
  color: #fff; }
.microbutton.green {
  color: #40AA40; border-color:#40AA40; background: #fff;
  border-width: 2px; }
.microbutton.green:hover {
  background: #49AA40;
  text-decoration: none;
  color: #fff; }
.microbutton.red {
  color: #FA8080; border-color:#AA4040; background: #fff;
  border-width: 1px; }
.microbutton.red:hover {
  background: #AA4040;
  text-decoration: none;
  color: #fff; }

.microbutton.orange { color: #ff8000; border-color:#ff8000; background: #fff;  border-width: 2px; }
.microbutton.orange:hover {  background: #ff8000; text-decoration: none;  color: #fff; }

/*==============================================
   ---- Panel Box Styles ----  
  ============================================== */
DIV.Panel
{ margin: 14px 14px 14px 14px;
  padding: 14px 14px 14px 14px;
  border: 4;
  background: #5588CC;
  border-style:	outset;
  border-top-color: #5588CC;
  border-left-color: #5588CC;

  border-right-color: #3366AA;
  border-bottom-color: #3366AA;

  width:500px;
}

/*==============================================
   ---- Comparison Box Styles ----  
  ============================================== */
.CompTableMain    {margin-right: 0px; max-width: 900px; border-top:solid 1px black; padding-bottom:25px; padding-left:15px; display: block; clear:both; }
.CompTableTop     {margin-right: 0px; padding:20px; float: left; width: 96%; border-top:solid 2px black; text-align:center; }
.CompTableLeft    {margin-right: 0px; padding:20px; float: left; width: 44%; border-right:solid 1px black; }
.CompTableRight   {margin-right: 0px; padding:20px; float: left; width: 44%; }
.CompTableHeaderLeft {margin-right: 0px; padding:20px; float: left; width: 44%; border-right:solid 1px black; text-align:center; font-weight: bold; }
.CompTableHeaderRight{margin-right: 0px; padding:20px; float: left; width: 44%; text-align:center; font-weight: bold; }
.CompTableEndRow  {clear: both; border-bottom:solid 2px black;}
@media (max-width: 600px) {
  .CompTableLeft, .CompTableRight, .ompTableHeaderLeft, .CompTableHeaderRight { display:block; width: 90%; }
}


/*==============================================
   ---- Text Ad2 ----  
  ============================================== */
.AdText { box-sizing: border-box; font-size: 9pt; border: solid 1px #222; padding: 8px; margin: 16px; width:220px; }


/*==============================================
   ---- Text Ad3 ----  
  ============================================== */
TABLE.AdText3 { box-sizing: border-box; border: solid 1px #222; margin: 16px; width:900px; }
TD.AdText3 { padding: 10px; width:100% }

/*==============================================
   ---- Outlines ----  
  ============================================== */
UL { margin-left:20px; }