body {
        font-family: Segoe UI, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-style: normal;
	font-weight: normal;

	color: #222222;
	background-color: #BDE5F8;
	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;

	text-align: center;
	min-width: 500px;

	xbackground-image: url(http://www.hr-survey.com/images/back3360.jpg);
	xbackground-repeat: no-repeat;
	xbackground-attachment: fixed;

	Xbackground: #FFFFFF url(http://www.hr-survey.com/images/backbars.gif);
	Xbackground-repeat: repeat-y;

	padding:0px;
}

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

#LogoDiv, #LogoDiv A  {
	border:solid 0px black; 
	font:normal 14pt verdana, ariel, san-serif; 
	cursor:hand;
}

#navcontainer { width:950; 
  margin-left: auto;
  margin-right: auto;
}
#navcontainer ul {padding-left:0;margin:0;background:#ffffff url(http://www.hr-survey.com/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 #fff;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(http://www.hr-survey.com/images/barbackground2.jpg) repeat-x left top;background-color:#9fcfff;color:#333;border-top:1px solid #333;border-right:1px solid #fff;border-left:1px solid #333;border-bottom:1px solid #fff;}

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

SPAN.Normal {
        font-family: Segoe UI, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	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-size : 12px;
	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: 2;
  margin-right: 2;
  padding-left: 2;
  padding-right: 2;
  border: 0;
  border-style:	outset;
}
P.Principle
{ margin: 14px 14px 14px 14px;
  padding: 14px 14px 14px 14px;
  border: 2;
  background: #F8F866;
  border-style:	outset;
  border-top-color: #F8F8DD;
  border-left-color: #F8F8DD;
  border-right-color: #696969;
  border-bottom-color: #696969;
}
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-size : 13px;
	font-style: normal;
	font-weight: bold;
	xcolor: #666666;
}
TD {
	font-family : Segoe UI, Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style: normal;
	font-weight: normal;
	xcolor: #666666;
}
input {
	font-family :Tahoma, Arial, Helvetica, sans-serif;
	font-size : 12px;
	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;
}



.xbutton{
	border-bottom : none;
	border-left : none;
	border-right : none;
	border-style : none;
	background-color : #bcbcbc;
	cursor:         hand;
	xcolor : #FFFFFF;
        font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
}

xinput.submit, xa.button, xinput.button {
	border: 3px double #0179a5;
	border-left-color: #54C9F5;
	border-top-color: #54C9F5;
	margin: 5px 5px 5px 0;
	color: white;
	height: auto;
	text-decoration: underline;
	font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-weight: bold;
	background: #00AFF0;
	font-size: 1em;
	padding: 0.1ex 0;
	cursor: pointer;
	text-decoration: none;
}
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-size : 12px;
	font-style: normal;
	font-weight: normal;
}
h1 {  font-weight: normal;font-size: 20pt;margin-bottom: 0em;font-family: Segoe UI, Verdana, Geneva, Arial, Helvetica, sans-serif; color:#444444;}
H2 {  font: bold 16pt Calibri,Segoe UI, Verdana, Geneva, Arial, Helvetica, sans-serif; color:#444444; }
h3 {  font-family: Segoe UI, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bolder; color: #000000}
h4 {  font-family: Segoe UI, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bolder; color: #666666}

.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;}

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

#p7menu1 { position:absolute; top:84px; left:0px; width:118px; height:14px; visibility: show; z-index:128; }
#p7menu2 { position:absolute; top:98px; left:0px; width:118px; height:14px; z-index:129; }
#p7menu3 { position:absolute; top:112px; left:0px; width:118px; height:14px; z-index:130; }
#p7menu4 { position:absolute; top:126px; left:0px; width:118px; height:14px; z-index:131; }
#p7menu5 { position:absolute; top:140px; left:0px; width:118px; height:14px; z-index:132; }
#p7menu6 { position:absolute; top:154px; left:0px; width:118px; height:14px; z-index:133; }
#p7menu7 { position:absolute; top:168px; left:0px; width:118px; height:14px; z-index:134; }
#p7menu8 { position:absolute; top:182px; left:0px; width:118px; height:14px; z-index:135; }
#p7menu9 { position:absolute; top:196px; left:0px; width:118px; height:14px; z-index:136; }
#p7menu10 { position:absolute; top:210px; left:0px; width:118px; height:14px; z-index:137; }
#p7menu11 { position:absolute; top:224px; left:0px; width:118px; height:27px; z-index:138; }

#p7submenu1 { position:absolute; top:98px; left:0px; width:120px; visibility: hidden; z-index:100; }
#p7submenu2 { position:absolute; top:112px; left:0px; width:120px; visibility: hidden; z-index:101; }
#p7submenu3 { position:absolute; top:126px; left:0px; width:120px; visibility: hidden; z-index:102; }
#p7submenu4 { position:absolute; top:140px; left:0px; width:120px; visibility: hidden; z-index:103; }
#p7submenu5 { position:absolute; top:154px; left:0px; width:120px; visibility: hidden; z-index:104; }
#p7submenu6 { position:absolute; top:168px; left:0px; width:120px; visibility: hidden; z-index:105; }
#p7submenu7 { position:absolute; top:182px; left:0px; width:120px; visibility: hidden; z-index:106; }
#p7submenu8 { position:absolute; top:196px; left:0px; width:120px; visibility: hidden; z-index:107; }
#p7submenu9 { position:absolute; top:210px; left:0px; width:120px; visibility: hidden; z-index:108; }
#p7submenu10 { position:absolute; top:224px; left:0px; width:120px; visibility: hidden; z-index:109; }
#p7submenu11 { position:absolute; top:238px; left:0px; width:120px; visibility: hidden; z-index:110; }


.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:2px 2px 2px 0px; padding:0px 0px 0px 0px; margin:6px; }
TD.RadioTableClass {border-style:solid; border-width:0px 1px 0px 0px; vertical-align:top; 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 1px 0px 0px; vertical-align:top; margin:0px; padding:0px; }
TD.RTClassEven {border-style:solid; border-width:0px 1px 0px 0px; vertical-align:top; margin:0px; padding:0px; }
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'); }


 


 /* set background images for corners */
.rbroundbox { background: url(http://www.hr-survey.com/images/BlueBox.png) repeat;  }
.rbtop div  { background: url(http://www.hr-survey.com/images/BlueUpperLeft.png) no-repeat top left; }
.rbtop      { background: url(http://www.hr-survey.com/images/BlueUpperRight.png) no-repeat top right; }
.rbbot div  { background: url(http://www.hr-survey.com/images/BlueLowerLeft.png) no-repeat bottom left; }
.rbbot      { background: url(http://www.hr-survey.com/images/BlueLowerRight.png) no-repeat bottom right; }
 
 /* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 10px;
	font-size: 1px;
}
.rbcontent  { 
  margin: 0 20px; 
  padding:10px 0px 10px 50px;
  background-image: url('http://www.hr-survey.com/images/infoButton.png'); 
  background-repeat: no-repeat;
  background-position: 0px center;
}
.rbroundbox { width: 30em; margin:10px; background-color: #ffffff; float:right; }