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

/*Default Styles******************************/	

a, a:visited, a:hover {
	color: gray;
}
.body{
	font-family: tahoma;	
}

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

.aboutJBStyle {
	font-family: tahoma;
	font-size: 12px;
	/*font-weight: bold;*/
}	

.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;
}



/******************************************************
 * HorizontalSplitPanel
 ******************************************************/
.gwt-HorizontalSplitPanel {
	
}
.gwt-HorizontalSplitPanel .hsplitter {
  cursor: move;
  border: 1px; 
  background: #91c0ef url(images/vborder.png) repeat-y;
}


/******************************************************
 * 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;
}

.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 : 4px 4px 4px 4px;
}

/*
.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

 ******************************************************/

	    
.jb-signUpDisPanel {
	font-family: tahoma;
	font-size: 12px;
	border: none;
	border-width: 0px;
	border-collapse: collapse;
}


.jb-signUpDisPanel .content {
    padding: 4px 0px 4px 8px;
    margin-left: 6px;
    width: 100%;
    border: none;
	border-width: 0px;
	border-color: transparent;
}
/*
.gwt-DisclosurePanel {
}
.gwt-DisclosurePanel-open {
}
.gwt-DisclosurePanel-closed {
}
.gwt-DisclosurePanel .header,
.gwt-DisclosurePanel .header a,
.gwt-DisclosurePanel .header td {
  text-decoration: none;
  color: black; 
  cursor: pointer;
  cursor: hand;
}
.gwt-DisclosurePanel .content {
  border-left: 3px solid #e8eef7;
  padding: 4px 0px 4px 8px;
  margin-left: 6px;
}
*/


.jb-signUpDisPanel-closed .header{
	background-image: url("images/signup-down-off.gif");
	margin-top: 5px;
	background-repeat: no-repeat;
	background-position: 40px;
	width: 210px;
	height: 39px;
	border: none;
	border-width: 0px;
	border-color: transparent;
}

.jb-signUpDisPanel-open .header{
	border: none;
	border-width: 0px;
	border-color: transparent;
	background-image: url("images/signin-box2.gif");
	background-repeat: repeat-y;
}


.jb-signUpDisPanel-closed .header h:HOVER {
	border: none;
	border-width: 0px;
	border-color: transparent;
	background-image: url("images/signup-down-on.gif");
	background-position: top;
	margin-top: 5px;
	background-repeat: no-repeat;
	background-position: 40px;
	width: 210px;
	height: 39px;
}

.jbSignUpPanel {
	width: 100%;
	height: 100%;
}	

/*
.jb-signUpDisPanel-open .header{

}
*/

.forgetPasswordVP {
	background-image: url("images/signin-box2.gif");
	background-repeat: repeat-y;
	font-family: tahoma;
	font-size: 12px;
	width: 100%;
}	

.jbScratchCodeTextBox {
    font-family: tahoma;
    font-size: 12px;
    width: 143px;
    height: 15px;
    color: graytext;
}	

.forgotPasswordDisclosurePanel-open .header {
	border: none;
	border-width: 0px;
	border-color: transparent;
	background-image: url("images/signin-box2.gif");
	background-repeat: repeat-y;
}	

.forgotPasswordDisclosurePanel-closed .header{
	background-image: url("images/getpwd-off-close.gif");
	margin-top: 5px;
	background-repeat: no-repeat;
	background-position: 40px;
	width: 210px;
	height: 39px;
	border: none;
	border-width: 0px;
	border-color: transparent;
}


.jb-SignUpFlexPanel {
	margin-top: 10px;
	margin-left: 10px;
	vertical-align: bottom;	
}

.jb-signInPanel {
	font-size: 12px;
	font-family: verdana;
}
.jb-ImageHyperlink {
    border: none;
   	border-collapse: collapse;
    background-color: transparent;
    background-position: 30px;
    background-color: yellow;
}
.jb-ForgetPasswordFlexPanel {
	margin-left: 25px;
	margin-top: 10px;
	font-family:: tahoma;;
	font-size: 12px;
}


.signUpFooter{
	background-image: url("images/signin-box3.gif");	
}
.header { the header section }

.signUpButton {
	border: none;
	background-image:url("images/signup-right-off.gif"); 
	width: 112px;
	margin-left: 30px;
	cursor: pointer;
	height: 35px;
	border: none;
}
	
.alreadyAUser A  {
	margin-left: 50px;
	border: none;
	font-family: tahoma;
	font-size: 12px;
	text-decoration: none;
	color: #333333;
}

.alreadyAUser a:hover      {
	margin-left: 50px;
	border: none;
	font-family: tahoma;
	font-size: 13px;
	color : black;
	text-decoration: underline;
}

.captionLabel {
	margin-top: 12px; 
	color : black; 
	font-family: tahoma;
	font-size: 12px;
	margin-left: 15px;
	border: none;
	}
