/*
This theme is based on WP Multiflex 5:

Theme Name: ClickTale Style
Theme URI: http://www.themelab.com/free-wordpress-themes/
Description: This theme is based on WP Multiflex 5
Author: Theme Lab
Author URI: http://www.themelab.com/
*/

/****************************************************************/
/*   Design:   Multiflex-5.4                                    */
/*   Type:     Design with sidebar                               */
/*   File:     Content Toolbox                                  */
/*--------------------------------------------------------------*/
/*   Design:   www.1234.info                                    */
/*   Date:     March 13, 2008                                   */
/*--------------------------------------------------------------*/
/*   License:  Fully open source without restrictions.          */
/*             Please keep footer credits with the words        */
/*             "Design by 1234.info". Thank you!                */
/****************************************************************/

/*************/
/*  CONTENT  */
/*************/

/* HEADING -- Standard icon (1-Column / 2-Column) */
.content h1 {margin:0; padding:12px 20px 12px 20px; border-bottom:solid 1px #D6CEDB; color:rgb(75,75,75); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.content h2 {clear:both; /*Start IE Hack*/ position:relative; z-index:1; top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; margin: 0 20px 0 20px; padding:15px 35px 5px 0; border-top:solid 1px rgb(215,215,215); background: url(./img/icon_celltitle_level2.gif) no-repeat;  background-position:right 15px; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.content h3 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:#6C348D; font-size:200% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.content h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);}
.content h4 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:160% !important /*Non-IE6*/; font-size:140% /*IE6*/;}
.content h5 {margin:1.0em 0 -0.5em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:140% !important /*Non-IE6*/; font-size:125% /*IE6*/;}
.content h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:rgb(50,50,50); font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:115% /*IE6*/;}

/* HEADING -- Special icon (1-Column / 2-Column) */
.content h1.contact {background: url(./img/icon_celltitle_contact.gif) no-repeat; background-position:616px 5px;}
.content h1.login {background: url(./img/icon_celltitle_login.gif) no-repeat; background-position:635px 5px;}
.content h1.search {background: url(./img/icon_celltitle_search.gif) no-repeat; background-position:631px 5px;}
.content h1.video {background: url(./img/icon_celltitle_video.gif) no-repeat; background-position:637px 5px;}
.content h1.audio {background: url(./img/icon_celltitle_audio.gif) no-repeat; background-position:631px 5px;}
.content h1.webtemplate {background: url(./img/icon_celltitle_webtemplate.gif) no-repeat; background-position:632px 5px;}
.content h1.document {background: url(./img/icon_celltitle_document.gif) no-repeat; background-position:635px 5px;}
.content h1.blog {background: url(./img/icon_celltitle_blog.gif) no-repeat; background-position:639px 5px;}
.content h1.forum {background: url(./img/icon_celltitle_forum.gif) no-repeat; background-position:635px 5px;}

