/* CSS Document
This CSS styles is exclusively for inner pages found inside Voice logger, IVR, OBD..
Author : Xtend Technologies (P) Ltd. (October 2010) */


#contentArea .document { /* also defined in xtend-style.css*/
	padding:10px 32px 20px 32px;
}

#contentArea .product_image { text-align:center; padding: 10px 0px 15px 0px; }


/*------------------------------- PRODUCT MENU STYLES ------------------------------------------------------*/

ul#product_menu{	
	background-position:left top; background-repeat:no-repeat;	
	width:224px; padding-top:3px; border:0px solid red;
}

.ivr_menu{
	background-image:url(../images/menu-ivr.jpg);
	height:620px;
}

.vlog_menu{
	background-image:url(../images/menu-voice-logger.jpg);
	height:540px;
}

.obd_menu{
	background-image:url(../images/menu-obd1.jpg);
	height:450px;
}

.call_center_menu{
	background-image:url(../images/menu-voice-logger.jpg);/* call center menu backround changed as voice logger*/
	height:540px;
}

.call_billing_menu{
	background-image:url(../images/menu-obd.jpg);
	height:450px;
}

.smartLog_menu{
	background-image:url(../images/menu-smartlog.jpg);
	height:410px;
}

ul#product_menu li{	
	font-family:Arial; font-size:10pt;
	letter-spacing:0.01em; height:43px;
	margin-left:20px; width:150px;
	background-position:left center;
	
	background-repeat:no-repeat;	
	border-left:0px solid red;
	border-top:0px solid red;
}

	ul#product_menu li span{
		color:#1A8AD9; letter-spacing:0em; font-weight:bold;
		padding-left:40px; line-height:40px; width:140px;
		display:block; margin-left:20px;
		background-position:left center;
		background-repeat:no-repeat;
		border-top:0px solid green;
	}
	
	ul#product_menu li a{
		 color:#333; display:block;
		 line-height:40px; width:100%;
		 padding-left:40px;	
		 background-repeat:no-repeat;
		 background-position:left center;	 
		 border:0px solid yellow;
	}
	ul#product_menu li a:hover{	
		color:#333;
		font-weight:bold;
	}

li.menu_summary a{	
	background-image:url(../icon/menu/menu-summary.gif);
}
li.menu_summary span{ background-image:url(../icon/menu/menu-summary.gif); }


li.menu_models a{	
	background-image:url(../icon/menu/menu-models.gif);
}
li.menu_models span{ background-image:url(../icon/menu/menu-models-active.gif); }


li.menu_features a{	
	background-image:url(../icon/menu/menu-features.gif);
}
li.menu_features span{ background-image:url(../icon/menu/menu-features-active.gif); }


li.menu_benefits a{	
	background-image:url(../icon/menu/menu-benefits.gif);
}
li.menu_benefits span{ background-image:url(../icon/menu/menu-benefits-active.gif); }


li.menu_applications a{	
	background-image:url(../icon/menu/menu-applications.gif);
}
li.menu_applications span{ background-image:url(../icon/menu/menu-applications-active.gif); }


li.menu_screenshot a{	
	background-image:url(../icon/menu/menu-screenshot.gif);
}
li.menu_screenshot span{ background-image:url(../icon/menu/menu-screenshot-active.gif); }

li.menu_integration a{	
	background-image:url(../icon/menu/menu-integration.gif);
}
li.menu_integration span{ background-image:url(../icon/menu/menu-integration-active.gif); }


li.menu_video a{	
	background-image:url(../icon/menu/menu-video.gif);
}
li.menu_video span{ background-image:url(../icon/menu/menu-video-active.gif); }


li.menu_faq a{	
	background-image:url(../icon/menu/menu-faq.gif);
}
li.menu_faq span{ background-image:url(../icon/menu/menu-faq-active.gif); }


li.menu_download a{	
	background-image:url(../icon/menu/menu-download.gif);
}
li.menu_download span{ background-image:url(../icon/menu/menu-download-active.gif); }


li.menu_clientele a{
	background-image:url(../icon/menu/menu-clientele.gif);
}
li.menu_clientele span{ background-image:url(../icon/menu/menu-clientele-active.gif); }


li.menu_support a{
	background-image:url(../icon/menu/menu-support.gif);
}
li.menu_support span{ background-image:url(../icon/menu/menu-support.gif); }


