/*********************************************
*  JiyoBindaas Page Styles 
*  These styles will be used by the JiyoBindaas pages 
*  Author : Madanu
*  Date : 21-Apr-2008
**********************************************/


/**Contacts Styles******************************/
body{
	font-family: arial;	
	margin-top: 0px;		
}

/***************************UserDefined Styles***********************************************************/

.jbAlertBox{
	width: 400px;
	
	/*
	background-image: url("images/bg1.jpg");
    background-position: top;
    background-repeat: repeat-x;
    */
    
    padding: 10px;
    font-size: 14pt;
	/*background-color: #D0E3F2; LITE BLUE*/
	background-color: #F0FFFF; 
}	


.jbAlertBox-glass
{
   position                    :   absolute;
	background-color            :   #111;
	-moz-opacity                :   0.70;
    filter                      :   alpha(opacity=70);
    opacity                     :   0.70;
    height                      :   100%;
    width                       :   100%;
    top                         :   0px;
    left                        :   0px;
}


.ErrorMessageLabel {
	font-family: tahoma; 
	font-size: 12px;
	color: red;
}


/******************************************************
 * JBDialogBox START
 ******************************************************/

.jb-DialogBox .Caption
{
    font-size                   :   12pt;
    font-weight                 :   bold;
    text-align                  :   center;
    
    /*
    padding-top                 :   4px;
    padding-bottom              :   4px;
    */
    /*
    width						: 	100%;
    height						: 	100%;
    */
}

.jb-DialogBox-glass
{
    position                    :   absolute;
	background-color            :   #111;
	-moz-opacity                :   0.70;
    filter                      :   alpha(opacity=70);
    opacity                     :   0.70;
    height                      :   100%;
    width                       :   100%;
    top                         :   0px;
    left                        :   0px;
}

.jbHelpImageStyle {
	border: none;
	background: transparent;
	width: 20px;
	height: 20px;
	cursor: pointer;
	cursor: hand;
}

.jbHelpDialogVPanel{
	/*background-color: #a6a6fa;*/
	background-image: url("images/bg1.jpg");
    background-position: top;
    background-repeat: repeat-x;
}

.jbOneLinerHelpHtml {
	font-weight: bold;
	font-size : 10pt;
	
	width: 400px;
	height: 50px;
	
	/*background-color: #a6a6f4;*/
	padding: 4px 4px 4px 4px;
}

.jbTerseHelpHtml {
	font-weight:normal;
	font-size : 10pt;
	
	width: 400px;
	/*height: 400px;*/
	/*background-color: #ccccf9;*/
	padding: 4px 4px 4px 20px;
}	

.jbMoreLinkStyle{
	width : 100px;
	height	: 20px;
	text-align: left;
	
	cursor: pointer;
	
	margin : 4px 4px 4px 4px;
	
}

.jbHelpCloseButtonStyle{
	border : none;
	text-align: center;
	margin-top : 10px;
	margin-bottom: 10px;
	cursor: pointer;
	cursor: hand;
}

/*
.jb-DialogBox .message
{
    border-bottom               :   1px solid #009;
    font-size                   :   80%;
    padding                     :   10px 30px;
    text-align                  :   center;
}
.jb-DialogBox .footer
{
    background-color            :   #ccf;
    padding                     :   2px;
    text-align                  :   center;
}
#jb .DialogBox-holder
{
    text-align                  :   center;
    width                       :   100%;
}
*/

/******************************************************
 * JBDialogBox END
 ******************************************************/

/*..Button Styles Start........................................................*/

.gwt{
	font-family: tahoma;
	font-size: 12px;
}

.JBButton{
	background-image: url("images/button-100-on.gif");	
	width: 60px;
	height: 20px;
	background-position: center;
	border: 0px;
	margin-left: 50px;
	margin-top: 10px;
	cursor: hand;
}
/*
.gwt-DecoratorPanel .middleCenter {
   height: 100%;
   width: 100%;
 }
 */
.gwt-HTML{
	font-family: tahoma;
	font-size: 12px;
	
}

