/*
CSS Credit: http://www.template.com/
*/

body {
	margin: 0px;
	padding: 0px;
	color: #625e5e;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.5em; 
	background-color:#CCCCCC;
	background-image:  url("../images/template_banner_bg.png");
	background-position: top center;
	background-repeat:repeat;
}

a, a:link, a:visited { color: #333; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }

p { margin: 0px; padding: 0; }
img { border: none; }

ul { margin: 0; padding: 0; }
ul li { margin: 0; padding: 0; }

h1 { font-size: 34px; font-weight: normal; margin: 0 0 20px 0; padding: 5px 0; color: #9c6421; }
h2 { font-size: 24px; font-weight: normal; margin: 0 0 20px 0; padding: 5px 0; color: #000; }
h3 { font-size: 21px; font-weight: normal; margin: 0 0 15px 0; padding: 0; color: #000;}
h4 { font-size: 18px; margin: 0 0 20px 0; padding: 0 0 10px 0;  }
h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; }
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.hr_divider { background: url(../images/template_hr_divider.jpg) bottom repeat-x; }

.float_l { float: left; }
.float_r { float: right; }

.image_wrapper {
	position: relative;
	display: block;
	width: 150px;
	height: 128px;
	padding: 9px;
}
.image_wrapper span {
	position: relative;
	/*left: 718px;
	top: 916px;*/
	width: 236px;
	height: 144px;
	background: url(../images/template_image_frame.png) no-repeat;
}

.image_wrapper_free {
	position: relative;
	display: block;
	padding: 9px;
}
.image_fl { float: left; margin: 3px 20px 0 0; }
.image_fr { float: right; margin: 3px 0 0 20px; }

blockquote { font-style: italic; margin-left: 10px;}
cite { font-weight: bold; color:#3b3823; }
cite span { color: #696443; }
em { color: #e55822; }

.tmo_list { margin: 20px 0; padding: 0; list-style: none; }
.tmo_list li { background: url(../images/template_list.png) no-repeat scroll 0 0px; margin: 0 0 20px; padding: 3px 0 3px 25px; 	line-height: 1em; }
.tmo_list li a { color: #333; text-decoration: none; }
.tmo_list li a:hover { color: #d06802; text-decoration: none; }


.buttonview a {
	font:Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 148px;
	height: 31px;
	padding: 10px 0 0 0;
	color: #e88d23;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: url(../images/template_button_01.png) no-repeat;
}

.buttonview a:hover {
	color: #ffffff;
	background: url(../images/template_button_01_hover.png) no-repeat;
}

.buttonread a {
	font:Verdana, Arial, Helvetica, sans-serif;
	float:right;
	width: 148px;
	height: 34px;
	padding: 10px 0 0 0;
	color: #e88d23;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: url(../images/template_button_01.png) no-repeat;
}

.buttonread a:hover {
	color: #ffffff;
	background: url(../images/template_button_01_hover.png) no-repeat;
}

.btn_more a {
	display: block;
	width: 85px;
	height: 27px;
	color: #5c460e;
	padding: 5px 3px 0 27px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background: url(../images/template_btn.png) no-repeat;
}

.btn_more a:hover, .btn_more a span:hover {
	color: #dca822;
	background: url(../images/template_btn_hover.png) no-repeat; 
}

.buttonaction a {
	float: right;
	color:#000066;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.buttonaction a:hover {
	color:#FF9900;
}

.buttonaction a:visited {
	color:#000066;
}


#template_wrapper {
	width: 900px;
	padding: 23px 20px 0;
	margin: 0 auto;
}


#template_header {
	width: 840px;
	height: 80px;
	padding: 0 30px;
	background: url(../images/template_header.png) no-repeat;
	
}


#site_title {
	float: left;
	width: 350px;
	margin: 5px 0 0 0;
	text-align: center;
	font:Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height: 32px;
		
	
}

#site_title a {
	margin: 0px;
	padding: 0px;
	font-size: 36px;
	color: #252b2d;
	font-weight: bold;
	text-decoration: none;
}

#site_title a span {
	display: block;
	font-size: 14px;
	color: #333;
	font-weight: normal;
	margin-top: 5px;
	letter-spacing: 5px;
}
/* menu */

#template_menu {
	float: right;
	width: 450px;
	height: 50px;
	padding: 6px 20px;
	background: url(../images/template_menu.jpg) no-repeat;
}

#template_menu ul {
	float: right;
	margin: 6px 0 0 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}

#template_menu ul li {
	float: left;
	height: 42px;
	padding: 0 10px;
	margin: 0;
	display: inline-block;
	background: url(../images/template_menu_divider.png) no-repeat bottom right;
}