li.menu_request a{
	background-image:url(../icon/menu/menu-request.gif);
}
li.menu_request span{ background-image:url(../icon/menu/menu-request.gif); }


li.menu_help a{
	background-image:url(../icon/menu/menu-help.gif);
}
li.menu_help span{ background-image:url(../icon/menu/menu-help-active.gif); }


li.menu_samples a{
	background-image:url(../icon/menu/menu-samples.gif);
}
li.menu_samples span{ background-image:url(../icon/menu/menu-samples-active.gif); }



/*------------------------------- MISCELLANEOUS STYLES -----------------------------*/


.technical_diagram{
	border:1px solid #CCCCCC; padding:3px;
}

.screenshot_image {
	float:right; margin-left:20px;
	font-family:verdana; font-size:7pt; text-align:center;
}

font.screenshot_extra{
	font-size:13pt; color:#c1211a; margin-bottom:2px;
	text-align:center; font-weight:bold; display:block;
	padding:30px 0px 30px 0px; 
}




/*----------------------------------- IVR POINTS - LEFT BANNER --------------------------------*/

#leftArea .banner_display ul.ivr_features{
	font-size:11px; color:#333333;
	text-align:justify;	 letter-spacing:0.1em;
	padding:5px 0px 8px 10px;
}


#leftArea .banner_display ul.ivr_features li{
	background:url(../icon/ivr_features_bullet.gif) no-repeat;
	background-position:0px 6px; padding:2px 0px 2px 15px;
}



/*----------------------------------- OBD POINTS - LEFT BANNER --------------------------------*/

#leftArea .banner_display ul.obd_points{
	width:auto;padding: 5px 0px 10px 10px;
	font-size:11px; color:#333; text-align:justify;	
}

#leftArea .banner_display ul.obd_points li{
	border-bottom:1px solid #eee; padding-top:2px;
	width:206px; font-family:Verdana;
}

/*----------------------------------- CALL BILLINGPOINTS - LEFT BANNER --------------------------------*/

#leftArea .banner_display ul.call_billing_features{
	font-size:11px; color:#333333;
	text-align:justify;	 letter-spacing:0.04em;
	padding:5px 0px 8px 10px;
}


#leftArea .banner_display ul.call_billing_features li{
	background:url(../icon/ivr_features_bullet.gif) no-repeat;
	background-position:0px 6px; padding:2px 0px 2px 15px;
}




/*------------------------------- FEATURES BLOCK ------------------------------------*/

.features_block {
	padding-top:0px; margin-bottom:20px;
	border-bottom:1px solid #e2e7eb;
}

.last_feature{
	border-bottom:0px; margin-bottom:0px;
}


.features_block h6{
	font-family: Verdana; font-size:18px;
	font-weight:normal; color:#18295f; line-height:52px;
}


.features_block h6 a{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:18px;
	font-weight:normal; color:#18295f; 
	line-height:52px;
}

.features_image_left{
	float:left; margin: 0px 15px 2px 0px;
}

.features_image_right{
	float:right; margin: 0px 0px 2px 15px;
}




/*----------------------------------- FAQ SYTLE  ------------------------------------*/


.faq_block, .faq_block a, .faq_block a:hover{
	font-family:Verdana; font-size:13px; color:#1864c2;
	letter-spacing: 0em; word-spacing: 0em; line-height:1.6;
	text-decoration: none; text-align:left;
}


.faq_block a:hover{
	color: #003366;
}

ol.faq_block {
	margin:0px 0px 20px 0px;
	padding-left:25px;
}


.faq_block dt code{
	padding-left:25px; font-family:Verdana;
}

.faq_block dt code.long19{
	padding-left:19px; font-family:Verdana;	
}

.faq_block dt.two_digits{
	margin-left:-7px;
}

.faq_block dd{
	margin-left:20px; color:#000;
	text-align:justify; width:540px;
}

.faq_block ul{
	padding-left:15px;
	list-style:disc; margin-left:20px;
}

.faq_block i{
	color:#666;
}

.faq_top{
	text-align:right;
	font-weight:bold; width:565px;
}




/*-----------------------------------  SUPPORT STYLES --------------------------------*/

.individual_support_block {
	margin-left:30px; padding:15px 0px 10px 0px;
	border-bottom:1px solid #CCCCCC; width:520px;
	text-align:justify; font-family:Verdana;
}

