body { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; }
img { border:none; }
a { outline:none; }
#pagecointainer { width:749px; margin:0; padding:0; height:auto; }
.topband { background:url(../images/banner.jpg) no-repeat center bottom; width:100%; height:162px; margin-top:20px; }
.FD_Logo { width:194px; height:65px; float:left; }
.online_demo { width:143px; height:20px; float:right; margin-top:45px; }
.header { background:url(../images/demo_header_bg.jpg) no-repeat center top; width:749px; height:58px; }
.header_L { float:left; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:22px 0 0 10px; }
.header_L a { color:#FFFFFF; font:normal 11px Verdana, Arial, Helvetica, sans-serif !important; text-decoration:none; }
.header_L a:hover { text-decoration:underline; }
.header_R { float:right; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000000; padding:22px 10px 0 0; }
.header_R a { color:#000000; font:normal 11px Verdana, Arial, Helvetica, sans-serif !important; text-decoration:none; }
.header_R a:hover { text-decoration:underline; }
.cmms_login { float:left; width:368px; margin:10px 0; }
.cafm_login { float:right; width:368px; margin:10px 0; }
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#FFFFFF; border-left:1px solid #bce7ef; border-right:1px solid #bce7ef;}
.xb1 {margin:0 5px; background:#bce7ef;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#FFFFFF; border:0 solid #bce7ef; border-width:0 1px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; padding:0 10px 10px 10px; }
.xboxcontent h2 { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif !important; font-weight:boli; font-size:16px; color:#000000; }
.xboxcontent h3 { margin:0; padding:0; font-family:'Lucida Grande','Trebuchet MS',Arial,Helvetica,sans-serif !important; font-weight:bold; font-size:13px; color:#999999; }
.supervisor_login { width:208px; height:30px; margin:15px 0 0 68px; color:#FFFFFF; }
.requester_login { width:208px; height:30px; margin:15px 0 0 68px; color:#FFFFFF; }
.craftperson_login { width:208px; height:30px; margin:15px 0 0 68px; color:#FFFFFF; }
.demo_footer { clear:both; height:auto; }
.icon_set { float:right; width:260px; margin:10px 5px 0 0; }
.fboxcontent { display:block; background:#ffffdf; border:0 solid #ebebeb; border-width:0 1px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; padding:0; }
.ftop, .fbottom {display:block; background:transparent; font-size:1px;}
.fb1, .fb2, .fb3, .fb4 {display:block; overflow:hidden;}
.fb1, .fb2, .fb3 {height:1px;}
.fb2, .fb3, .fb4 {background:#ffffdf; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb;}
.fb1 {margin:0 5px; background:#ebebeb;}
.fb2 {margin:0 3px; border-width:0 2px;}
.fb3 {margin:0 2px;}
.fb4 {height:2px; margin:0 1px;}
.fboxcontent ul { margin:0; padding:0; }
.fboxcontent ul li { list-style:none; font:bold 11px Verdana, Arial, Helvetica, sans-serif; line-height:30px; padding-left:40px;  }
.fboxcontent ul li a { color:#333333; font:bold 11px Verdana, Arial, Helvetica, sans-serif !important; text-decoration:none; }
.fboxcontent ul li a:hover { text-decoration:underline; }
.editions_icon, .download_icon, .cd_icon, .helpdoc_icon { background-image:url(../images/demo_icons.gif); background-repeat:no-repeat; }
.editions_icon { background-position:8px 3px; }
.download_icon { background-position:8px -27px; }
.cd_icon { background-position:9px -57px; }
.helpdoc_icon { background-position:8px -87px; }
.footer_content { color:#545454; line-height:18px; }
.footer_content a { color:#545454; font-size:11px; text-decoration:none; }
.footer_content a:hover { text-decoration:underline; }
.blue_txt { font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#207196; line-height:14px; margin-top:15px; }
.copyright_div { font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#000000; line-height:25px; text-align:right; margin-bottom:10px; }
.demolink { margin:0; padding:0; }
.demolink li { list-style:none; }
.demolink li.supervisor_login { background:url(../images/supervisor_loginbg.gif) no-repeat left top; padding-left:40px; line-height:27px; }
.demolink li.supervisor_login a { text-decoration:none; color:#FFFFFF; font-family:'Lucida Grande','Trebuchet MS',Arial,Helvetica,sans-serif !important; font-weight:bold !important; font-size:13px !important; }
.demolink li.supervisor_login a:hover { text-decoration:underline; color:#fffe9b; }
.demolink li.requester_login { background:url(../images/requester_loginbg.gif) no-repeat left top; padding-left:40px; line-height:27px; }
.demolink li.requester_login  a { text-decoration:none; color:#FFFFFF; font-family:'Lucida Grande','Trebuchet MS',Arial,Helvetica,sans-serif !important; font-weight:bold !important; font-size:13px !important; }
.demolink li.requester_login a:hover { text-decoration:underline; color:#fffe9b; }
.demolink li.craftperson_login { background:url(../images/craftperson_loginbg.gif) no-repeat left top; padding-left:40px; line-height:27px; }
.demolink li.craftperson_login  a { text-decoration:none; color:#FFFFFF; font-family:'Lucida Grande','Trebuchet MS',Arial,Helvetica,sans-serif !important; font-weight:bold !important; font-size:13px !important; }
.demolink li.craftperson_login a:hover { text-decoration:underline; color:#fffe9b; }