.gwt-Label{
	font-family: tahoma;
	font-size: 12px;	
}

.gwt-Hyperlink{
	text-decoration: none;
	margin-left: 8px;
	font-family: tahoma;
	font-size: 12px;
	color: red;
}	

.gwt-TextArea {
}

.gwt-TextBox {
}

.menu-top-left-corner{
	background-image: url("images/contact-listpanel-header-01.gif");
	background-repeat: no-repeat;
	width: 10px;
	height: 14px;
}
.menu-top-right-corner{
	background-image: url("images/contact-listpanel-header-03.gif");
	background-repeat: no-repeat;
}
.menu-bottom-left-corner{
	background-image: url("images/contact-listpanel-footer-01.gif");
	background-repeat: no-repeat;
	width: 10px;
	height: 14px;
}
.menu-bottom-right-corner{
	background-image: url("images/contact-tabpanel-footer-03.gif");
	background-repeat: no-repeat;
	/*width: 10px;
	height: 14px;*/
}
.menu-right-edge{
	background-image: url("images/contact-listpanel-body-01.gif");
	background-repeat: repeat-y;	
	width: 10px;
	/*height: 3px;*/
}
.menu-left-edge{
	background-image: url("images/contact-listpanel-body-02.gif");
	background-repeat: repeat-y;	
	width: 10px;
}
.menu-top-edge{
	background-image: url("images/contact-listpanel-header-02.gif");
	background-repeat: repeat-x;
	/*width: 4px;
	height: 14px;*/	
}
.menu-bottom-edge{
	background-image: url("images/contact-listpanel-footer-02-edge.gif");
	background-repeat: repeat-x;
	/*width: 1px;
	height: 14px;*/	
}

/*
.gwt-DialogBox {
  background-color: white;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  font-size: 12px;
  font-family: tahoma;
}

.gwt-DialogBox .Caption {
  background: url(images/curltab-visited1.gif) repeat-x top left;
  font-weight: bold;
  font-size: 12px;
  font-family: tahoma;
  cursor: default;
  padding: 5px 10px;
  border-bottom: 1px solid #666;
  border-top: 1px solid #666;
  text-align: left;
}

.gwt-DialogBox td {
  text-align: right;
  font-size: 12px;
  font-family: tahoma;
}

.gwt-DialogBox .gwt-Button {
  margin: 10px;
  font-size: 12px;
  font-family: tahoma;
}
*/

.borderFlexTableStyle{
	width: 100%;
	height: 100%;
	border: 0px;	
	border-collapse: collapse;
	
}	
.menu-center{
	background-color: #F0F6F9;	
	
}	
	
	
/*..TabPanel start*/

.body-top-left-corner{
	background-image: url("images/contact-listpanel-header-01.gif");
	background-repeat: no-repeat;
	
}
.body-top-right-corner{
	background-image: url("images/contact-listpanel-header-03.gif");
	background-repeat: no-repeat;
	height: 14px;
}
.body-bottom-left-corner{
	background-image: url("images/contact-listpanel-footer-01.gif");
	background-repeat: no-repeat;
	width: 10px;
	height: 14px;
}
.body-bottom-right-corner{
	background-image: url("images/contact-listpanel-footer-03.gif");
	background-repeat: no-repeat;
	width: 10px;
	height: 14px;
}
.body-right-edge{
	background-image: url("images/contact-listpanel-body-01.gif");
	background-repeat: repeat-y;	
	width: 10px;
	/*height: 3px;*/
}
.body-left-edge{
	background-image: url("images/contact-listpanel-body-02.gif");
	background-repeat: repeat-y;	
	width: 10px;
	
}
.body-top-edge{
	background-image: url("images/contact-listpanel-header-02.gif");
	background-repeat: repeat-x;
}
.body-bottom-edge{
	background-image: url("images/contact-listpanel-footer-02.gif");
	background-repeat: repeat-x;
	/*width: 1px;
	height: 14px;*/	
}
.body-center{
	background-color: #F4F4F4;	
	 
}	

.flexTableStyle{
	margin-left: 20px;
	width: 200px;
	height: 400px;	
}

