@charset "UTF-8";
/**************************************************************************************************************************************************************************************************************************************************/
/* CSS for ccssltd.com (Author :: Brian Bokor)
/*
/*  application.css
/*  	Main application specific styles for the main-content/body area.
/*
/*
/* Copyright (c) 2009 CCSS Ltd. No part of this CSS file may be reproduced without the express written consent of CCSS Ltd.
*//**************************************************************************************************************************************************************************************************************************************************/


/*******************************************************/
/* -------------------- HOME PAGE -------------------- */
/*******************************************************/
#home-page-flash {
	width: 590px;
	height: 300px;
	float: left;
}

#home-page-quick-links {
	width: 300px;
	height: 300px;
	float: right;
}

#home-page-quick-links img {
	margin-bottom: 13px;	
}

#home-page-company-info {
	width: 100%;
	height: 180px;
	padding-top: 15px;
	clear: both;
}


/*****HOME PAGE TABS******/
#who-we-are {
	width: 240px;
	height: 41px;
	margin-left: 0px;
	position: absolute;
	background: url(/images/who-we-are-tab.png) no-repeat top;
	cursor:pointer;
	z-index: 2;
}

#who-we-are.tab-selected {
	width: 262px;
	height: 63px;	
	margin-left: -10px;
	margin-top: -7px;
	position: absolute;
	background: url(/images/who-are-we-tab-selected.png) no-repeat top;
	cursor:pointer;
	z-index: 2;
}

#what-we-do {
	width: 240px;
	height: 41px;	
	margin-left: 241px;
	position: absolute;
	background: url(/images/what-we-do-tab.png) no-repeat top;
	cursor:pointer;
	z-index: 2;
}

#what-we-do.tab-selected {
	width: 262px;
	height: 63px;	
	margin-left: 231px;
	margin-top: -7px;
	position: absolute;
	background: url(/images/what-we-do-tab-selected.png) no-repeat top;
	cursor:pointer;
	z-index: 2;
}

#why-us {
	width: 240px;
	height: 41px;	
	margin-left: 482px;
	position: absolute;
	background: url(/images/why-us-tab.png) no-repeat top;
	cursor:pointer;
	z-index: 2;
}

#why-us.tab-selected {
	width: 262px;
	height: 63px;	
	margin-left: 472px;
	margin-top: -7px;
	position: absolute;
	background: url(/images/why-us-tab-selected.png) no-repeat top;
	cursor:pointer;
	z-index: 2;
}

#home-page-company-info-content {
	width: 917px;
	height: 140px;	
	position: absolute;
	margin-top: 41px;
	background: url(/images/home-page-company-info-text.png) no-repeat top !important;
	background: url(/images/home-page-company-info-text.gif) no-repeat top;
	z-index: 0;
}

#who-we-are-content {padding: 25px;}
#who-we-are-content a{float: right;}

#what-we-do-content{padding: 25px;}
#what-we-do-content a{float: right;}

#why-us-content {padding: 25px;}
#why-us-content a{float: right;}


/******************************************************************/
/* -------------------- PRODUCT LANDING PAGE -------------------- */
/******************************************************************/
#product-landing-page {
	width: 914px;
	height: 470px;	
	background: url(/images/product-landing-background.png) no-repeat top !important;
	background: url(/images/product-landing-background.gif) no-repeat top;
	z-index: 0;
}

#product-landing-tech-solutions {
	width: 228px;
	height: 470px;
	float: left;
}

#product-landing-content{
	width: 680px;
	height: 470px;
	float: right;
}

#product-landing-content p{
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

#real-time-monitoring {
	width: 184px;
	height: 79px;	
	margin-top: 77px;
	margin-left: 20px;
	position: absolute;
	background: url(/images/real-time-monitoring.png) no-repeat center;
	cursor:pointer;
	z-index: 2;
}