#template_menu ul .last { background: none; }

#template_menu ul li a {
	float: left;
	display: block;
	height: 36px;
	font-size: 14px;
	padding: 20px 10px 0;
	color: #fff;	
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	outline: none;
	
}

	#template_menu ul li a:hover, #template_menu il .current {
	background: url(../images/template_menu_mouse_hover.png) center no-repeat;
}

/* end of menu */


#template_Intro {
	font:Calibri, Tahoma, Arial;
	width: 840px;
	height: 80px;
	padding: 10px 30px;
	background:   url("../images/Intro_banner_bg.jpg") no-repeat top;
	/*background: #fff url(../images/template_main.png) no-repeat top;*/
	background-position:left top;
	clear: both;
		border-bottom: 1px solid #ccc;
	}

#template_Intro #Intro_content {
	float: left;
	padding: 30px 0 0 0;
}

#template_Intro #Intro_content h2 {
	font-size: 30px;
	margin-bottom: 20px;
	color: #000066;
	font-weight: normal;
}

#template_Intro #Intro_content p {
	line-height: 16px;
	font-size: 14px;
	letter-spacing: 2px;
	color:#000066;
	margin-bottom: 20px;
}

#template_Intro #Intro_content span {
	color: #e88d23;
}

#template_Intro .Intro_image {
	float: right;
	width: 225px;
	height: 225px;
	/*background: url(../images/ResidentMonitor.png) no-repeat;*/
}

/* welcome*/
#template_welcome {
	width: 860px;
	height: 322px;
	padding: 0px 10px 0px 30px;
	background-image:   url("../images/Welcome_banner_bg.jpg");
	background-repeat:no-repeat;
	background-position:left top;
	clear: both;
	}
	

#template_welcome #welcome_content {
	float: left;
	width: 550px;
	padding: 40px 0 0 0;
}

#template_welcome #welcome_content h2 {
	font-size: 30px;
	margin-bottom: 20px;
	color: #000066;
	font-weight: normal;
}

#template_welcome #welcome_content p {
	line-height: 20px;
	font-size: 15px;
	color:#000066;
	margin-bottom: 20px;
}

#template_welcome #welcome_content span {
	color: #e88d23;
}

#template_welcome .welcome_image {
	float: right;
	margin-top: 30px;
	margin-right:10px;
	width: 250px;
	height: 250px;
	/*border: 1px solid #000000;*/

	
	/*background: url(../images/ResidentMonitor.png) no-repeat;*/
}

/* end of banner */
/* main */

#template_main {
	clear: both;
	width: 840px;
	padding: 40px 30px;
	background: #fff url(../images/template_main.png) no-repeat top;
}

#template_content {
	float: left;
	width: 550px;
}

#template_content p {
	margin-bottom: 20px;
}

.content_box {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
}

.cb_last {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

#cool_link_list { 
	 margin:0 0 1em 15px;
	padding: 0;
	/*list-style: none;*/
	list-style:none;
}



#cool_link_list li {
	/*float: left;*/
	width: 160px;
	margin: .75em 0;
	padding: 0 0 0 20px;
	display: block;
	background: url(../images/template_list.png)  no-repeat 0 4px;

		line-height:1.3em;
    

}