.leftPanelStyle{
	/*margin-left: 5px;*/
	margin-bottom: 10px;
	width: 230px;
	height: 100%;	
}
.middlePanelStyle{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	width: 400px;
	height: 100%;		
}

/*.menuFlexTableStyle{
	
	height: 100%;
	border: 0px;	
	border-collapse: collapse;
	
}*/
.bodyFlexTableStyle{
	width: 80%;
	height: 100%;
	border: 0px;	
	border-collapse: collapse;
	border: none;
}

/*Start : Delete when google ads is added */
.userHomeVerticalPanelStyle{
	/*margin-left: 20px;*/
	/*padding-top: 10px;*/
}
/*End : Delete when google ads is added */

.CompositeStyle{
		
}
.ComposeSMSPanelStyle{
	width: 80%;	
}
.SetTriggerSMSPanelStyle{
	width: 80%;	
}

.sms-SelectedRow{
	background-color: #79A4C6;
	color: white;
}

.readMessagesStyle{
	font: normal;
}
.unreadMessagesStyle{
	font: bold;
}
.SMSHeaderHtmlStyle{
	font-size: 16px;
	font: bold;
	font-family: tahoma;
}
.smsHeaderVerticalPanelStyle{
	width: 600px;
	background-color: #234662;
	color: white;
}
.messageBodyStyle{
	font-family: tahoma;
	font-size: 12px;
}

.gwt-Hyperlink a{
	color: blue;
	text-decoration: none;	
}
.gwt-Hyperlink a:hover{
	color: #234662;
	text-decoration: underline;
}
.messageSentSuccessfullyHtmlStyle{
	font-size: 14px;
	color: green;
}
.sms-Rows{
	cursor: hand;
}

.signoutPanelLinks, .signoutPanelLinks a {
	text-decoration: none;
	font-family: tahoma;
	font-size: 12px;
	cursor: hand;
	cursor: pointer;
}
.signoutPanelLinks a:hover {
	text-decoration: underline;
	font-family: tahoma;
	font-size: 12px;
	cursor: hand;
	cursor: pointer;
}

.googleAddPanelStyle{
	height: 500px;
	
}

/*..Start new HTML*/
.userHomeHorizontalPanelStyle{
	padding-left: 100px;
	
}

.imageHyperlinkStyle{
	border: none;
	border-collapse: collapse;
	/*width: 100px;*/
}
.arrowImageHyperlinkStyle{
	border: none;
	border-collapse: collapse;
	width: 14px;
	height: 19px;	
}

.verticalPanelStyle{
	width: 80%;
	/*margin-left: 20px;*/
	margin-right: 20px;
}

