html { 
	border-top-width: 0px; padding-right: 0px; padding-left: 0px; border-left-width: 0px; font-size: 100%; border-bottom-width: 0px; padding-bottom: 0px; margin: 0px; vertical-align: baseline; padding-top: 0px; font-family: inherit; border-right-width: 0px; outline: 0
	}
/*body {
	font-size:.75em; font-family: Arial, Helvetica, Verdana; border-top-width: 0px; padding-right: 0px; padding-left: 0px; border-left-width: 0px; border-bottom-width: 0px; padding-bottom: 0px; margin: 0px; vertical-align: baseline; padding-top: 0px; border-right-width: 0px; outline: 0
	}*/
a, a:visited { color:#9f0d08}
img { border: 0; }
table { 
	border-top-width: 0px; padding-right: 0px; padding-left: 0px; border-left-width: 0px; font-size: 100%; border-bottom-width: 0px; padding-bottom: 0px; margin: 0px; vertical-align: baseline; padding-top: 0px; font-family: inherit; border-right-width: 0px; outline: 0 
}
* { margin:0px;border:0px;padding:0px; }

#header_wrap { 
	z-index: 1;
	position: relative;
	height: 74px; 
}
		
#header .logo { 
	left: 0px; 
	position: absolute; 
	top: 0px; 
}
	
#content {
	padding-bottom: 25px; 
	margin: 0px auto; 
	width: 960px;
	padding-top: 10px; 
	position: relative;
	text-align: middle;
	background-image: url();
	background-repeat: no-repeat;
	background-position: top center;
	height: 100%;
}

#content_wrap {
	/*background-color: #ff9934;*/ 
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 100%;
}

ul.logo{
	padding-top: 10px; 
	/*display: inline;*/
	background-image: url(http://occupancyplus.com/images/op_logo.png); 
	background-repeat: no-repeat; 
	width:190px; 
	height:121px; 
	margin:0px;
	list-style-type: none;
	position: absolute; 
	text-align:center;
	
}
.plan_header {
		font-family: verdana,tahoma,arial,sans-serif;
		font-size:20px;
		color:#FF6600;
		font-weight:bold;
		
}
.bigtitle {
		font-family: verdana,tahoma,arial,sans-serif;
		font-size:22px;
		color:#FFFFFF;
		font-weight:normal;

}
#logo li.nav2  {
	display: inline; font-weight: normal; font-size: 15px; float: left;font-family: helvetica, arial, sans-serif;
}

#navigation {
	float: right; top: 30px; width:50px; text-align:right; bottom: 10px;
}
#navigation li {
	text-align:right; display: inline; font-weight: normal; font-size: 15px; float: left; line-height: 15px; margin-right: 0px; font-family: helvetica, arial, sans-serif
}

#navigation li.login a {
	font-weight:bold;text-decoration: none; font-family:  arial, helvetica, sans-serif; color: #000000; cursor: pointer;font-size:11px;
}

#navigation li.login a:hover {
	font-weight:bold;text-decoration: none; font-family:  arial, helvetica, sans-serif; color: #cc0000; cursor: pointer;font-size:11px;
}

#menu_wrap {
	background: transparent url(http://occupancyplus.com/images/menu_bg.jpg) repeat-y; /*fefed3*/
	width:190px;
	height:238px;
	position:absolute;
	top:130px;
}

#menu_wrap li { background:transparent; display: inline; font-size:12px; font-family:Verdana, Arial, Helvetica; color: 545051; float:left } /*545051*/
#menu_wrap div.top { background:#ad120b url(http://occupancyplus.com/images/menu_top.png) no-repeat;width:190px; height:10px}
#menu_wrap div.bot { background:transparent url(http://occupancyplus.com/images/menu_bot.png) no-repeat;width:190px; height:11px}
#menu_wrap div.nav { height:20px; padding-left:18px; line-height:16px;  display: block; font-size:12px; font-family:Verdana, Arial, Helvetica; color: #545051; margin:10px }
#menu_wrap div.nav a {text-decoration:none;font-size:12px; font-family: Verdana, Helvetica, Arial; color: #545051;}
#menu_wrap div.nav a:hover {text-decoration:underline;font-size:12px; font-family:Verdana, Arial, Helvetica; color: #9f0d08;}