#cool_link_list li a {
	display: block;
	width: 140px;
	padding: 0 0 0 20px;
	color: #666;
	text-decoration: none;
	line-height: 1em;
	background: url(../images/template_list.png) no-repeat center left;
}


#cool_link_Main_list { 
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
}

#cool_link_Main_list li {
	/*float: left;*/
	margin: .75em 0;
	padding: 0;
	display: block;
}




#cool_link_Main_list li a {
	display: block;
	padding: 0 0 0 20px;
	color: #666;
	text-decoration: none;
	line-height: 1em;
	background: url(../images/template_list.png) no-repeat center left;
}



#template_sidebar {
	float: right;
	width: 260px;
}

.icon_link { display: block; float: left; margin-left: 30px; width: 48px; }

.customersupport {
	width: 250px;
	height: 48px;
	margin-bottom:20px;
	background-image:url(../images/support.png);
	background-repeat:no-repeat;
		vertical-align:middle;
	
}

.customersupport a {
	color:#000066;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	padding-left:60px;
	vertical-align:middle;
	line-height:48px;

}

.customersupport a:hover {
	color: #e88d23;
}

.presentation {
	width: 250px;
	height: 48px;
	margin-bottom:20px;
	background-image:url(../images/presentation.png);
	background-repeat:no-repeat;
		vertical-align:middle;
	
}

.presentation a {
	color:#000066;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	padding-left:60px;
	vertical-align:middle;
	line-height:48px;

}

#CMSdemo {
	height: 32px;
	margin-bottom:20px;
	background-image:url(../images/CMSlogo.png);
	background-repeat:no-repeat;
		vertical-align:middle;
	
}
#CMSdemo a {
	color: #625e5e;
	text-decoration: none;
	padding-left:40px;
	vertical-align:middle;
	line-height:32px;

}

#CMSdemo a:hover{
	color:#000066;
	}

#CMStouch {
	color: #625e5e;
	height: 32px;
	margin-bottom:20px;
	background-image:url(../images/TouchLogo.png);
	background-repeat:no-repeat;
		vertical-align:middle;
	
}
#CMStouch a {
	color: #625e5e;
	text-decoration: none;
	padding-left:40px;
	vertical-align:middle;
	line-height:32px;

}

#CMStouch a:hover{
	color:#000066;
	}




.sidebar_box_woframe {
	margin-bottom: 20px;
}

.sidebar_box {
	width: 260px;
	padding: 0;
	
}

.sidebar_box_top {
	width: 260px;
	height: 20px;
	background: url(../images/template_sidebar_box_top.png) no-repeat;
}

.sidebar_box_bottom {
	width: 260px;
	height: 20px;
	margin-bottom: 30px;
	background: url(../images/template_sidebar_box_bottom.png) no-repeat;
}

.sidebar_box_content {
	padding: 0 20px;
	background:  url("../images/template_sidebar_box.png") left repeat-y;
}


.sidebar_box_content p {
	margin-bottom: 10px;
}

.sidebar_box_content h3 {
	color:#333333;
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
}

.sidebar_box_content #customerarea a
{ color: #000066; text-decoration: none; font-size:14px; font-weight:bold;}

.sidebar_box_content #customerarea a:hover {
	color: #e88d23;
}


.sidebar_box_content_freetrial {
	padding: 0 20px;
	color: #000066;
	background:   url("../images/template_sidebar_box.png") left repeat-y;
}

.sidebar_box_content_freetrial a {
	color: #000066;
}

.sidebar_box_content_freetrial a:hover {
	color:#FF6600;
}

.sidebar_box_content_freetrial h3 {
	color: #000066;
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
}

.more {
color:#009933;
text-align:right;
}

.more a {
	text-decoration: none;
	color: #161616;
}

.more a:hover {
	color: #990000;
}