#individual_support_block h6{
	float:none; width:auto;
}

.individual_support_block h6 a{
	font-size:10pt; font-weight:bold;
	color:#003366; float:none; width:auto; padding:0px;
}

.individual_support_block span{
	font-size:13px; color:#333333; text-align:justify;
}

.individual_support_block img{
	float:left; margin:0px 15px 30px 0px;
}


.individual_support_block_smartLog {
	margin-left:30px; padding:15px 0px 10px 0px;
	border-bottom:1px solid #CCCCCC; width:520px;
	text-align:justify; font-family:Verdana;
	height:130px;
}

#individual_support_block_smartLog h6{
	float:none; width:auto;
}

.individual_support_block_smartLog h6 a{
	font-size:10pt; font-weight:bold;
	color:#003366; float:none; width:auto; padding-top:0px;
}

.individual_support_block_smartLog span{
	font-size:13px; color:#333333; text-align:justify;
}

.individual_support_block_smartLog img{
	 margin:0px 15px 0px 0px;
}

.operational_icon{
	margin: 10px 0px 0px 150px;border:0px solid black;height:70px;width:230px;
}
.operational_icon img{
	margin:0px 15px 0px 15px;
}
.support_icon{
	width:110px; border:0px solid red;
	float:left; text-align:center;font-family:Arial, Helvetica, sans-serif;
	font-size:8pt; letter-spacing:0.1em;color:#000000;
}


/*------------------------- COMMONWEALTH VOICELOGGER TESTIMONIAL ---------------------*/

#commonwealth_banner{
	width:224px; height:340px; float:left;
	margin-top:20px; overflow:hidden;	
	background:url(../images/common-wealth.jpg) no-repeat;
	
	font-family:Verdana; font-size:10px;
	word-spacing:0em; letter-spacing:0em; 
}

#commonwealth_banner h6{
	padding:5px 0px 0px 8px;
	font-family:Arial; font-size:15px;
	color:#799FC0;
}

#commonwealth_banner .content {
	width:200px; padding:10px 10px 0px 10px;	
	text-align:justify;
}

#commonwealth_banner dl{
	float:left; height:150px; 
	padding:5px 0px 0px 0px; margin:0px;
	color:#666;
}

#commonwealth_banner .title{
	color:#666; padding:10px 0px 0px 5px;
	font-size:8pt;	font-family:Verdana;
}

#commonwealth_banner span{
	font-size:12px; font-family:Monospace;
}




/*----------------------------------- PRODUCT MODELS ------------------------------------*/

.product_model_thumb{
	width:590px; height:240px;
}
.product_model_thumb a{
	cursor:pointer;
}
.product_model_thumb .item{		
	float:left;	width:280px; height:70px;
	border-bottom:2px solid #d9e2ee; margin-bottom:12px;
}
.product_model_thumb span{
	background-image:url(../images/title_icons/model_text_bg.gif);
	background-repeat:repeat-x; background-position: bottom;
	
	float:right; width:160px;
	margin-top:26px; padding:5px 0px 5px 5px;
	color:#666; font-size:8pt; letter-spacing:0.1em;
}


.product_range{
	width:590px;
}

#product_range h2{
	/*font-family:Arial; font-size:15pt; letter-spacing:0em;*/
	font-size:16pt;
}
#product_range p{
	width:310px; float:left;
	margin-right:20px;
}

.model_picture{
	float:left; text-align:center;
}

#voicelogger_model h2{
	font-size:16pt;
}






/*-----------------------------------  DOWNLOAD STYLES  ------------------------------------*/


.download_files {	
	width:450px; float:left;
	margin:0px 0px 20px 35px;
	padding:10px 10px 10px 10px;
	
	
	background-color:#ffffff;
	border:1px solid #CCCCCC;
	
	font-family:Arial; 
	font-size:13px; color:#333333;
	text-align:justify; word-spacing:0.01em;
}

.download_files h6{	
	font-family:Arial; font-size:13pt;
	color:#003366; font-weight:bold;
	border:0px solid red;
}

.download_files a{
	border:0px solid blue;
	padding-left:6px; text-align:center;
}

.download_files a.single-pdf{
	margin-top:-30px; float:right;
}