#center_content {
	/*background-color: #fff;*/
	padding-bottom: 25px; 
	width:760px;
	margin-top: 100px; 	
	text-align: right;
	position: absolute;
	vertical-align: right;
	height: 90px;
	margin-left: 200px;
	background-image:url(http://occupancyplus.com/images/keys.jpg);
	background-repeat: no-repeat;
}
#center_content div.title {margin-top: 20px; height:20px; width:760px; text-align: right;}
#center_content p.content { padding-top:10px; float:right; height:100%; width:690px; text-align: right; font-size:14px; line-height: 20px; font-family:Verdana, Arial, Helvetica; color: #fff;}
#center_content a { font-style:bold;text-decoration:none;text-align: right; font-size:12px; line-height: 20px; font-family:Verdana, Arial, Helvetica; color: #ffcc00;}
#center_content a:hover { font-style:bold;text-decoration:underline;text-align: right; font-size:12px; line-height: 20px; font-family: Verdana, Arial, Helvetica; color: #ffcc00;}
#center_content span.highlight {text-align: right;  font-size:13px; font-family:Verdana, Arial, Helvetica; color: #fff;font-weight: bold}

#center_panels {
	/*background-color: #00ccff;*/
	width:740px;
	margin-top: 220px;	
	position: absolute;
	vertical-align: right;
	height: 280px;
	margin-left: 220px;
}

#center_panels div.panelA {float:right;padding-right:7px;}
#center_panels div.panelB {float:right;padding-right:7px;}
#center_panels div.panelC {float:right;}

#center_panels div.top{ background:transparent url(http://occupancyplus.com/images/panel_top.png) no-repeat; width:230px; height:14px; }
#center_panels div.bot{ background:transparent url(http://occupancyplus.com/images/panel_bot.png) no-repeat; width:230px; height:15px; }
#center_panels div.panelcon {padding-top:15px;background:transparent url(http://occupancyplus.com/images/white.png) repeat-y; width:224px; height:180px; padding-left:6px; color:#000; font-size:11px; font-family: "Trebuchet MS", Arial, Helvetica, Verdana; text-align: justify}
#center_panels p.con { margin-top:10px; padding:4px; background:transparent; width:210px; color:#000; font-size:11px; font-family: Verdana, Arial, Helvetica; text-align: justify; line-height: 14px;}
#center_panels p.con2 { margin-top:10px; color:#000; font-size:11px; font-family: Verdana, Arial, Helvetica; text-align: justify; line-height: 14px;}


#footer {background-color:#545051;width:100%;margin-top:620px;position: absolute;height: 22px; padding-top: 8px;padding-left:0px;font-size:11px; text-align: left;font-family: Arial, Helvetica, Verdana; color: #fff;  }
#footer a {padding-left:20px;font-family: Arial, Helvetica, Verdana; color: #fff; text-decoration:none;}
#footer a:hover {padding-left:20px;font-family: Arial, Helvetica, Verdana; color: #ffcc00; text-decoration:none;}

#footer .copyright {float:right; margin-top: 12px; font-size:10px; text-align: left; font-family: Arial, Helvetica, Verdana; color: #000;margin-bottom:20px }
#copyright {width:100%;margin-top:650px;position: absolute;height: 22px; padding-top: 8px;padding-left:0px;font-size:11px; text-align: center;font-family: Arial, Helvetica, Verdana; color: #000;  }

#content {
	/*background-color: #fff;*/
	padding-bottom: 25px; 
	width:760px;
	margin-top: 100px; 	
	text-align: right;
	position: absolute;
	vertical-align: right;
	height: 90px;
	margin-left: 200px;
	background-repeat: no-repeat;
}
#content div.title2 {padding-top: 12px; height:20px; width:100%; text-align: right;}


#content_panel {
	/*background-color: #00ccff;*/
	width:740px;
	margin-top: 170px;	
	position: absolute;
	vertical-align: right;

	margin-left: 220px;
	font-size:12px; 
	font-family: Arial, Helvetica, Verdana;
	text-align: justify; 
	line-height: 18px;
}

#content_panel p.title {font-size:17px; font-family: Arial, Helvetica, Verdana; color: #fff; font-weight: bold } /*c71b11 -- fdca0d*/
#content_panel ul li {font-size:12px; 
	font-family: Arial, Helvetica, Verdana;
	text-align: justify; 
	 list-style-type:none;
	 }