#popular_post_box { margin: 0; padding: 0; list-style: none; }
#popular_post_box li { margin: 0 0 30px 0; padding: 0; }
#popular_post_box li .date { display: block; color: #f4263e; }
#popular_post_box li .title a { display: block; color: #2d961c; text-decoration: none;}
#popular_post_box .last { margin: 0; }

/* end of main */

/* footer */

#template_footer  {
	width: 840px;
	height: 136px;
	padding: 30px;
	text-align: center;
	color: #161616;
/*	text-shadow: 0px 1px 1px #FFFFFF; */
	background: url(../images/template_footer.png) no-repeat;
}

#template_footer a {
	text-decoration: none;
	color: #161616;
}

#template_footer a:hover {
	color: #990000;
}

/* end of footer */

/*testimonials */
#testimonial_content {
	float: left;
	/*width: 750px;*/
	padding-left:20px;
	padding-right:20px;
	text-align:justify;
}

.testimonial_casestudy{
	border-left: 15px solid #536592;
}

#testimonial_content h2 {
	padding-left: 20px;
	color:  #536592;
	}
	#testimonial_content h2 span {
	font-size:16px;
	padding-left:10px;
}
	
	#testimonial_content h3 {
	margin-bottom: 20px;
	padding-left: 20px;
	color:#333333;
	font-size:12px;
	}

#testimonial_content p {
	margin-bottom: 20px;
}
#testimonial_content p span {
		color:#e55822;
		font-style:italic;
		font-weight:bold;
		}

.testimonial_box {
	padding-left: 30px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;

}
.testimonial_last {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

#testimonial_list {
margin-top:0px;
float:right;
}

#testimonial_list li {
	/*float: left;*/
	margin: 0 .75em .75em 0;
	padding: 0;
	display: block;
	line-height:1.3em;
}

#testimonial_list li a {
	padding: 0 0 0 10px;
	text-decoration: none;
	line-height: 1em;
	/*background: url(../images/template_list.png) no-repeat center left;*/
		border-left: 5px solid #536592;
			color:  #536592;
}

/*testimonials */

/* Info Box */
.Info_box_plain {
	width: 270px;
	padding: 15px;
}

.Info_box {
	width: 270px;
	padding: 15px;
	background: url(../images/template_info_box.jpg) no-repeat top center;
}

.Info_box h2 {
	font-size: 18px;
	margin-bottom: 15px;
	padding: 2px 0;
}

.Info_box p {
	margin-bottom: 15px;
}

.Info_box img {
	float: left;
	padding-top: 5px;
	margin-right: 10px;
}

/* Info Box */

#header_summary {
	float: right;
	width:250px;
	/*width: 750px;*/
	padding-left:20px;
	padding-right:20px;
	text-align:justify;
		border-left: 10px solid #536592;
		color:#000066
}

#header_summary p{
	color:#000066;
	font-size:20px;
	line-height: 18px;
}

#header_summary .title{
	color:#000066;
	font-size:14px;
	line-height: 18px;
	width: 75px;
}

#VersionSummary
{
width:80%;
border-collapse:collapse;
border-top:5px solid #819CC9;
border-bottom:5px solid #819CC9;
}



#VersionSummary td, #VersionSummary th 
{
font-size:1em;
padding:3px 7px 2px 7px;
text-align:left;
}

#VersionSummary th 
{
font-size:1.1em;
padding-top:5px;
padding-bottom:4px;
background-color:#B4C4DE;
color:#ffffff;
}




#VersionSummary tr.alt td 
{
color:#000000;
background-color:#F0F3F9;
}

#VersionSummary a {
	text-decoration: none;
}

#VersionSummary tr.alt a {
	text-decoration: none;
	color:#000000;
}

#VersionSummary a:hover {
	color:#FF9900;
}

#VersionSummary tr.alt a:hover {
	color:#FF9900;
}

#VersionSummary h1{
font-size:14px;
font-weight:600;
color:#000066;
}