/* HEADING -- No icon */
.main h1.pagetitle-noicon {margin:0 0 0.5em 0; padding:1px 0 1px 0; background:none; color:rgb(255,255,255); font-weight:normal; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.content h1.noicon {background:none;}
.content h2.noicon {background:none;}

/* PARAGRAPH TEXT */
.content p {margin:1.0em 0 1.0em 0; color:rgb(0,0,0); line-height:1.5em; padding: 0 20px 0 20px; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

/* LIST */
.content ul {margin:1.4em 0 1.0em 0; padding:0em 20px 0em 20px; list-style:none;}
.content ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(./img/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.7em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content ol {margin:1.4em 0 1.0em 0; padding:0 20px 0 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}
.content li p {margin:0; padding:0; font-size:100% !important;} 
.content ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content ul.indent {padding:0 50px 0 50px;}
.content ol.indent {padding:0 20px 0 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}

/* TABLE (1-Column / 2-Column) */
.content table {clear:both; width:400px; margin:2.0em 0 0.2em 20px; table-layout:fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}

.content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content table th {height:3.0em; padding:2px 20px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content table td {height:3.0em; padding:2px 7px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content p.caption {clear:both; margin:0.5em 0 2.0em 0; text-align:left; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}


/* SEARCH FORM (1-Column / 2-Column)*/
.content .searchform {width:636px; margin:1.0em 10px 0 20px;}

.content .searchform fieldset {border:none; padding-bottom:15px; width:210px;}
.content .searchform input.field {float:left; width:158px; padding:3px; border:1px solid #D6CEDB; font-size:120%;}
.content .searchform input.button {float:right; width:3.0em; padding:2px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:120%;}
.content .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}


/****************/
/*  SUBCONTENT  */
/****************/

/* HEADING -- Standard icon */
.subcontent h1 {margin:0; padding:5px 20px 12px 20px; border-bottom:solid 1px rgb(215,215,215); color:rgb(75,75,75); font-size:210% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.subcontent h2 {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/ margin:0 20px 0 20px; padding:15px 35px 5px 0; border-top:solid 1px rgb(215,215,215); background:url(./img/icon_celltitle_level2.gif) no-repeat;  background-position:right 15px; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.subcontent h3 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.subcontent h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);}
.subcontent h4 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:160% !important /*Non-IE6*/; font-size:140% /*IE6*/;}
.subcontent h5 {margin:1.0em 0 -0.6em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:140% !important /*Non-IE6*/; font-size:125% /*IE6*/;}
.subcontent h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:rgb(50,50,50); font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:115% /*IE6*/;}

/* HEADING - Special icon */
.subcontent h1.menu {background-position:225px 5px; background-color:#6E368F; color:#FFFFFF;}

/* HEADING -- Without icon */
.subcontent h1.noicon {background:none;}
.subcontent h2.noicon {background:none;}

/* PARAGRAPH TEXT */
.subcontent p {margin:1.0em 0 1.0em 0; color:rgb(0,0,0); line-height:1.3em; padding: 0 20px 0 20px;  font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.subcontent p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.subcontent blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

/* LIST */
.subcontent ul {margin:1.4em 0 1.0em 0; padding:0 20px 0 20px; list-style:none;}
.subcontent ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(./img/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.subcontent ol {margin:1.4em 0 1.0em 0; padding:0 20px 0 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}
.subcontent ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.subcontent ul.indent {padding:0 50px 0 50px;}
.subcontent ol.indent {padding:0 20px 0 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}

/* TABLE */
.subcontent table {clear:both; width:230px; margin:2.0em 0 0.2em 20px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.subcontent table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.subcontent table th {height:3.0em; padding:2px 20px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.subcontent table td {height:3.0em; padding:2px 7px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.subcontent p.caption {clear:both; margin:0.5em 0 2.0em 0; text-align:left; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}

/* CONTACT FORM */
.subcontent .contactform {width:230px; margin:1.0em 10px 0 20px;}
.subcontent .contactform fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.subcontent .contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; color:rgb(80,80,80); font-weight:bold;  font-size:131%;}
.subcontent .contactform label.left {float:left; width:85px; margin:0; padding:2px; font-size:100%;}
.subcontent .contactform select.combo {width:90px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.subcontent .contactform input.field {width:85px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.subcontent .contactform textarea {width:178px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.subcontent .contactform input.button {float:left; width:9.0em; margin-left:67px !important /*Non-IE6*/; margin-left:68px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;}
.subcontent .contactform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* SEARCH FORM */
.subcontent .searchform {width:230px; margin:10px 20px 0 20px;}
.subcontent .searchform fieldset {border:none;}
.subcontent .searchform input.field {float:left; width:158px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid rgb(200,200,200); font-size:120%;}
.subcontent .searchform input.button {clear:both; float:left; width:3.0em; margin-top:0.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:120%;}
.subcontent .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* SIDE MENU #1 */
.sidemenu1 {clear:both; width:268px; margin:0; padding:0;}
.sidemenu1 ul {width:268px; margin:0; margin-top:-1px; padding:0; border-bottom:solid 1px rgb(200,200,200);}	
.sidemenu1 ul li {margin:0; padding:0; background:none; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.sidemenu1 li a {display:block; min-height:1.5em; height:auto !important /*Non-IE6*/; height:1.5em /*IE-6*/; line-height:1.5em; margin:0; padding:5px 20px 5px 20px; border-top:solid 1px #D6CEDB; color:#6C348D; font-weight:bold;}
.sidemenu1 ul li ul {margin:0 0 5px 0; border:none;}
.sidemenu1 ul li ul li {margin:0; padding:0; background:none; font-size:100% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.sidemenu1 ul li ul li a {display:block; min-height:1.5em; height:auto !important /*Non-IE6*/; height:1.5em /*IE-6*/; line-height:1.5em; margin:0; padding:0 0 0 30px; border:none; color:rgb(75,75,75); font-weight:normal;}
.sidemenu1 li a:hover {background-color:#FFF9E1; color:#6C348D; text-decoration:none;}
.sidemenu1 li a:visited {color:#6C348D; text-decoration:none;}


/**********/
/* IMAGES */
/**********/

.main img {clear:both;}
.main img.center {clear:both; float:none; display:block; margin:0 auto;}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px;}

/*********/
/* LINKS */
/*********/

/* Text links */
.main a {color:#6C348D; text-decoration:none;}
.main a:hover {color:#6C348D; text-decoration:underline;}
.main a:visited {color:#6C348D;}

/*Image links */
.main a img {}
.main a:hover img {}



/******************************************/
/*  ADDITIONAL USER STYLES                */
/*  If you want to add your own styles,   */
/*  then add them here in order to avoid  */
/*  a mixup with the default styles.      */
/******************************************/

.content .alignleft {float:left;}
.content .alignright {float:right;}
.content .alignleft a,
.content .alignright a {color:#F5AF2B; font-size:140%;}
.main .page-content a {color:#B663E5;}
.main .page-content strong {font-weight:bold;}
.main .page-content ul li {list-style-position:inside; list-style-type:disc;}                            
.main .page-content .more-link {display:block; color:#F5AF2B; padding-top:10px;}
.main .content-bottom-links a {color:#F5AF2B;}
.content {font-size:105% !important;}
.content .posted-on {color:#9a9a9a; font-size:115% !important;}
.content #comments,
.content #respond {margin-top:2em}
.content .comments a {font-weight:normal;font-size:11.5px;}
.content .comments .posted-on a {color:#9A9A9A;}
.content .comments .edit a {color:#F5AF2B;font-weight:bold;}
.content .comments .author, 
.content .comments .author a {color:#6C348D;font-weight:bold;}
.content .comments li {margin-top:25px;}
.content .comments li p {margin-top:5px;}
.content .comments li cite {font-size:110% !important;}
.content .comments li cite a {color:#B663E5;font-size:100% !important;}
.content #commentform textarea,
.content #commentform input {border:1px solid #D6CEDB; padding:3px;}
.content #commentform .tip {font-size:11px;}
.content #commentform #submit {background: url(./img/BTN_submit_comment.png) no-repeat; background-position:0px 0px; width:152px; height:36px; border:0px; cursor:pointer;}
.content #commentform #submit:hover {background-position:-156px 1px; width:152px; height:36px; border:0px; cursor:pointer;}
.content #commentform .logout{color:#F5AF2B;}
.content .arrow {float:right; width:27px; height:28px; margin:0; background: url(./img/btn_arrow.png) no-repeat;background-position:-29px 0px;}
.content .arrow:hover {background-position:0px 0px;}

.subcontent .app-links {margin-top:0px; padding:0px 15px;}
.subcontent .app-links a {width:216px; height:36px; border:0px; display:block; cursor:pointer; background: url(./img/BTN_Links.png) no-repeat;}
.subcontent .app-links .plans-pricing {background-position:-4px -4px;}
.subcontent .app-links .plans-pricing:hover {background-position:-229px -4px;}
.subcontent .app-links .enterprise-solution {background-position:-4px -44px;}
.subcontent .app-links .enterprise-solution:hover {background-position:-229px -44px;}
.subcontent .app-links .request-demo {background-position:-4px -84px;}
.subcontent .app-links .request-demo:hover {background-position:-229px -84px;}
.subcontent .app-links .product-tour {background-position:-4px -124px;}
.subcontent .app-links .product-tour:hover {background-position:-229px -124px;}

.content .page-content, 
.content .comments li p {font-family:Lucida Grande,Lucida Sans Unicode,Verdana,Arial,sans-serif;}

.ft{
	padding-top:10px;
}
.ft .ft-links{
	margin:auto;
	width:490px;
}
.ft .ft-links li{
	float:left;
	padding:0px 7px;
	/*border-right: solid 1px #d6bcd9;*/
}
.ft .ft-links li a{
	font-size:12px;
	color:#6C348D;
	text-decoration:none;
}
.ft .ft-links li a:hover {text-decoration:underline;}

.ft .ft-links .sep{
	padding:0px 5px;
	color:#d6bcd9;
}
.ft .ft-content{
	width:660px;
	padding-top:20px;
	margin:auto;
}
.ft .ft-content .c{
	/*clear:both;*/
	float:left;
	padding:0px 20px;
	line-height:55px;
}
.ft .ft-content  .copyright-text{
	font-size:12px;
	margin-top:30px;
	width:167px;
	margin:auto;
}
.ft .ft-content .social-links,
.navbutton .ft-content .social-links{
	margin-top:30px;
	margin:auto;
}
.ft .ft-content .social-links LI{
	float:left;
}
.social-links LI A{
	display:inline-table;
	display:inline-block;
	/*text-indent:-9000px;*/
	line-height:60px;
	position:relative;
	top:5px;
	width:20px;
	height:20px;
	background:transparent url(./img/icons_sprite.png) no-repeat scroll -14px -215px;
	margin-right:5px;	
}
.navbutton .social-links LI A{
	margin-right:0px;	
}
.ft .ft-content .truste-logo{
	display:inline-table;
	display:inline-block;
	background:transparent url(./img/web-analytics.gif) repeat scroll 0px 0px;
	height:61px;
	overflow:hidden;
	text-indent:-9000px;
	width:71px;
	display:block;
	margin-left:20px;
	position:relative;
	/*left:-20px;*/
}
.fb-icn{
	background-position:-14px -215pxx !important;
}
.tw-icn{
	background-position:-14px -244px !important;
}
.lnk-icn{
	background-position:-14px -275px !important;
}
.rss-icn{
	background-position:-14px -305px !important;
}

.sidemenu1
{
	border-left:solid 1px #D6CEDB;
	border-right:solid 1px #D6CEDB;
}
.sidemenu1 a 
{
	display:block;
}


.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Image caption change */

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
/*margin: 10px;*//*make caption boxes align with left side of text and give more room for images*/
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.content .wp-caption p
{
	font-size:110% !important;
}