.verticalPanelBorderStyle{
	border-color: #6C98BD;
	background-color: #F6F6F6;
	/*background-image: url("images/containerbg.jpg");*/
	margin-left: 0px;
	margin-right: 5px;
	height: 7px;
}
.barHorizontalPanelStyle{
	background-color: red;
		
}
.inviteFriendTextBoxStyle{
	color: gray;
	font-family: tahoma;
	font-size: 12px;	
	width: 180px;
}
.modifiedInviteFriendTextBoxStyle{
	color: gray;
	font-family: tahoma;
	font-size: 12px;	
	width: 150px;
}
.photoVerticalPanelStyle{
	margin-left: 50px;
}
.smsImageHTMLStyle{
	color: gray;
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	margin-left: 18px;
}
.contactsImageHTMLStyle{
	color: gray;
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.signoutPanelLinks, .signoutPanelLinks a {
	text-decoration: none;
	font-family: tahoma;
	font-size: 12px;
	cursor: hand;
	cursor: pointer;
}
.signoutPanelLinks a:hover {
	text-decoration: underline;
	font-family: tahoma;
	font-size: 12px;
	cursor: hand;
	cursor: pointer;
}

.searchImageStyle {
	border: none;
}

.verticalPanelBorderStyle {
		width: 150px;
		height: 100%;
	
}	 

.welcome {
	font-family: tahoma;
	font-size: 12px;
	color:#5e92b9;
	float:left;
	margin-left:10px;
}

.mail-AboutText {
  width: 24em;
  font-family: tahoma;
  font-size: 12px;
  padding: 10px;
  text-align: left;
}
.helpImageHorizontalPanelStyle{
	text-align: right;
	width: 200px;	
}
.leftHelpImageButtonStyle{
	margin-left: 170px;	
}
.registeredNoLastSyncFlexTableStyle{
	width: 360px;
}
.registeredNoLastSyncFlexTable2ndColStyle{
	text-align: right;
}
.noOfInboxMessagesVerticalPanel1stRowStyle{
	text-align: right;
}
.horizontalFlexTable1stColStyle{
	width: 80px;
	vertical-align: middle;
}
.horizontalFlexTable2ndColStyle{
	width: 250px;
	vertical-align: middle;
}
.horizontalFlexTable3rdColStyle{
	width: 50px;
	vertical-align: middle;
}
.horizontalFlexTable4thColStyle{
	width: 30px;
}
.noInvitationHtmlStyle{
	font-weight: bold;
	font-family: tahoma;
	font-size: 12px;
	color: #2D93D5;
}
.nameHorizontalPanelStyle{
	width: 200px;
}
.headerHtmlStyle{
	font-family: tahoma;
	font-size: 16px;
	font-weight: bold;
	color: gray;
	margin-bottom: 15px;
}
.headerHorizontalPanelStyle{
	width: 360px;	
}
.innerFlexTableStyle{
	margin-left: 10px;
	/*margin-bottom: 10px;*/
}
.userHomeRegCompletedHorizontalPanelStyle{
	width: 950px;
	height: 40px;
	background-color: #F0F6F9;
	margin-left: 10px;
	margin-right: 10px;
}
.userHomeRegNotCompletedHorizontalPanelStyle{
	width: 950px;
	height: 40px;
	background-color: #E8D499;
	margin-left: 10px;
	margin-right: 10px;
}
.innerFlexTable1stColStyle{
	width: 180px;
}
.innerFlexTable2ndColStyle{
	width: 30px;
}
.mostRightInnerFlexTable1stColStyle{
	width: 95px;
}
.mostRightInnerFlexTable2ndColStyle{
	width: 120px;
}
.mostRightInnerFlexTable1stColStyleForMobile{
	width: 85px;
}
.popularityMiddleInnerFlexTable2ndColStyle{
	width: 70px;
}
.popularityRightInnerFlexTable2ndColStyle{
	width: 35px;
}
.mostRightInnerFlexTableRingTone1stColStyle{
	width: 150px;	
}

.innerFlexTableRowStyle{
	height: 20px;
}
.welcomeRegNotCompleted{
	font-family: tahoma;
	font-size: 12px;
	color: red;
}
.userImageStyle{
	width: 135px;
	height: 135px;
}
.invitationHorizontalPanelStyle{
	width: 190px;
}
.invitationDetailsHyperlinkStyle{
	font-family: tahoma;
	font-size: 12px;
	margin-top: 10px;
}
.helpImageButtonInvitationStyle{
	margin-left: 45px;	
}
.verifyEmailImageStyle{
	height: 14px;
	width: 22px;	
}
.mostRightVerticalPanelStyle{
	width: 230px;
	height: 100%;
}
.myMobileLinksVerticalPanelStyle{
	height: 40px;	
}
.verifyMobileHyperlinkStyle a{
	color: blue;
	text-decoration: none;
	font-family: tahoma;
	font-size: 12px;
	margin-left: 5px;
}
.verifyMobileHyperlinkStyle a:hover{
	color: black;
	text-decoration: none;
}
.jbChatLinkStyle a{
	color: blue;
	text-decoration: none;
	font-family: tahoma;
	font-size: 12px;
	margin-left: 5px;
	margin-bottom: 20px;	
}
.jbChatLinkStyle a:hover{
	color: black;
	text-decoration: none;
}

.socialNetworkHyperlinkStyle a{
	color: blue;
	text-decoration: none;
	font-family: tahoma;
	font-size: 12px;
	margin-left: 5px;
	margin-bottom: 20px;
}
.socialNetworkHyperlinkStyle a:hover{
	color: black;
	text-decoration: none;
}
.profileHelpImageButtonInvitationStyle{
	margin-left: 85px;
}
.profileHelpImageHorizontalPanelStyle{
	margin-left: 5px;	
}
.nameHyperlinkStyle a{
	font-family: tahoma;
	color: blue;
	text-decoration: none;	
}
.nameHyperlinkStyle a:hover{
	color: blue;
	text-decoration: none;	
}
.inviteFriendImageStyle{
	margin-left: 40px;	
}
.invitationStatusVerticalPanelStyle{
	margin-top: 10px;
	margin-bottom: 10px; 	
}
.friendRequestsHorizontalPanelStyle{
	margin-bottom: 5px;	
}
.syncTimeVerticalPanelStyle{
	/*margin-left: 5px;*/
	margin-bottom: 10px;	
}
.modelImageStyle{
	margin-top: 20px;
	margin-left: 25px;
	margin-bottom: 20px;
	margin-right: 25px;
}
.iconImageHyperlinkStyle{
	border: none;
	border-collapse: collapse;
	width: 80px;
	height: 80px;
	margin-right: 20px;
}
.smsHorizontalFlexTableStyle{
	vertical-align: middle;	
}
.setupMobileImageHyperlinkStyle{
	margin-right: 20px;	
}
.setupMobileImageHyperlinkAdditionalMargin{
	margin-right: 28px;	
}
.modelImageDecoratorPanelStyle{
	margin-left: 25px;
	margin-bottom: 10px;
	margin-top: 20px;
	text-align: center;
	background-color: white;	
}
.verifyVerticalPanelStyle{
	margin: 20px;	
}
.verifyFlexTable1ColStyle{
	width: 200px;	
}
.verifyFlexTable2ColStyle{
	width: 200px;	
}
.sendSyncAgentFlexTable2ColStyle{
	width: 100px;	
}
.sendSyncAgentButtonHorizontalPanelStyle{
	margin-left: 50px;
	width: 150px;	
}
.verifyFlexTableStyle{
	margin: 20px;	
}
.verifyHtmlStyle{
	margin-bottom: 10px;	
}
.progressBarImageStyle{
	/*background-image: url("images/progressBar.gif");*/	
	height: 5px;
}
.rightPanelStyle{
	margin-bottom: 10px;	
}
.rightInnerFlexTableStyle{
	margin-left: 10px;
	margin-right: 10px;
}
.popularityInnerVerticalPanelStyle{
	margin-right: 30px;	
}
.friendRequestScrollPanelStyle{
	margin-top: 10px;	
}
.userWhoHaveMyNoVerticalPanelStyle{
	margin-top: 10px;
	margin-bottom: 10px;	
	height: 40px;
}
.defaultModelImageDecoratorPanelStyle{
	margin-left: 30px;	
}
.findMobileNoVerticalPanelStyle{
	width: 640px;
	margin: 20px;	
}
.innerVerticalPanelStyle{
	width: 640px;
	height: 250px;
}
.nameScrollPanelStyle{
	height: 200px;
	width: 630px;	
}
.whiteRowStyle{
	background-color: white;
	/*width: 600px;*/
	/*height: 30px;*/
	margin-left: 5px;
	text-indent: 20px;
}
.blackRowStyle{
	background-color: #EFF7FC;
	/*width: 600px;*/
	/*height: 30px;*/
	margin-left: 5px;
	text-indent: 20px;
}
.namesFlexTableStyle{
	width: 612px;	
}
.namesDecoratorPanelStyle{
	margin-top: 10px;	
}
.ringToneListBoxStyle{
	width: 210px;	
}
.targetTextBoxStyle{
	width: 160px;	
}
.ringToneFlexTableStyle{
	width: 190px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 5px;	
}
.giftItDecoratorPanelStyle{
	margin-top: 5px;
}
.ringToneHeaderStyle{
	margin-right: 105px;	
}
.ringToneScrollPanelStyle{
	height: 260px;	
}
.ringToneScrollPanelAddStyle{
	width: 160px;	
}
.buttonHorizontalPanelStyle{
	width: 150px;	
}
.leftHelpImageHorizontalPanelStyle{
	width: 190px;	
}
.senderReminderHyperlinkStyle a{
	color: black;	
	text-decoration: none;
	cursor: text;
}
.lowerFlexTableEvenRowStyle{
	height: 10px;	
}

.footertxt a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: center;
	text-decoration: none;
}