#real-time-monitoring.selected {
	width: 226px;
	height: 121px;	
	margin-top: 56px;
	margin-left: -1px;
	position: absolute;
	background: url(/images/real-time-monitoring-selected.png) no-repeat center;
	cursor:pointer;
	z-index: 2;
}

#pro-active-management {
	width: 184px;
	height: 79px;
	margin-top: 196px;
	margin-left: 20px;
	position: absolute;
	background: url(/images/pro-active-management.png) no-repeat center;
	cursor:pointer;
	z-index: 2;
}

#pro-active-management.selected {
	width: 226px;
	height: 121px;
	margin-top: 175px;
	margin-left: -1px;
	position: absolute;
	background: url(/images/pro-active-management-selected.png) no-repeat center;
	cursor:pointer;
	z-index: 2;
}

#remote-management {
	width: 184px;
	height: 79px;	
	margin-top: 315px;
	margin-left: 20px;
	position: absolute;
	background: url(/images/remote-management.png) no-repeat center;
	cursor:pointer;
	z-index: 2;
}

#remote-management.selected {
	width: 226px;
	height: 121px;
	margin-top: 294px;
	margin-left: -1px;
	position: absolute;
	background: url(/images/remote-management-selected.png) no-repeat center;
	cursor:pointer;
	z-index: 2;
}


#product-landing-logo {
	list-style: none;
}

#product-landing-logo li {
	height: 171px;
	margin-top: 10px;
	float:left;
}

#product-landing-logo li a, #product-landing-logo li p{
	text-decoration: none;
	margin-left: 10px;
	margin-top: 10px;
	display: block;
}

#product-landing-logo li a {
	cursor: pointer;	
}

#product-landing-features {
	width: 670px;
	margin-left: 5px;
	clear: both;
}

#product-landing-features img:hover {
	cursor: pointer;
}

#product-landing-features-left {
	width: 330px;
	margin-left: 0px;
	float: left;
}

#product-landing-features-right {
	width: 330px;
	margin-left: 0px;
	float: left;
}

#qsystem-monitor-small-with-text {
	width: 201px;
	height: 50px;
	background: url(/images/qsystem-monitor-small-with-text.png) no-repeat top;
}

#qmessage-monitor-small-with-text {
	width: 184px;
	height: 50px;
	background: url(/images/qmessage-monitor-small-with-text.png) no-repeat top;
}

#qremote-control-small-with-text {
	width: 150px;
	height: 50px;
	background: url(/images/qremote-control-small-with-text.png) no-repeat top;
}

#product-landing-buttons-wrapper {
	width: 360px;
	height: 48px;	
	margin-right: auto;
	margin-left: auto;
	display: block;
	position: relative;
	z-index: 0;
	clear: both;
}

#product-landing-buttons {
	margin: 0 auto;
	list-style-type: none;
	padding-top: 10px;
	min-height: 48px;
	padding-left: 0px;
	margin-left: 0px;
}

#product-landing-buttons li {
	background: url(/images/product-landing-button.png) no-repeat top;
	width: 117px;
	height: 48px;
	margin: 0px auto; 
	padding: 0px;
	float: left;
}

#product-landing-buttons li a{
	text-decoration: none;
	font-size: 14px;
	font-weight: lighter;
	font-family: Candara, Calibri, Verdana;
	color: #FFF;
	text-align:center;
	vertical-align:middle;
	width: 117px;
	height: 48px;
	float: left;
	margin: 13px 0px 0px -2px;
}

#product-landing-buttons li a:hover{
	text-decoration: underline;
	
}

#product-landing-content h2 {
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	color: #333333;
	font-size: 15px;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif; /*Verdana, Geneva, sans-serif;*/
	text-align: center;

}


/*#product-demos img {
	border:4px solid #999;
}*/
                            



/******************************************************************************************************/
/* -------------------- CONTENT PAGES - RESOURCES/PRODUCT SPECIFIC/SUPPORT/ABOUT -------------------- */
/******************************************************************************************************/
#page-navigation {
	width: 210px;
	float: left;
}