#content_panel div.list {color:#353535;min-height:10px;display: block;font-size:12px;font-weight:bold;padding-bottom:5px;padding-top:4px;border-bottom: #fff 1px dotted;width:470px}
#content_panel div.listtop {color:#353535;font-size:12px;font-weight:bold;padding-bottom:6px;border-bottom: #fff 1px dotted;width:470px;vertical-align:center;}
#content_panel img {vertical-align:middle; padding-right: 4px}
#content_panel td{font-size:11px; padding: 4px}
#content_panel input{border: 1px solid #ccc}
#content_panel div.sys {padding-top:20px;text-align:left;padding-left:10px;background: transparent url(http://occupancyplus.com/images/panel_clr.jpg) no-repeat ; float: right; width:250px; height:300px;}
#content_panel div.plist {font-family:Arial, Verdana, Helvetica;color:#000;width:220px;display: block;font-size:11px;font-weight:bold;padding-bottom:5px;padding-top:5px;}
#content_panel div.speak{padding-top:50px;text-align:left;padding-left:10px;background: transparent url(http://occupancyplus.com/images/speak.png) no-repeat ; float: right; width:250px; height:300px;}
#content_panel div.scont {line-height:20px;text-align:left;font-family:  Verdana, Arial, Helvetica;color:#fff;width:200px;display: block;font-size:14px;font-weight:bold;padding-left:24px;padding-bottom:5px;padding-top:10px;}

/*#content_panel div.footer {background-color:#545051;width:960px;margin-top:500px;position: absolute;height: 22px; padding-top: 8px;padding-left:0px;font-size:11px; text-align: left;font-family: Arial, Helvetica, Verdana; color: #fff;  }
#content_panel div.footer a {padding-left:20px;font-family: Arial, Helvetica, Verdana; color: #fff; text-decoration:none;}
#content_panel div.footer a:hover {padding-left:20px;font-family: Arial, Helvetica, Verdana; color: #ffcc00; text-decoration:none;}*/
#footer2 {background-color:#545051;width:100%;height: 22px; padding-top: 8px;padding-left:0px;font-size:11px; text-align: left;font-family: Arial, Helvetica, Verdana; color: #fff;  }
#footer2 a {padding-left:20px;font-family: Arial, Helvetica, Verdana; color: #fff; text-decoration:none;}
#footer2 a:hover {padding-left:20px;font-family: Arial, Helvetica, Verdana; color: #ffcc00; text-decoration:none;}

#footer2 .copyright {float:right; margin-top: 6px; font-size:10px; text-align: left; font-family: Arial, Helvetica, Verdana; color: #000;margin-bottom:20px }
div.desc {border-bottom: #fff 1px solid; padding-bottom:10px;font-size:11px; font-family: Arial, Helvetica, Verdana; color: #000;line-height:17px; text-align: justify}
.tdesc {color:#c71b11;padding:10px 0px 5px 0px;font-family: Arial, Helvetica, Verdana;text-transform:uppercase;font-weight: bold;font-size:13px; }

div.op_212
{
	margin-top: 390px;
	margin-left: 220px;
	float: right;
}
div.op_2121
{
	margin-top: 240px;
}

div.credit
{
	padding-top: 10px;

	float: left;
	
}


div.op_ban
{
	margin-top: 620px;
	margin-left: 220px;
	float: left;
	
}

input.sub {
width: 60px;
color: #000;
background: #fff;
border: #000 1px solid;


}

.web {
padding:1em;
border:1px solid #fff;
cursor:pointer;
}
.web a img {
padding:4px;
}
.web:hover {
background:#cfd1d2;
}
ul#checkcon
{
list-style-image:url("../images/checkcon.png");
}
ul#op-list {
list-style-image: url("../images/check-op.png");
margin-left:30px;
}
ul#op-list span {
float:left;
width:130px;
text-align:center;
}
.demo
{
margin-top:40px
}
span.subgroup {
padding:1em;
background:#d5d5d5;
}
span.subgroup ul{
list-style-image: url(../images/arrow-right.gif);
margin-left:20px;
}
span.subgroup ul li {
font-size:11px !important;
color:#c71b11;
}
span.subgroup2 {
padding:1em;
}
span.subgroup2 ul{
list-style-image: url(../images/arrow-right2.gif);
margin-left:20px;
}
span.subgroup2 ul li {
font-size:11px !important;
color:#000;
}
span.subgroup div {
text-decoration:underline;
}

.roundbox {
background: #fdf3cf;
/*border:3px solid #999;*/
height:215px;
width:210px;
padding:10px;
padding-top:0px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
-opera-border-radius:15px;
-khtml-border-radius:15px;
border-radius:15px;
border: 1px solid #efb946;
color:#000; font-size:11px; font-family: "Trebuchet MS", Arial, Helvetica, Verdana; text-align: justify;
}
.stButton {
margin:0px !important;
padding:0px !important;
}

div#preloader {
background: url(../images/loading.gif) center no-repeat;
}