@charset "utf-8";
/* CSS Document */
html{
height:100%;
width:100%;
}
body{
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
background-image:url(../images/bodybg.gif);
background-position:0 0;
background-repeat:repeat-x;
background-color:#f6f6f6;
/*color:#747574;*/
color:#444444;
}
form, table{
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, h6{
margin:0;
padding:6px 0px;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-weight:normal;
}
h1{
	color:#588e31;
	}
h2{}
h3{}
h4{}
h5{}
h6{}
p{
margin:0;
padding:5px 0px;
}
a{
	color:#82aa21;
	}
a:hover{}
.maincontainer{
	width:952px;
	margin:auto;
	}
.toparea{
	min-height:100px;
	height:auto !important;
	height:100px;
	position:relative;
	}
.top-action{
	font-size:11px;
	padding:14px 0px 0px 0;
	height:32px;
	}
.topmenu{
	padding:5px 5px 0px 0px;
	}
.topmenu, .topmenu a{
	color:#4e802a;
	text-decoration:none;
	}
.topmenu a:hover{
	text-decoration:underline;
	}
.searchareabg{
	width:195px;
	height:21px;
	background-image:url(../images/searchareabg.gif);
	background-repeat:no-repeat;
	padding:2px 0px 0px 2px;
	}
.s_txt{
	width:175px;
	border:none;
	background-color:transparent;
	}
.logo{
	position:absolute;
	top:17px;
	left:-37px;
	}
.mainmenu-cont{
	background-image:url(../images/menubg.gif);
	height:45px;
	background-position:right;
	}
.mmpad{
	padding:1px 0px 0px 280px;
	}
.bannerarea{
	min-height:281px;
	height:auto !important;
	height:281px;
	background-image:url(../images/banner2.jpg);
	background-repeat:no-repeat;
	z-index:0;
	}
.bannerarea .leftarea{
	width:485px;
	}
.bannerarea .rightarea{
	width:467px;
	}
.bannerarea .leftarea .contents{
	color:#d4f2bc;
	font-size:11px;
	padding:75px 0px 0px 26px;
	}
.banner-links{
	font-size:14px;
	color:#FFF;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
.banner-links a{
	color:#FFF;
	text-decoration:none;
	}
.banner-links a.witharrow{
	background-image:url(../images/bannerlink-bg.png);
	background-position:center right;
	background-repeat:no-repeat;
	padding:0px 20px 0px 0px;
	display:block;
	}
.banner-links span{
	color:#fe9e00;
	}

.bh1{
	margin:0;
	padding:0;
	}
.bannerarea .rightarea .contents{
	min-height:300px;
	height:auto !important;
	height:300px;
	}
.mouse{
	position:absolute;
	left:408px;
	bottom:-326px;
	}
.youtube{
	padding:50px 0px 0px 48px;
	}
.maindisplayarea{ padding:0px 0px 30px 0;}
.maindisplayarea .leftarea{
	width:648px;
	padding:50px 0px 0px 0px;
	}
.maindisplayarea .rightarea{
	width:261px;
	}
.maindisplayarea .leftarea p{
	line-height:170%;
	}
	
.maindisplayarea2{ padding:40px 0px 30px 0;}
.maindisplayarea2 .leftarea{
	width:648px;
	}
.maindisplayarea2 .rightarea{
	width:261px;
	}
.maindisplayarea2 .leftarea p{
	line-height:170%;
	}
.page-header{
	background-image:url(../images/pageheader-bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	}
.rb-cont{
	padding:10px 0px;
	}
.roundbox{
	width:156px;
	color:#FFF;
	float:left;
	margin:2px 2px;
	}
.roundbox-top{
	height:35px;
	background-image:url(../images/roundbox-top.gif);
	}
.roundbox-top:hover{
	background-image:url(../images/roundbox-top-h.gif);
	}
.roundbox-body{
	height:78px;
	background-image:url(../images/roundbox-body.gif);
	background-repeat:no-repeat;
	}
.roundbox h2{
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	padding:9px 0px 0px 10px;
	}
.roundbox h2 a{
	color:#FFF;
	text-decoration:none;
	}
.rb-contents{
	padding:8px 8px;
	}
.roundbox p{
	text-align:center;
	}
.i-list{
	float:left;
	margin:10px 0px;
	padding:0 10px;
	}
.i-list li{
	list-style-type:none;
	}
.i-list li a{
	font-weight:bold;
	color:#000;
	text-decoration:none;
	}
.image-container{
	padding:15px 0px;
	}
.image-container2{
	padding:25px 0px;
	}
/*rightarea*/
.onlinestatus{
	width:256px;
	height:59px;
	background-image:url(../images/ol-bg2.gif);
	background-repeat:no-repeat;
	}
.o-img{
	position:absolute;
	left:8px;
	}
.ol-contents{ 
	color:#568833;
	padding:8px 0px 0px 64px;
	}
.ol-contents h3{
	font-size:14px;
	font-weight:bold;
	padding:0;
	}
.ol-contents p{
	padding:0;
	}
.cta{
	width:255px;
	}
.cta-top{
	height:52px;
	background-image:url(../images/access-demo-platform-header.png);
	background-repeat:no-repeat;
	}
.cta-top2{
	height:57px;
	background-image:url(../images/cta-top2.gif);
	background-repeat:no-repeat;	
	}
.cta-mid{
	background-image:url(../images/cta-mid.gif);
	background-repeat:repeat-y;
	font-size:11px;
	}
.cta-bot{
	height:10px;
	background-image:url(../images/cta-bot.gif);
	background-repeat:no-repeat;
	font-size:0;
	}
.cta-bot2{
	height:12px;
	background-image:url(../images/cta-bot2.gif);
	background-repeat:no-repeat;
	font-size:0;
	}
.newsletter-h{
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	padding:20px 0px 0px 10px
	}
.cta-form{
	color:#4e802a;
	font-size:11px;
	}
.ctxt{
	width:180px;
	border:1px solid #FFF;
	background-image:url(../images/ctxt-bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	}
.news-cont{
	padding:5px 10px;
	}
.news{
	border-bottom:1px dotted #909090;
	padding:3px 0px;
	}
.news-date{}
.news-date a{font-size:12px; font-weight:bold; text-decoration:none;}
.news-date a:hover{
	color:#000;
	text-decoration:underline;
	}
.news-readmore{
	padding:10px 0px 0px 0px;
	}
.news-readmore a{
	font-weight:bold;
	background-image:url(../images/readmore.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding:0px 20px;
	text-decoration:none;
	}
.footerarea{
	background-image:url(../images/footerbg.gif);
	background-repeat:repeat-x;
	background-position:top;
	min-height:40px;
	height:auto !important;
	height:40px;
	font-size:11px;
	padding:12px 0px 0px 0px;
	}
#footnav{
	margin:0;
	padding:0;
	}
#footnav li{
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
	}
#footnav li a{
	display:block;
	background-image:url(../images/fsep.gif);
	background-repeat:no-repeat;
	background-position:right;
	text-decoration:none;
	color:#898989;
	padding:0px 4px;
	}
.copyright{
	background-image:url(../images/util-logo.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding:5px 68px 5px 0px;
	}
/*float*/
.right{
float:right;
}
.left{
float:left;
}
.clearB{
clear:both;
}
/*inner pages*/
.box{
	width:648px;
	}
.box-mid{
	background-image:url(../images/box-mid.gif);
	background-repeat:repeat-y;
	padding:5px 20px;
	}
.box-mid2{
	background-image:url(../images/box-mid.gif);
	background-repeat:repeat-y;
	padding:5px 0px;
	}
.green-list{
	list-style-image:url(../images/green-bullet.gif);
	}
.green-list ul li{
	list-style-image:url(../images/green-bullet2.gif);
	}
.green-list ul ul li{
	list-style-image:url(../images/green-bullet3.gif);
	}
.video-cont{
	padding:10px 0px;
	}
.breadcrumbs{
	font-size:11px;
	position:absolute;
	left:290px;
	top:110px;
	z-index:888;
	}
.col-cont{}
.col-cont .col1{width:360px;}
.col-cont .col2{ width:280px;}
.col-cont .col2 .col2-contents{
	padding:20px 0px;
	}
.call{
	font-size:30px;
	color:#000;
	}
.call span{
	font-size:24px;
	color:#598a35;
	}
.contact-txt{
	width:195px;
	border:1px solid #FFF;
	background-image:url(../images/ctxt-bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	}
.contact-txtarea{
	border:1px solid #FFF;
	background-image:url(../images/ctxt-bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	width:300px;
	}
.box-table{
	background-image:url(../images/topround.gif);
	background-position:top;
    background-repeat:no-repeat;
	width:648px;
	margin:20px 0px;
	}
.billing-table{
	}
.billing-table tr.topround{
	height:38px;
	}
.billing-table tr.topround th{
	color:#FFF;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0 10px;
	}
.billing-table tbody th{
	background-color:#deefb8;
	color:#444444;
	}
.billing-table tbody td{
	background-color:#eaf5d1;
	}
.billing-table tbody td, .billing-table tbody th{
	border-left:1px solid #fafdf4;
	border-right:1px solid #fafdf4;
	border-bottom:1px solid #f5fae6;
	}
.billing-table tbody th, .billing-table tbody td{
	padding:10px;
	}
.box-table-bot{
	
	}

/* additional style */
h1 {
font-size:24px;
}
h2 {
font-size:18px;
}
.system-message {
background:#F9F9F9 url(/CatalystImages/ok.png) no-repeat scroll 29px 18px
}
.bh1 {
color:#ffffff;
}
.bh1_a {
color:#ffffff;
font-weight:bold;
}
.cta2 {
background-image:url('/images/cta2.gif');
background-repeat:no-repeat;
height:100px;
padding:30px 20px 20px 20px;
color:#ffffff;
font-weight:bold;
}

/* for video player */
.vidplayer {
background-image:url(../images/vidplayer-bg.jpg);
background-repeat:no-repeat;
width:337px;
height:290px;
}
.youtube {
padding:40px 0 0 48px;
}

/*for Demo Platform Mail*/
#demoPlatform {
background-image:url(/images/mail_bg.png);
background-repeat: repeat-y;
}