#page-title {
	text-align: left;
	margin-top: -10px;
	margin-left: 0px;
	margin-right: -4px;
	float: right;
	position: relative;
	z-index: 3;
}

#page-title h1 {
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 18px;
	margin-left: 22px;
}

#page-title img {
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 20px;
	margin-left: 22px;
}

#page-content {
	width: 700px;
	float: right;
	position: relative;
	z-index: 3;
}

#page-content-no-left-nav {
	width: 700px;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}

#page-info {
	clear: right;
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 5px;
}

#page-form-info {
	clear: right;
	text-align: center;
	padding-top: 10px;
	margin-left: 15px;
	
}

#page-info h1, #page-form-info h1{
	margin-top: 5px;
	margin-bottom: 20px;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif; /*Verdana, Geneva, sans-serif;*/
}

#page-info h2, #page-form-info h2{
	margin-top: 5px;
	margin-bottom: 20px;
	color: #333333;
	font-size: 15px;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif; /*Verdana, Geneva, sans-serif;*/
	border-bottom: solid 1px #999;
	background-color: #fafafa;
	text-align: left;
}

#page-info h3, #page-form-info h3{
	margin-top: 5px;
	margin-bottom: 20px;
	color: #333333;
	font-size: 12.5px;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif; /*Verdana, Geneva, sans-serif;*/
	border-bottom: solid 1px #999;
	background-color: #fafafa;
	text-align: left;
}

#page-info p, #page-form-info p{
	display: block;
	margin-bottom: 15px;
	color: #333333;
	font-size: 13px;
	font-weight: normal;
	font-family: Tahoma, Geneva, sans-serif;
}


#page-logo {
	width: 200px;
	min-height: 110px;	
	height:auto !important;
 	height:110px;
	margin: 0 auto;
	margin-top: -30px;
	position: relative;
	z-index: 10;
}

#other-product-links {
	width: 200px;
	margin-top: 10px;
	line-height: 20px;
}

#other-product-links h1 {
	text-align: center;
	border-bottom: 1px dotted #333;	
}

#other-product-links img {
	margin-top: 5px;
	margin-bottom: 5px;
}


/*************************************************************/
/* -------------------- PAGE LIST LINKS -------------------- */
/*************************************************************/
#page-list {
	list-style: none;
}

#page-list li {
	/*height: auto !important;*/
	height: 40px;
	margin-left: 10px;
}

#page-list li a, #page-list li p{
	color: #333;
	font-size: 13px;
	font-style: normal;
	font-weight: lighter;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	margin-left: 40px;
	padding-top: 2px;
	display: block;
}

#page-list li a {
	cursor: pointer;	
}

#page-list li a:hover {
	text-decoration: underline;
}

#page-list li p#gray-text{
	text-align: left;
	color: #666;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	font-family: Candara, Calibri, Verdana;
	text-decoration: none;
}

#page-list li #page-list-other {
	margin-left: 40px;
	color: #666;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	font-family: Candara, Calibri, Verdana;
	text-decoration: none;
}

#page-list-title:hover { 
	text-decoration: underline;
	cursor: pointer;
	color: #666;
}

p#orange-text {
	text-align: left;
	color: #DB8100;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
}

p#orange-text a {
	text-align: left;
	color: #DB8100;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
}

p#orange-text a:hover {
	text-decoration: underline;
}

p#gray-text {
	text-align: left;
	color: #666;
	font-size: 13px;
	font-style: normal;
	font-weight: lighter;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
}

p#gray-text a {
	text-align: left;
	color: #666;
	font-size: 13px;
	font-style: normal;
	font-weight: lighter;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
}

p#gray-text a:hover {
	text-decoration: underline;
}