.veryWeakLabel {
	background-image: url("images/pwd-veryweak.gif");
	background-position: bottom; 
	font-family: tahoma;
	font-size: 10px;
	height: 22px;
	background-repeat: no-repeat;	
	
}
.weakLabel {
	background-image: url("images/pwd-weak.gif");
	background-position: bottom; 
	font-family: tahoma;
	font-size: 10px;
	height: 22px;
	background-repeat: no-repeat;	
	
}
.veryStrongLabel {
	background-image: url("images/pwd-verystrong.gif");
	background-position: bottom; 
	font-family: tahoma;
	font-size: 10px;
	height: 22px;
	background-repeat: no-repeat;		
}
.strongLabel {
	background-image: url("images/pwd-strong.gif");
	background-position: bottom; 
	font-family: tahoma;
	font-size: 10px;
	height: 22px;
	background-repeat: no-repeat;	
}
.mediocreLabel {
	background-image: url("images/pwd-fair.gif");
	background-position: bottom; 
	font-family: tahoma;
	font-size: 10px;
	height: 22px;
	background-repeat: no-repeat;	
}

.passwordLabel  {
	font-family: tahoma;
	font-weight: bold;
	font-size: 10px;
}

.signInImageButton {
	border: none;
	margin-left: 30px;
}
.signUpHyperlink {
	border: none;
	margin-left: 30px;
}
.forgotPassword A {
	padding-top : 15px;
	
	padding-left: 10px;
	
	padding-bottom: 10px;
	color: black;
	font-family: tahoma;
	font-size: 12px;
	text-decoration: none;
}

.forgotPassword a:hover      {
	padding-top : 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	
	border: none;
	font-family: tahoma;
	font-size: 13px;
	color: gray;
	text-decoration: underline;
}

.forgetPasswordButton {
	border: none;
	margin-left: 10px;
}

.closeForgetPasswordPanel A  {
	margin-left: 40px;
	border: none;
	font-family: tahoma;
	font-size: 12px;
	text-decoration: none;
	color: #333333;
}

.closeForgetPasswordPanel a:hover      {
	border: none;
	font-family: tahoma;
	font-size: 13px;
	color : black;
	text-decoration: underline;
}

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

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

.registeredEmail {
	font-family: tahoma;
	font-size: 12px;
	color: green;
}


/* HTML Styles START *************************/
.tourLink {
	font-family : Arial;
	font-size : 9pt;
	font-weight: bold;
	color : #993300;
	text-decoration: none;
}
	
.tourLink a:HOVER{
	font-weight: bolder;
	}
	
.transparentBG{
	background: transparent;
}

.demoLink{	
	border : none;
	padding-left: 4px;
	padding-right: 4px;
}

.demoLinkColumn{
	padding-top: 20px;
}


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

/* Arindam Start */

.whiteRowStyle{
	background-color: DCE8DF;
	width: 600px;
	height: 30px;
	margin-left: 5px;
	text-indent: 20px;
}
.blackRowStyle{
	background-color: #AAC6DA;
	width: 600px;
	height: 30px;
	margin-left: 5px;
	text-indent: 20px;
}
.findMobileNoVerticalPanelStyle{
	width: 650px;
	margin: 50px;	
}
.innerVerticalPanelStyle{
	width: 650px;
	height: 400px;
}
.buttonHorizontalPanelStyle{
	width: 160px;	
}
.namesFlexTableStyle{
	width: 640px;	
}
.upperDecoratorPanelStyle{
	width: 650px;
	background-color: #AAC6DA;
}
.nameScrollPanelStyle{
	height: 200px;
	/*width: 630px;*/	
}

.loadingImageHtmlStyle{
	background-color: transparent;
	border: none;	
}
.findYourMobileHyperlinkStyle a{
	font-family: tahoma;
	font-size: 12px;
	color: #4D83B0;	
	text-decoration: none;	
}
.findYourMobileHyperlinkStyle a:HOVER{
	font-family: tahoma;
	font-size: 12px;
	color: #4D83B0;
	text-decoration: underline;	
}

.findMobileFlexTable1stColStyle{
	width: 200px;
	text-align: left;
}
.findMobileFlexTable2ndColStyle{
	width: 200px;
	text-align: left;
}
.signInFlexPanelStyle{
	margin-left: 20px;	
}
.mobileHtmlStyle{
	font-family: tahoma;
	font-size: 10px;
	color: red;	
}
.shortCodeHelpHtmlStyle{
	margin-left: 5px;
	margin-right: 5px;	
}
.imageButtonStyle {
	margin-left: 20px;
		
}
.imageStyle{
	border: none;	
}

.termsConditionsCheckBoxStyle{
	font-family: tahoma;
	margin-right: 10px;	
}
.parentVerticalPanelStyle{
	margin-left: 10px;	
	font-family: tahoma;
}
.getConfirmationCodeButtonStyle{
	margin-top: 5px;	
}
.signupButtonStyle{
	margin-top: 5px;
	margin-left: 40px;	
}
.closeDisclosurePanelHyperlinkStyle{
	margin-left: 15px;
	margin-top: 10px;
	font-size: 11px;
}

/* Arindam End */
/* HTML Styles END *************************/



/**************************************************************************************/