/* Satheesh CSS */
.demomenu ul li{
list-style:none!important;
}
.demomenu ul{
margin-left:0!important;
}
.vidw { 
    float: left;
    margin: 20px;
}
.vidbox {
    float: left;
    margin:0px 34px 25px 0px;
    width: 206px;
}
.vidbox span {
    margin-top:15px;
    display:block;
    line-height:20px;
}
.cornerbox {
    margin: 0;
}
.igm {
    width:100%;
    overflow:auto;
}
.imggal {
    width:200px;
    float:left;
    margin-right: 20px;
}
.imggaln {
    width:175px;
    float:left;
}
.cntbox {
    border: 10px solid #F2F2F2;
    margin-bottom: 10px;
    padding: 20px 20px 0px 20px;
}
.tMain {width:100%; float:left; padding-bottom:20px;}
.tmd {
	margin:10px;
	border-bottom:1px solid #d6d6d6;
	padding-bottom:10px;
}
.tLft, .tRgt { width:475px; float:left;min-height:310px;border:1px solid #e5e5e5;}
.tLft { 	
	margin-right:20px;	
}

.tLft h2, .tRgt h2 {
	font-size:18px;
	font-weight:normal;
	color:#2f4166;
	background-color:#f2f2f2;
	padding:8px;
	line-height:20px;
	margin:0px;
}
.tLft p, .tRgt p {
	font-size:12px;
	font-weight:normal;
	color:#000;
	line-height:20px;
}
.tLft em, .tRgt em {
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	text-align:right;
	color:#6687a6;
	margin:0px;
	display:block;
}
.tLft span, .tRgt span {
	font-size:12px;
	font-weight:bold;
	color:#a02013;
	width:200px; 
	padding:0px 0px 15px 12px
}
.tLft span a, .tRgt span a {
	text-decoration:underline;
	font-weight:bold;
}
.tLft span a:hover, .tRgt span a:hover {
	text-decoration:none;
	font-weight:bold;
}
.imglft{ float:left; margin:0px 10px 2px 2px;}
.vidMlft, .vidMrgt {width:200px; float:left; height:164px;}
.vidMrgt {float:right;}
.aboxmn { background-color:#F9F9F9; margin-bottom:20px;padding:12px;}
.abox { 
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #f1f1f1;
    padding:15px;
}
.abox img, .newto img, .newto p { float:left;}
.newto p img { margin-bottom:20px;}
.newto {margin:0px;}
.abox p, .abox h2 { margin-left:85px;}
.add-on-box {
    border-bottom: 1px solid #F1F1F1;
    float: left;
    margin: 5px 0px 35px;
    width: 535px;
}
.add-on {
    background: none repeat scroll 0 0 #F5F5F5;   
    margin: 5px 4px 10px;
    float: left;
    width: 170px;   
}
.add-on p { background: none repeat scroll 0 0 #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin: 5px;
    padding: 5px;
}
.new-block {
    border-bottom: 1px solid #F5F5F5;
    margin-bottom: 25px;
    padding-bottom: 30px;
    overflow:auto;
}
.IP .new-block h1 {
    color: #666666;
    font-size: 30px;
    padding-bottom: 30px;
    text-align: center;
}
.new-block-lft {width:48%;float:left;}
.new-block-rgt {width:48%;float:right;}
.new-block-rgt img {float:right;}
.new-block-lft h2, .new-block-rgt h2 { font-size:20px; font-weight:bold; line-height:1.3; color:#666666; padding-bottom:10px;}
.new-block-lft p, .new-block-rgt p { font-size:16px; font-weight:normal; line-height:1.5; color:#666666; text-align:left;}

.testibox {
    border: 2px dotted #eaeaea;
    padding: 10px 10px 0px 10px;
    margin-bottom:20px;
}
.testibox p { text-align:right; padding-top:10px;}
.testibox span { font-size:14px; line-height:20px;}
.testibox span img { float:left; margin-right:15px;}
.connectlogo { width:100%; overflow:auto;}
.cntin {width:550px; float:left; margin-top:100px;}
.cntin p {float:left; width:274px;margin-bottom: 120px;}
.cntin p a {text-decoration:none;}
.twittes { 
    border: 2px dotted #e2e2e2;
    float: right;
    padding: 20px;
    width: 375px;
}
.twittes span {display:block; text-align:right;}
.new-mid-main { width:800px; margin:0px auto;}
.new-mid { margin-top:20px;}
.new-mid h3 { font-size:20px; font-weight:bold; line-height:1.3; color:#666666; padding-bottom:10px; text-align:center;}
.nbk-middle {margin:0px; text-align:center;}
.new-block-text { border-bottom:1px solid #F5F5F5; margin-bottom:20px; padding-bottom:15px;}
.nbk-lft {width:48%;float:left;}
.nbk-rgt {width:48%;float:right;}
.nbk-rgt img {float:right;}
.nbk-lft h2, .nbk-rgt h2, .nbk-middle h2 { font-size:20px; font-weight:bold; line-height:1.3; color:#666666; padding-bottom:10px;}
.nbk-middle h2 {text-align:center;}
.nbk-lft p, .nbk-rgt p, .nbk-middle p, .new-block-text p { font-size:15px; font-weight:normal; line-height:22px; color:#414B55; text-align:left;}
.nbk-middle p {text-align:center;}
.appmain {width:77%; overflow:auto;  margin-left: 164px;}
.applft {width:200px; float:left; text-align:center;}
.apprgt {width:200px; float:left; text-align:center;}
.applft span, .apprgt span { display:block;}
.applft span {padding-top:4px;}
/* Customers page styles start */

.ccbox {
    float: right;
    margin: 0 0 10px 15px;
    text-align: center;
    width: 248px;
}
.ccboxInner {
    background: url("/crm/images/side-rgt-mid.jpg") repeat-y scroll 0 0 transparent;
    color: #4A5C80;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 18px;
    line-height: 24px;
    padding: 0 12px 10px;
    text-align: left;
}
.ccboxInner span {
    color: #000000;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    line-height: 22px;
    padding-top: 10px;
}


/* Customers page styles end */

/* Conference page styles start */
.vac {
    background: none repeat scroll 0 0 #f4f4f4;
    text-align: center;
    margin-bottom:20px;
}
.intro-conf {
    margin: 5px 15px;
    padding: 5px 0 5px 15px;
    position: relative;
    text-align: center;
}
/* Conference page styles end */

/*zwitch styles start*/
.zwm {width: 100%; overflow: auto;}
.zwmlft {width: 636px; float: left; margin-right: 42px;}
.zwmrgt {width: 300px; float: left;}
.zad { margin-top:20px; border:2px dotted #dddddd; padding-right:15px;}
.IP .zad h3 { padding-left:10px;}
.botT {border:1px solid #5E89D7;}
.botT th {background:#8b8b8b;color:#fff;}
.botT td {font-size:15px; line-height:24px;}
td .foot-td {background:#eef3fa;font-size:15px;}
td.high {background:#eef3fa;}
.formtitle01{color:#fff;font:bold 18px Arial,Helvetica,sans-serif;}
.salesform {padding:10px 20px 20px 20px; background-color: #f1f1f1; }
.salesform input{border:1px solid #CCCCCC;font-size:14px;padding:4px;width:225px}
.sn2 input  { width:100px;text-align:center;}
.salesform .sub{border:0px solid #CCC;width:131px;height:44px;}
.salesform p{margin:0px 0px 10px; padding:0px;}
.salesform textarea{border:1px solid #CCCCCC;font-size:12px;height:60px;width:230px}
.gr li { display:block; display:list-item; list-style-type:disc; margin-left:35px; padding-left:8px; font-size:15px; line-height:24px;}
.txtt1 {
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
font-weight:normal;
line-height:24px;
margin-bottom:25px;
margin-top:0;
}
.showMsg{background-color:#008000;color:#FFFFFF;display:none;font-family:Georgia,"Times New Roman",Times,serif;font-size:22px;font-weight:bold;margin:20px 0;text-align:center;padding:5px 0px;}

/*zwitch styles end*/




/*demo page styles start*/

.demotab{ width:948px;margin:0px 0 10px 0px; position:relative;}
.demomenu{ height:40px; margin-left:0px; z-index:2; position:relative;margin-top:20px}
.demomenu ul{ margin:0px; padding:0px; list-style:none;}
.demomenu ul li{ float:left; height:48px;list-style:none;  margin:0 10px 0 0; text-align:center;}
.demomenu ul li a{ cursor:pointer; float:left;height:40px; width:170px;color:#979E94; font-size:14px;  text-decoration:none; font-weight:bold; padding-top:5px;}
.demomenu ul li a:hover{ text-decoration:none;}
.demomenu ul li a.active{background:url("/crm/images/button.png") no-repeat left 0;cursor:pointer;font-size:14px;  float:left;height:40px; padding-top:5px;width:170px; color:#010134; font-weight:bold; cursor:pointer;}
.content{ width:948px; margin-top:-20px; #margin-top:3px; _margin-top:-22px;border-bottom:2px solid #EFEFEF; float:left; margin-bottom:10px; _margin-bottom:0px; }
.content_top{ background:url("/crm/images/top_bg.gif") repeat-x; height:10px; width:948px; float:left; font-size:1px;}
.content_top span{ background:url("/crm/images/top_lft.gif") left top; float:left; height:10px; width:10px;}
.content_top em{ background:url("/crm/images/top_rht.gif") right top; float:right; height:10px; width:10px;}
.content_mid{ border-right:2px solid #efefef;border-left:2px solid #efefef; width:924px; padding:20px 10px 8px 10px; text-align:left;}
.content_btm{ background:url("/crm/images/btm_bg.gif") repeat-x; height:10px; width:948px; float:left; font-size:1px;}
.content_btm span{ background:url("/crm/images/btm_lft.gif") left bottom; float:left; height:10px; width:10px;}
.content_btm em{ background:url("/crm/images/btm_rht.gif") right bottom; float:right; height:10px; width:10px;}
.products{ margin:20px 0 10px 0; float:left; }
.products_category{ float:left; margin:0 20px 0 0; width:360px;}
.products_list{ float:left; width:400px;}
.nav_footer{margin:9px 8px 8px 0px; color:#7f7f99; line-height:25px;}
.nav_footer a{font:normal 14px Arial, Helvetica, sans-serif; color:#333333; line-height:20px; text-decoration:none;}.nav_footer a:hover{color:#6d6e6f;}
.requestblock{ height:25px; margin:0 0 0px 0;}
.request, .request a{height:25px; float:right; font:bold 15px Arial,Verdana,sans-serif; color:#d73328; letter-spacing:0px; text-decoration:none;}
.request span{ background:#ffff66; color:#333333; margin:0 0 0 10px; padding:3px;}
.request a:hover { text-decoration:none;}
.demomenu1{ height:40px; margin-left:0px; z-index:2; position:relative;}
.demomenu1 ul{ margin:0px; padding:0px; list-style:none;}
.demomenu1 ul li{ float:left; height:48px;list-style:none;  margin:0 10px 0 0; text-align:center;}
.demomenu1 ul li a{ cursor:pointer; float:left;height:30px; width:170px;color:#979E94; font-size:15px; text-decoration:none; font-weight:bold; padding-top:10px;}
.demomenu1 ul li a:hover{ text-decoration:none;}
.demomenu1 ul li a.active{background:url(/zoho/crm/images/button3.jpg) no-repeat left 0;cursor:pointer;font-size:15px; float:left;height:30px; padding-top:10px;width:170px; color:#010134; font-weight:bold; cursor:pointer;}
.content_mid1{  width:924px; padding:20px 10px 8px 10px; text-align:left;}

/*demo page styles end*/

/* mediacontacts page styles start */
.mc {
	width:100%;
	overflow:auto;
	border-bottom:1px dotted #CCC;
	margin-bottom:20px;
	padding-bottom:15px;
}
.mclft {
	width:450px;
	float:left;
}
.mclft1 {
	width:650px;
	float:left;
}
.mcrgt {
	width:272px;
	float:left;
}
.side-full {
	color: #2C3339;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 24px;
	padding: 0 0 0 0px;
}
.side-full p {
	padding-bottom: 15px;
}


.side-full h3 {
	font-size: 18px;
	margin:20px 0px 5px 0px;
}

.side-full h2 {
	font-size: 25px;
	margin-bottom:28px;
	padding:0px;
	font-weight:bold;
}

.side-full h4 {
	font-weight:bold;
	font-size: 22px;
	line-height:22px;
	margin:0px 0px 10px 0px;
}

/* mediacontacts page styles end */

.formelementtable { border:1px solid #eee; padding:25px;}
.formrightdiv { margin-left:30px; line-height:20px;}
.man {
	float:right;
	font-size:12px;
	color:#737373;
}
.manbox {
	float:right;
	border:1px solid #a8a8a8;
	background-color:#ffffd5;
	width:12px;
	font-size:1px;
	height:12px;
}
.formtxtboxman {background-color: #FFFFD5;}
.formtxtboxman, .formtextarea {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #AAAAAA #DDDDDD #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-style: solid;
    border-width: 1px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 2px;
    width: 230px;
}
.button {
    background: none repeat scroll 0 0 #E54136;
    border: 1px solid #b50b00;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 8px;
    margin-bottom:15px;
    cursor:pointer;
}

.loform {   float: left;
    margin-right: 22px;
    padding: 30px 15px;
    width: 520px;background:#f6f6f6;}

.login-agn { 
    border-top: 1px solid #EEEEEE;
    clear: both;
    padding: 60px 30px 30px 30px;
    text-align: center;
}
.logutm { width:100%; float:left; margin-bottom:30px}
.login-agn span a {
    background-color: #820c00;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 17px;
    font-weight: bold;
    outline: medium none;
    padding: 7px 14px;
    text-decoration: none;
}

/* mobile page styles start */
.mb { background:url("/crm/images/mob-bg.gif") repeat-y; border-bottom:1px solid #cfd3d8; margin-bottom: 50px; min-height: 228px; padding: 20px;}
.mbLft { float:left; margin-right:35px;}
.mbRgt { min-width:200px;}
.s2 .mbRgt h2 {font-size:26px; font-weight:bold; line-height:18px; letter-spacing: -1px; margin-top: 50px;}
.s2 .mbRgt p {font-size:15px; font-style:italic; line-height:20px; padding-bottom: 10px;}

.mb1 { background:url("/crm/images/mob-bg.gif") repeat-y; border-bottom:1px solid #cfd3d8; margin-bottom: 30px; min-height: 205px; padding: 20px;}
.mb1Lft { float:left; margin-right:20px;}
.mb1Rgt { min-width:200px;}
.s2 .mb1Rgt h2 {font-size:22px; font-weight:bold; line-height:18px; letter-spacing: -1px; margin-top: 50px;}
.s2 .mb1Rgt p {font-size:15px; font-style:italic; line-height:20px; padding-bottom: 10px;}
.webinar {
	 padding: 30px 0;
	 font-family:open sans;
	 margin: 0 auto;
	   width: 860px;

}
.webinar table{
	   border: 1px solid #ddd;
	   border-right:0;
}
.webinar td{
    border: 1px solid #ddd;
    padding: 10px;
	border-top:0;
	border-left:0;
	font-size:14px;
}
.webinar thead td{
	 background: none repeat scroll 0 0 #F1F1F1;
    font-weight: 600;
    padding: 15px;
    text-transform: uppercase;
	text-align:center;
}
.webinar td span{
color:#84be46;
display:block;
  padding: 5px 0 0;
}
.webinar td a{
	color:#56aadf;
}
/* mobile page styles end */



.goto-link{
	  background: none repeat scroll 0 0 #D82133 !important;
    border-color: #D82133 !important;
    color: #FFFFFF !important;
    font-size: 15px !important;
    text-transform: none !important;
    width: 155px !important;

}



#HUG span,#HCSSP span,#HAG span,#HKB span,#HVID span,#HBLO span,#HBLO1 span,#HFORUM span,#HCOMM span,#HWEB span,#HEB span,#HZW span {
background:url("/pimg/crm-helps.png") no-repeat 0 5px;
    height: 60px;
    left: 0;
    position: absolute;
    width: 60px;
}
#HCSSP span {
    background-position: 0 -232px;
}
#HAG span{
background-position:0 -70px;
}
#HKB span {
    background-position: 0 -150px;
}
#HVID span {
    background-position: 0 -320px;
}
#HBLO span{background-position:0 -495px;
}
#HBLO1 span{background-position:0 -675px;
}
#HFORUM span{background-position:0 -489px;
}
#HCOMM span{background-position:0 -587px;
}

#HWEB span{background-position:0 -397px;
}

#HEB span{background-position:0 -578px;
}

#HZW span{background-position:0 -664px;
}