/* UL class names for all links*/
.none li { }
.overview li {height: auto !important; margin-bottom: -4px;}
.default li { background: url(/images/default-bullet.png) top left no-repeat ; }
.default-small li { background: url(/images/default-small-bullet.png) top left no-repeat ; }
.horizontal li { float: left; }
.green li { background: url(/images/green-bullet.png) top left no-repeat; }
.orange li { background: url(/images/orange-bullet.png) top left no-repeat; }
.purple li { background: url(/images/purple-bullet.png) top left no-repeat; }
.gray li { background: url(/images/gray-bullet.png) top left no-repeat; }
.newsletters li { background: url(/images/newsletters-bullet.png) top left no-repeat; }
/*LI classnames for each link */
li.default-link { background: url(/images/default-bullet.png) top left no-repeat ; }
li.news { background: url(/images/news-bullet.png) top left no-repeat ;}
li.events { background: url(/images/events-bullet.png) top left no-repeat; }
li.success-stories { background: url(/images/success-stories-bullet.png) top left no-repeat; }
li.features { background: url(/images/features-bullet.png) top left no-repeat; }
li.solutions { background: url(/images/solutions-bullet.png) top left no-repeat; }
li.requirements { background: url(/images/requirements-bullet.png) top left no-repeat; }
li.industry { background: url(/images/industry-bullet.png) top left no-repeat; }
li.license { background: url(/images/license-bullet.png) top left no-repeat; }
li.demos { background: url(/images/demos-bullet.png) top left no-repeat; }
li.news { background: url(/images/news-bullet.png) top left no-repeat ;}
li.whitepapers { background: url(/images/whitepapers-bullet.png) top left no-repeat; }
li.manuals { background: url(/images/manuals-bullet.png) top left no-repeat; }
li.datasheets { background: url(/images/datasheets-bullet.png) top left no-repeat; }
li.documents { background: url(/images/documents-bullet.png) top left no-repeat; }
li.downloads { background: url(/images/downloads-bullet.png) top left no-repeat; }
li.faq { background: url(/images/faq-bullet.png) top left no-repeat; }
li.support { background: url(/images/support-bullet.png) top left no-repeat; }
li.email { background: url(/images/email-bullet.png) top left no-repeat; }
li.feedback { background: url(/images/feedback-bullet.png) top left no-repeat; }
li.my-account { background: url(/images/my-account-bullet.png) top left no-repeat; }
li.expand-all-icon { background: url(/images/expand-all-bullet.png) top left no-repeat; }
li.collapse-all-icon { background: url(/images/collapse-all-bullet.png) top left no-repeat; }

/*****************************************************************/
/* -------------------- FEATURES LIST LINKS -------------------- */
/*****************************************************************/
h3#features-title  {
	width: 310px;
	margin-left: 10px;
	margin-bottom: 10px;	
}

#features-list {
	list-style: none;
}

#features-list li {	
	width: 310px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	margin-left: 10px;
}

#features-list li p {	
	margin-left: 30px;
	color: #333;
	font-size: 11px;
	font-style: normal;
	font-weight: lighter;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	padding-top: 2px;
	display: block;
}
								
/**************************************************************************/
/* -------------------- CUSTOMER-PARTNER-AGENT LOGOS -------------------- */
/**************************************************************************/
#logos {
	list-style: none;
	
}

#logos li {
	height: 140px;
	float:left;
	
}

#logos li a, #logos li p{
	text-decoration: none;
	margin-left: 40px;
	padding-top: 2px;
	display: block;
}

#logos li a {
	cursor: pointer;	
}								
								
/*************************************************************/
/* -------------------- CONTACT US PAGE -------------------- */
/*************************************************************/
#contact-us-details {
	list-style: none;
}

#contact-us-details li {
	min-height: 175px;	
	height:auto !important;
 	height:175px;
	margin-left: 10px;
	float:left;
	vertical-align: middle;
}

#contact-us-details li p{
	text-align: left;
	color: #333;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
}

#contact-us-details li a {
	text-align: left;
	color : #DB8100;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	cursor: pointer;	
}

#contact-us-details li img {}