#VersionSummary span{
color:#e55822;
}

#Install{
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em; 
}

#Install h1  { font-size: 18px; font-weight:bold; margin: 5px 0 10px 0; padding: 0 0 10px 0; color:#333333; }

#Install #Server {
margin:15px 0 5px 0;
color:#005FA9;
font-size:18px;
font-weight:bold;
text-align:center;
}


#Install #Client {
margin:25px 0 5px 0;
color:#006633;
font-size:18px;
font-weight:bold;
text-align:center;
}

#Install .Subtext{
color:#333333;
font-size:10px;
text-align:center;
}

#Install .tdTop{

}


#Install a, a:link, a:visited { color: #333; text-decoration: none; }
#Install a:hover { color: #000; text-decoration: none; }

a.product_menu, a.product_menu:visited, div.product_menu
{
  display: block;
  width:   100px;
  padding: 2px 5px;
  border-width:thin;
  border-top-style:solid;
  border-top-color:#CCCCCC;

  background-color:#ED9A3F;

  text-decoration: none;
  font-size: 1.0em;
  color:#FFFFFF;
}



a.product_menu:hover{
background-color:#E87D1C;
color:#FFFFFF;
}


a.product_menu, a.product_menu:visited { border-bottom: none; }

div#product_menu_child { 

   background-color: #fff;
border-style:solid;
border-bottom-width: 2px;
border-top-color:#cccccc;
border-top-width:1px;
border-left-color:#cccccc;
border-left-width:1px;
border-right-width:2px;}


.tourmenu{
margin: 5px 0;
padding: 0;
width: 160px; /*width of menu*/
border: 1px solid #9A9A9A;
float:left;
}

.tourmenu div.silverheader a{
background: black url(../Images/silvergradient.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.tourmenu div.silverheader a:visited, .tourmenu div.silverheader a:active{
color: white;
}


.tourmenu div.selected a, .tourmenu div.silverheader a:hover{
background-image: url(../Images/silvergradientover.gif);
color: white;
}

.tourmenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;
height: 300px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}


.tourmenu div.submenu ul{
text-indent:5px;
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/

}

.tourmenu div.submenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.Tour h1{ font-size: 24px; font-weight: normal; margin: 0 0 20px 0; padding: 5px 0; color: #000; }

.Tour h2{ font-size: 14px; font-weight: normal; margin: 5px 0 0 0; padding: 5px 0; color:#000099; }

.Tour p{
padding-bottom:2px;
}

.Tour ul{
padding-left:20px;
margin-left: 20px;
}

.Tour li{
padding-bottom:4px;
padding-top:4px;
}




#TourContent{
float:left;
width:640px;
margin-left:20px;
}

.TourSubmenu{
cursor:pointer;
}


.TourSubmenu li:hover{
	color: #000066;
	cursor: pointer;

}


#loading{
width:640px;
float:right;
	text-align: center;
	visibility: hidden;
}


.FAQ h1{ font-size: 14px; font-weight: normal; margin: 5px 0 0 0; padding: 5px 0; color:#000099; }

.FAQ p{
padding-bottom:12px;
text-align:justify;
}

.FAQ ol{
color:#000066;
}

.FAQ ul{
padding-left:20px;
margin-left: 20px;
}

.FAQ li{
padding-bottom:4px;
padding-top:4px;
}

.FAQ  td
{
	color: #625e5e;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.5em; 
	}
.FAQ a, a:link, a:visited { color:#000066; text-decoration:none; }
.FAQ a:hover { color:#FF6600; text-decoration: none; }

.FAQ .FAQitem{
padding-bottom:6px;
}
.FAQ .FAQitem h1{ font-size: 14px; font-weight: normal; margin: 5px 0 0 0; padding: 5px 0; color:#000099; }

.FAQ .FAQitem p{
padding-bottom:6px;
padding-left:16px;
}