.download_files a.ivr-icon{
	border:0px solid blue;
	padding:0px 5px 0px 10px; text-align:left;
	margin-top:0px; float:right;
}




.download_files .block{
	border:0px solid #ccc;
	margin-top:10px;
	padding-left:90px; height:140px;
}
 
.download_files .block .icon{
	width:110px; border:0px solid red;
	float:left; text-align:center;
	font-size:8pt; letter-spacing:0.1em;

}

.download_files font{
	color:#3172AD; font-size:8pt; font-weight:normal;
}

.download_files small{
	color:#D32020; font-size:8pt; letter-spacing:0em;
}



/*--------------------------------------  IVR EDITION STYLES  ------------------------------------*/

#ivr_edition h2{
	font-size:14pt; color:#0D549B;
	letter-spacing:1px; font-weight:normal;
}




/*-------------------------------------- APPLICATIONS - READ MORE  ------------------------------------*/

.read_more_block {
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #e2e7eb;
}


.read_more_block h6{
	margin:0px; padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:18px;
	font-weight:normal; color:#18295f; 
	line-height:52px;
}

.read_more_link{
	clear:both;
	float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; color:#1776B5;
}



/*-------------------------------------- APPLICABLE AREAS ----------------------------------------------*/

#applicable_area h2{
	font-size:16pt;
	color:#c1211a;
}

#applicable_area h6{
	font-size:13pt;
	color:#003366;
}



/*-------------------------------------- MISCELLANEOUS  SYTLE ----------------------------  */

.noBottom{
	border-bottom:0px;
	margin-bottom:0px;
}










/*-------------------------------------- FADING CLOUDS TAG ----------------------------  */

#banner_tag{
	width:230px; height:270px; float:left; margin-top:20px;
		
	background-image:url(../images/banner_tags.gif);
	background-repeat:no-repeat;
}


#banner_tag h2, #banner_tag h3, #banner_tag h4, 
#banner_tag h5, #banner_tag h6, #banner_tag i {	
	
	float:left; white-space:nowrap; padding:0px 3px;
	
	opacity:1; filter:alpha(opacity=100); zoom:1;
		
	font-size:12px; font-weight:normal; font-style:normal;
	word-spacing:0.01em; letter-spacing:0.01em;	
}

#banner_tag h2 a, #banner_tag h3 a, #banner_tag h4 a, 
#banner_tag h5 a, #banner_tag h6 a, #banner_tag i a{	
	font-size:13px; font-weight:normal; font-style:normal;
	word-spacing:0.01em; letter-spacing:0.01em;	
}

#banner_tag h2{	
	color:#3A5C9B;
	position:relative; top:8px; left:45px;
}

#banner_tag h3{
	color:#5C87AD; border:1px solid #9CB8D1;
	background-image:url(../images/tag_label_blue.gif);	
	 
	position:relative; top:31px; left:15px;
}

#banner_tag h4 {	
	color:#0A759C;
	position:relative; top:50px; left:40px;
}
#banner_tag h4 a{
	color:#0A759C;
}

#banner_tag h5{	
	color:#777; border:1px solid #D5CFCF; 
	background-image:url(../images/tag_label_ash.gif);
		
	position:relative; top:80px; left:15px;
}
#banner_tag h5 a{
	color:#777;
}

#banner_tag h6{
	color:#264D8E;		
	position:relative; top:100px; left:75px;
}

#banner_tag h6 a{
	color:#264D8E;
}

#banner_tag i{
	color:#418DC7; font-family:Arial; font-style:normal;
	background-color:#F7FBFF; border:1px solid #9CB8D1;
	
	position:relative; top:115px; left:65px;
}

#banner_tag i a{
	color:#418DC7;
}



/*-------------------------------------- PRODUCT THUMB FOR ENLARGE ----------------------------  */

ul#product-thumb{
	padding-top:8px;
	height:140px; margin:auto;
	border:0px solid red;
}
	ul#product-thumb li{
		float:left; margin:8px 0px 0px 0px;
		border:0px solid blue;
	}
		ul#product-thumb li.gap{
			margin-right:30px;
		}
		
	#product-thumb label{
		font-family: Verdana; font-size:8pt;
		display:block; clear:both;
		text-align:center; padding-top:5px;
	}
	
	#product-thumb img{
		float:left; cursor:pointer;		
	}