#contact-us-details li a:hover {
	text-decoration: underline;
}

.contact-us-company-name {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-family: Tahoma, Geneva, sans-serif;
}

/********************************************************/
/* -------------------- EVENT LIST -------------------- */
/********************************************************/
#event-list{
	list-style: none;
}

#event-list li {
	margin-left: 10px;
	float:left;
	vertical-align: middle;
}

#event-list li p{
	text-align: left;
	color: #333;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
}

#event-list li a {
	text-align: left;
	color : #DB8100;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	cursor: pointer;	
}

#event-list li img {}

#event-list li a:hover {
	text-decoration: underline;
}

#event-list h2 {
	color: #333333;
	font-size: 15px;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif; /*Verdana, Geneva, sans-serif;*/
	border-bottom: solid 1px #999;
	background-color: #fafafa;
	text-align: left;
}

.event-title {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-family: Tahoma, Geneva, sans-serif;
}

/****************************************************************/
/* -------------------- NO LEFT NAV LAYOUT -------------------- */
/****************************************************************/
#site-map-links {
	width: 600px;
	margin: 0 auto;
	padding: 0;
}

#site-map-links li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 25px;
	display: block;
}

#site-map-links li a {
	height: 25px;
	color: #333;
	font-size: 14px;
	font-style: normal;
	font-weight: lighter;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	cursor: pointer;
	padding-left: 20px;
	padding-bottom: 2px;
	display: block;

}

#site-map-links li a:hover {
	background: url(/images/site-map-link-hover.png) top right no-repeat;
	background-color:#fff7c0;
	color: #333;
	font-weight: bold;
	z-index: 2;
}
#site-map-links ul {
	margin: 0;
	padding: 0;
}

#site-map-links ul li {
	list-style-type: none;
	line-height: 20px;
	display: block;
}

#site-map-links ul a {
	height: 20px;
	color: #333;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	font-family: Candara, Calibri, Verdana;
	text-decoration: none;
	margin-left: 20px;
	padding-bottom: 2px;
	cursor: pointer;
	display: block;
}

#site-map-links ul a:hover {
	background: url(/images/site-map-sub-link-hover.png) top right no-repeat;
	background-color:#fff7c0;
	color: #333;
	font-weight: bold;
	z-index: 2;
}


#site-map-links ul ul li a {
	margin-left: 40px;
}



#site-map-links ul ul ul  li a {
	margin-left: 60px;
}







/**********************************************************/
/* -------------------- SUPPORT PAGES -------------------- */
/**********************************************************/


/*****************************************************************/
/* -------------------- CLIENT LOGIN LAYOUT -------------------- */
/*****************************************************************/

#login-popup-layout {	
	width: 500px;
	margin: 0 auto; /*CENTERS THE PAGE */
	min-height: 400px;
	height:auto !important;
 	height:400px;
}

#login-popup-title {
	text-align: left;
	margin-top: 10px;
	margin-left: 10px;
	position: relative;
}

#login-popup-title p {
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-family: Tahoma, Geneva, sans-serif;
	padding-top: 18px;
	padding-left: 22px;
}

#login-popup-title img {
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-family: Tahoma, Geneva, sans-serif;
	padding-top: 18px;
	padding-left: 22px;
}

#login-popup-content {
	text-align: center;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
}

#login-popup-content h1{
	margin-top: 5px;
	margin-bottom: 20px;
	color: #333333;
	font-size: 16px;
	font-weight: normal;
	font-family: Tahoma, Geneva, sans-serif; /*Verdana, Geneva, sans-serif;*/
}

#login-popup-content h2{
	margin-top: 5px;
	margin-bottom: 20px;
	color: #333333;
	font-size: 15px;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif; /*Verdana, Geneva, sans-serif;*/
	border-bottom: solid 1px #999;
	text-align: left;
}

#login-popup-content p{
	display: block;
	margin-bottom: 12.5px;
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	font-family: Tahoma, Geneva, sans-serif;
}