body { 
   font-family: Gotham, "lucida grande", Verdana, sans-serif; 
   color: #000000; 
   font-size: 12px; 
   margin-top:0px; 
   margin-left:0px; 
   margin-right:0px; 
   background: #d0edf5;
   text-align: center;
}
p,td, li { font-size: 9pt;}
input,select,textarea { font-size: 9pt;font-family: Gotham, "lucida grande", Verdana, sans-serif; }
.feedback { color: #ff0000}
.appl, .hrweb {  font-size: 13pt; font-weight: bold; color: #000000}
.user { font-size: 10pt; color:#000000; background: #ffffff}
A.nav, P.nav, LI.nav, .navtitle { text-decoration: none; font-size: 10pt;}
A.nav:hover { text-decoration: underline; font-size: 10pt}
.tabHeader { background-color:#006faf; color: #ffffff; font-weight:bold; }

.tabHeader A, A.tabHeader:link, A.tabHeader:visited { font-weight: bold; color: #ffffff; text-decoration: underline; }
.tabHeader A.header, A.tabHeader.header:link, A.tabHeader.header:visited { font-weight: bold; color: #ffffff; text-decoration: underline; }
.tabHeader A:hover, A.tabHeader:hover {  text-decoration: none;  }
.tabRow {  }

.navtitle { font-size: 12pt; color: #f0e9d9; font-weight: bold }
.goodFeedback { font-weight: bold; color: green }
.badFeedback { font-weight: bold; color: red }
.errorTxt {
	color:#CC3333;
	font-size:10px;
}
.errorBox { background-color:#FFCC99 }
.required { color:#FF6633; font-weight:bold }

#test_site_notice {
   position: absolute;
   z-index: 2000;
   left: 0;
   top: 0;
   background-color: #FFCC99;
   border-right: 1px solid black;
   border-bottom: 1px solid black;
   font-weight: bold;
   width: 100px;
   padding: 5px;
}
#test_site_notice_login {
   background-color: #FFCC99;
   border: 1px solid black;
   font-weight: bold;
   width: 100px;
   padding: 2px;
}

#site-container, #site-container_home  {
   width: 1024px;
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   padding: 0 0 10px 0;
   background: #d0edf5;
}
#site-container {
   border: 2px solid #d0edf5;
   /* background: #dcddde; */
}
#site-container-left {
   position: absolute;
   width: 200px;
   padding-left: 20px;
   margin: 0px;
}
#site-container-right {
}
#topmenu {
   float: right; 
   margin-bottom: -30px;
}
/* tweaked in style_ie */
#mainlogo {
}
/* tweaked in style_ie */
#content, #content_nonav {
   padding: 10px;
   color: #000000;
   margin-top: 27px;
   margin-left: 230px;
   margin-right: 10px;
   background: #ffffff;
   width: 740px;
   /*
   border-top: 3px solid #dcddde;
   border-left: 3px solid #dcddde;
   */
}
#content_nonav {
   margin-top: 170px;
   margin-left: 20px;
   width: 974px;
}
#content_home {
   background: #d0edf5;
   width: 740px;
}
#greeting {
   position: fixed;
   bottom: 10px;
   width: 1024px;
   height: 20px;
   color: #ffffff;
   background: #000000;
   margin: 0;
   margin-left: auto;
   margin-right; auto;
   padding: 2px;
   text-align: center;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
   filter: alpha(opacity = 80); /* required for opacity to work in IE */
   opacity: 0.8;
}