.chatInnerVerticalPanelStyle{
	margin-left: 10px;
	width: 225px;	
}

.syncAgentHorizontalPanelStyle{
	text-align: center;
	width: 100px;	
}

.purchasePointsHyperlinkStyle{
	margin: 10px;	
}

.verifiedMobileHtmlStyle{
	margin-bottom: 5px;	
}


/*.....................  Referrals String Style Start  ..........................*/

.decoratorPanelStyle{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	width: 1000px;
}

/*.referralsverticalPanelStyle{
	height: 300px;
}*/

.referralsDetailHtmlStyle{
	cursor: hand;
	color: blue;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.JBSendButton{
	background-image: url("images/button-150-on.gif");	
	width: 130px;
	height: 20px;
	background-position: center;
	border: 0px;
	margin-left: 10px;
	margin-top: 10px;
	cursor: hand;
	font-family: tahoma;
	font-size: 12px;
}

.SendJBReferralsHolderStyle{
	width: 300pt;
	border : none;
	text-align: center;
	margin : 4px 4px 4px 4px;
	cursor: pointer;
	cursor: hand;
}

.htmlMessageSytle{
	margin-left: 10px;
	margin-top: 7px;
	margin-bottom: 10px;
	margin-right: 10px;
}

.JBCancelButton{
	background-image: url("images/button-100-on.gif");	
	width: 60px;
	height: 20px;
	background-position: center;
	border: 0px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: hand;
	font-family: tahoma;
	font-size: 12px;
}

.JBReferrals2HolderStyle{
	width: 300px;
}

.referralsButtonHorizontalPanelStyle{
	margin-top: 20px;
	margin-bottom: 20px;
}

.closeImageButtonStyle{
	margin-bottom: 10px;
	margin-top: 10px;
}

.messageHtmlStyle{
	margin: 15px;
}

.sendReferralsButton{
	background-image: url("images/button-100-on.gif");	
	width: 75px;
	height: 25px;
	background-position: center;
	border: 0px;
	margin-left: 4px;
	margin-top: 10px;
	cursor: hand;
}

.JBReferralsDialogBoxStyle{
	width: 800pt;
	height: 350pt;
    font-size: 14pt;
	background-color: #F0FFFF; 
}

.referralsScrollPanelStyle{
	height: 200pt;
	width: 100%;
}

.boldStyle {
	font-weight: bold;
	font-family: tahoma;
	font-size: 12px;
	margin-bottom: 10px;
}

.simpleStyle1{
	font-family: tahoma;
	font-size: 12px;
}

.simpleStyle2{
	font-weight: bold;
	font-family: tahoma;
	font-size: 12px;
	margin-left: 10px;
}

.simpleStyle3{				
	font-family: tahoma;
	font-size: 12px;
	margin-left: 10px;
}

.simpleStyle4{
	font-weight: bold;
	font-family: tahoma;
	font-size: 12px;
	margin-left: 20px;
}

.simpleStyle5{
	font-weight: bold;
	font-family: tahoma;
	font-size: 12px;
	margin-left: 70px;
}

.simpleStyle6{
	font-family: tahoma;
	font-size: 12px;
	margin-left: 70px;
}

.simpleStyle7{
	font-family: tahoma;
	font-size: 12px;
	margin-left: 15px;
}

.simpleStyle8{
	font-family: tahoma;
	font-size: 12px;
	margin-left: 40px;
}
			
.referralMessageStyle{
	margin-left: 5px;
}

/*.SendJBReferralsStyle{
	height: 1000px;
}*/

/*.....................  Referrals String Style End  ..........................*/