/* $Id: $ */

/*Header Start*/
.header {
	min-height:63px;
	/*overflow:auto;*/
}
.logo {
	margin-top:19px;
	float:left;
	margin-left:10px;
	cursor:pointer;
}
.logo.vcrm {
	margin-top: 12px;
}
.oneZohoLauncher{
 display: inline-block; 
 margin-right:12px;
 width:30px;
 height: 25px;
}
.crmCustomLogo {
	vertical-align: middle;
    width: 40px;
    height: 40px;
}
.crmCustomLogoTitle {
	display: inline-block;
	vertical-align: middle;
	max-width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*Menu Start*/
.headerDownArrow {
	width:7px;
	background:url(../images/new_spirit.png) -9px -10px;
	height: 4px;
	margin: 0px 0px 0 4px;
}
.headerMenu {
	padding:20px 0 0 0;
	float:right;
}
.headerMenu ul {
	margin:0px;
	padding:0px;
}
.headerMenu ul li {
	float:left;
	list-style-type:none;
	margin:0px;
	position:relative;
	padding-right:15px;
}
.headerMenu ul li a {
	font-size:0.85em;
	color:#515151;
	text-decoration:none;
	padding:0;
}
.headerMenu ul li a.newVersionBtn{
  background-color: #27a846;
  border-radius: 2px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 12px;
  /*font-weight: bold;*/
  padding: 2px 8px;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  animation: flashing 1.5s linear 0.1s forwards 6;
  -moz-animation: flashing 1.5s linear 0.1s forwards 6;
  -webkit-animation: flashing 1.5s linear 0.1s forwards 6;
  -ms-animation: flashing 1.5s linear 0.1s forwards 6;
}

@-webkit-keyframes flashing {
  0% { background-color: #27a846; -webkit-box-shadow: 1px 5px 13px 1px rgba(39,168,13,0.25); }
  50% { background-color: #72dd20; -webkit-box-shadow: 1px 5px 26px 1px rgba(39,168,13,0.5); }
  99% { background-color: #27a846; -webkit-box-shadow: 1px 5px 13px 1px rgba(39,168,13,0.25); }
	100% { background-color: #27a846; -webkit-box-shadow: none; }
}

@-moz-keyframes flashing {
	0% { background-color: #27a846; -moz-box-shadow: 1px 5px 13px 1px rgba(39,168,13,0.25); }
  50% { background-color: #72dd20; -moz-box-shadow: 1px 5px 26px 1px rgba(39,168,13,0.5); }
  99% { background-color: #27a846; -moz-box-shadow: 1px 5px 13px 1px rgba(39,168,13,0.25); }
	100% { background-color: #27a846; -moz-box-shadow: none; }
}

@-o-keyframes flashing {
	0% { background-color: #27a846; box-shadow: 1px 5px 13px 1px rgba(39,168,13,0.25); }
  50% { background-color: #72dd20; box-shadow: 1px 5px 26px 1px rgba(39,168,13,0.5); }
  99% { background-color: #27a846; box-shadow: 1px 5px 13px 1px rgba(39,168,13,0.25); }
	100% { background-color: #27a846; box-shadow: none; }
}

@keyframes flashing {
	0% { background-color: #27a846; box-shadow: 1px 5px 13px 1px rgba(39,168,13,0.25); }
  50% { background-color: #72dd20; box-shadow: 1px 5px 26px 1px rgba(39,168,13,0.5); }
  99% { background-color: #27a846; box-shadow: 1px 5px 13px 1px rgba(39,168,13,0.25); }
	100% { background-color: #27a846; box-shadow: none; }
}
.headerMenu ul li a.newVersionBtn:hover,body.noTouch .headerMenu ul li a.newVersionBtn:hover{
	background-color: #66c320;
	color: #FFFFFF;
	text-decoration: none;
	animation: none;
}
body.noTouch .headerMenu ul li a:hover {
	text-decoration:underline;
	color:#000;
	cursor:pointer;
}
.headerMenu ul li b {
	color:#000;
}

.appswhole {
	border-top:2px solid #636363;
	border-right:1px solid #D5D5D5;
	border-left:1px solid #D5D5D5;
	border-bottom:1px solid #D5D5D5;
	padding: 5px;
	display:none;
	top: 50px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	-o-border-radius:8px;
	background:#F4F4F4 url(../images/toparrowapps.png) 175px -5px no-repeat;
	position:relative;
	box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);
	z-index:100000;
   *z-index:100000;
}
.over_menu_list_items a {
	border-bottom: 1px dotted #D3D2D2;
	clear: both;
	color: #515151;
	display: block;
	font-size: 12px;
	padding: 8px 0 !important;
	text-decoration: none;
}
body.noTouch .over_menu_list_items a:hover {
	color:#3A6CAE;
}
.over_menu_list_items a:last-child{
	border-bottom:0;
}
.over_menu_list_items-h {
	margin-right: 20px;
	color: #010101;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 7px;
}
.topArrowapps {
	margin-top:-22px;
	margin-top:-10px !ie;
	text-align: center;
}

.userNametop {
	padding-right: 15px;
}
.upGradeRed {
    color: #EE7C26;
    cursor: pointer;
    text-decoration: underline;
	display:none;
}
.vcrmUpgrade{
	color: #EE7C26;
    cursor: pointer;
	display:none;
}
.showUpgrade{
	display:inline-block;
}
/*Menu End*/

/*Sign out Drop Down Start Heare*/
.toparrowSign, .myActArrow{
	left: 113px;
    position: absolute;
    top: -14px;
	*top: -6px;
    z-index: 100000;
}
.signOutDropDownBox{
	background:#fff;
	display: inline-block;
	width:135px;
	font-size:1.1em !important;
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #E7E7E7;
	z-index:99;
}

.signOutDropDownBox a{
	display:block;
	padding:5px 10px !important;
}
.signOutDropDownBox a:hover{
	background-color:#f0f0f0;
	color:#000 !important;
	text-decoration:none !important;
}
.signOutDropDownBox a:first-child{
	border: medium none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.signOutDropDownBox a:last-child{
	border: medium none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
	border-top:1px solid #ddd;
	color:#000	
}
.myActArrow{
	left:158px;
}
.myAcDropDown{
	width:180px;
	max-height:150px;
	overflow:auto;
}
.myAcDropDown a:last-child{
	border-top:0;
}
.myAcDropDown div.selectGroupLabel{
	color: #484848;
	padding: 5px 10px;
	border-bottom: 1px solid #f4f4f4;
	font-size: 14px;
	font-weight: 600;
}
.userDetailDD{
    position: absolute;
    right: 2px;
    top: 26px;
    z-index: 1000;
}
/*Sign out Drop Down End Heare*/
.orTextGray
{
	color:#b1b1b1;
}
.headerMenu ul li.removeORText
{
	padding-right:15px;
}
.headerMenu ul li.addORText
{
	padding-right:0px;
}
.headerMenu ul li.removeORText .orTextGray{
 	display:none;
 }
 .headerMenu ul li.addORText .orTextGray{
 	display:inline-block;
 	padding:0 5px 0 5px;
 }
 
.takeTourRed
{
	color: #333;
	cursor: pointer;
	text-decoration: underline;
}  
.createWelcome
{
	text-align: center; 
	padding: 0px 0px 20px; 
	font-size: 1em;
}  
.videoObj
{
	width:560px;
	height:315px;
}

/*Header End*/


/*Information Top Bar Start*/
.informationBar{
	background-color:#e2f0c9;
	border-bottom:1px solid #cbdab1;
	text-align:center;
	padding:2px 0;
	color:#2d400c;
}
.informationBar a{
	color:#EE7C26;
	font-weight:normal;
	text-decoration:underline;
	cursor:pointer;
}
/*Information Top Bar End*/
/* New UI band starts */
.bandNewSurveyLink {
	padding: 5px 0;
	background-color: #e2587c;
	text-align: center;
}
.bandNewSurveyLink .bandMsg {
	margin: 0;
	font-size: 13px;
	color: #ffffff;
}
.bandMsg .tryLink {
	color: #ffffff;
	text-decoration: underline;
}
.headerMenu .tryLink {
	color: #34c0bf;
	text-decoration: underline;
}
.headerMenu .tryLink:hover, .bandMsg .tryLink:hover {
	color: #333333 !important;
}
/* New UI band ends */