/* tweaked in style_ie */
div#fadeoverlay {
   position: fixed;
   width: 100%;
   top: 0;
   left: 0;
   background: #000;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */
   filter: alpha(opacity = 70); /* required for opacity to work in IE */
   opacity: 0.7;
   z-index: 50;
   height: 100%;
}
div#menu-static, div#menu-overlay {
   z-index: 52;
   position: absolute;
   top: 120px;
   left: 15px;
   width: 170px;
   line-height: 200%;
   height: 400px;
}
div#menu-overlay {
   z-index: 51;
   position: absolute;
   top: 90px;
   left: 7px;
   width: 600px;
}
table#menuframe {
   border-collapse: collapse;
   margin: 0;
   padding: 0;
}
table#menuframe td {
   margin: 0;
   padding: 0;
}
table#menuframe td#menucontent {
   background: url(../images/menu_center.png) left repeat-y;
   padding-left: 170px;
   padding-right: 20px;
   height: 300px;
   vertical-align: top;
}
div#menu-overlay span#closemenu {
   position: absolute;
   top: 10px;
   left: 540px;
   z-index: 55;
   cursor: pointer;
   margin: 0;
   padding: 0;
}
table#menuframe td#menucontent div.submenu {
   font-style: normal;
   font-size:12px;
   line-height: 130%;
   width: 100%
   display: none;
   padding: 5px 10px;
}
A.mainmenu:link { color:#D7BF50; text-decoration:none }
.mainmenu{ color:#D7BF50; cursor: default; }
A.mainmenu:visited { color:#D7BF50; text-decoration:none }
A.mainmenu:hover { color:#efefe6; text-decoration:none }
A.submenu_link:link { color:#ffffff; text-decoration:none; }
A.submenu_link:visited { color:#ffffff; text-decoration: none; }
A.submenu_link:hover { color:#ffffff; text-decoration:underline; }
A:link { color:#222222 }
A:visited { color:#222222 }
A:hover { color:#444444; text-decoration:none;}
A img { border: 0 }
.row1 { background-color: #eeeeee; }
.row2 { background-color: #cccccc; }
a.splashimage, a.splashimage img { border: 0; }

a.clear-star {
   display: block;
   width:15px;
   height: 15px;
   text-decoration: none;
   z-index: 20;
   padding: 0px;
   margin: 0px;
   margin-bottom: -6px;
   margin-right: -6px;
   background: url(../images/cross.png) top left;		
}
a.clear-star:hover {
   background: url(../images/cross.png) bottom left;
}
.star-rating {
   list-style:none;
   margin-left:5px !important;
   padding:0px;
   width: 75px;
   height: 15px;
   position: relative;
   background: url(../images/alt_star.png) top left repeat-x;		
}
.star-rating li{
   padding:0px;
   margin:0px;
   /*\*/
   float: left;
   /* */
}
.star-rating li a{
   display:block;
   width:15px;
   height: 15px;
   text-decoration: none;
   text-indent: -9000px;
   z-index: 20;
   position: absolute;
   padding: 0px;
}
.star-rating li a:hover{
   background: url(../images/alt_star.png) left bottom;
   z-index: 2;
   left: 0px;
}
.star-rating a:focus,
.star-rating a:active{
   border:0;	
   -moz-outline-style: none;
            outline: none; 
}
.star-rating a.one-star{
   left: 0px;
}
.star-rating a.one-star:hover{
   width:15px;
}
.star-rating a.two-stars{
   left:15px;
}
.star-rating a.two-stars:hover{
   width: 30px;
}
.star-rating a.three-stars{
   left: 30px;
}
.star-rating a.three-stars:hover{
   width: 45px;
}
.star-rating a.four-stars{
   left: 45px;
}	
.star-rating a.four-stars:hover{
   width: 60px;
}
.star-rating a.five-stars{
   left: 60px;
}
.star-rating a.five-stars:hover{
   width: 75px;
}
.star-rating li.current-rating{
   background: url(../images/alt_star.png) left center;
   position: absolute;
   height: 15px;
   display: block;
   text-indent: -9000px;
   z-index: 1;
}
div#homeimage {
   margin:0;
   padding: 0;
   width: 1024px;
   height: 700px;
   text-align: center;
   vertical-align: center;
   margin-top: 20px;
}
.disabled {
   color: gray;
}
a.scorm_launch:link, a.scorm_launch:visited  {
   border: 2px solid #b5e6f7;
   background: #0070af;
   padding: 5px;
   color: #ffffff;
   text-decoration: none;
}
a.scorm_launch:hover {
   border: 2px solid #ffffff;
   color: #f7941d;
}
.emplist_pending {
   font-style: italic;
   color: #f7941d;
}
.approve_link, 
.approve_link:link,
.approve_link:visited {
   text-decoration: none;
   display: block;
   width: 80px;
   padding: 1px;
   margin: 2px 0;
   border: 1px solid #b5e6f7;
   text-align: left;
   background: #0070af;
   color: #ffffff;
}
.approve_link:hover {
   border: 1px solid #ffffff;
   color: #f7941d;
}
.approve_link img {
   vertical-align: bottom;
}
.approve_link_unset {
   font-weight: bold;
}

.tablelink {
   font:small-caps 100%/120% "lucida grande", "lucida sans unicode", "trebuchet ms", arial, verdana, sans-serif;
   vertical-align: center;
   text-decoration: none;
   background: transparent;
   border: 1px solid transparent;
   white-space: nowrap;
   padding: 0 1px !important;
}

.tablelink img { padding-right: 2px; }
.tablelink:hover {
   background: #ffe;
   border: 1px solid #bbb;
   cursor: pointer;
}

td.form_actions a { text-decoration: none; white-space: nowrap;}
td.form_actions a img { border: none; }
td.action_links {
   font: 90%/120% Gotham, "lucida grande", "lucida sans unicode", "trebuchet ms", arial, verdana, sans-serif;
   padding: 0 3px;
}
a.lrtrans-required {
   color: #aa0000;
}

.browser_notice {
   font-weight: bold;
   color: red;
}