/* CSS Document */

@font-face {
    @font-face {
           font-family: 'Futura Bk BT';
           src: url('font/tt0140m_.eot?') format('eot'),
           url('font/tt0140m_.woff') format('woff'),
           url('font/tt0140m_.ttf') format('truetype');
}       
 
}


body{
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	}
.wrapper{
	width: 100%;
	height: 100%;
	background: #FFF;
	}	
.slider, .footer, .content{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	}

.slider{
	height: 304px;
	background: url(../images/slider.jp) top center no-repeat;
	border: 0px solid #F3F3F3; 
	overflow: hidden;
	}
.subFeatures{
	height: 210px;
	background: url(../images/bgFeature.jpg) top left repeat-x;
	border: 1px thick #DFDFDF;
	}
.content{
	min-height: 300px;
	background:#FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 0px;
	text-align: justify;
	}
.firstFeature, .secondFeature{
	width: 100%;
	min-height: 300px;
	}
.firstFeature{
	background: #F8F8F8; 
	}
.leftFirstFeature{
	width: 600px;
	min-height: 300px;
	float: left;
	}
.rightFirstFeature{
	width: 340px;
	min-height: 300px;
	float: right;
	background: url(../images/bgRIght.png) top left no-repeat;
	}
.secondFeature{
	background: #FFF; 
	line-height: 1.35;
	}	
.div1, .div2, .div3{
	width: 300px;
	height: 300px;
	overflow: hidden;
	border-radius: 5px;
	float:left;
	background: #EBECE7;
	margin: 10px 0px 10px 0px;
	}
.div2, .div3{
	margin-left: 30px;
	}
span.readFirst a{
	background: #0086E0;
	padding: 7px 10px;
	color: #FFF;
	border-radius: 5px;
	text-decoration:none;
	}
span.readFirst a:hover{
	color: #F7B11F;
	}
span.readSecond a{
	background: #0086E0;
	padding: 7px 10px;
	color: #FFFFFF;
	border-radius: 5px;
	text-decoration:none;
	}
span.readSecond a:hover{
	color: #FFF;
	}
.headingFirst{
	font-size: 18px;
	font-weight: 600;
	color: #0086E0;
	text-transform:capitalize;	
	padding: 0px 0px 7px 0px;
	}
.headingSecond{
	font-size: 16px;
	font-weight: 600;
	color: #0086E0;
	padding: 7px 0px 5px 0px;
	}
.newsBox{
	background: #F4F4F4;
	padding: 10px;
	border-radius: 5px;
	}
span.date{
	color: #0086E0;
	font-weight:500;
	font-size:10px;
	padding: 5px 0px 10px 0px;
	}
.footer{
	min-height: 150px;
	background: #000;
	color: #FFF;
	margin-top: 20px;
	}

/* NORMAL BSCOM STYLE FOR ALL PORTAL */


.logout{
	position:absolute;
	right: 0px;
	top: 50px;
	color: #fff;
	text-align: right;
	text-transform:uppercase;
	font-size: 12px;
	}
.logout a{
	font-size: 12px;
	color: #fff;
	}
.register{
	position:absolute;
	right: 0px;
	top: 50px;
	color: #fff;
	text-align: right;
	text-transform:uppercase;
	
	}
.register a{
	color: #FFF;
	font-size: 12px;
	}
.login{
	position:absolute;
	right: 110px;
	top: 49px;
	color: #fff;
	text-align: right;
	text-transform:uppercase;
	font-size: 12px;
	}
.login a{
	color: #FFF;
	font-size: 12px;
	}

/* FORM STYLING BEGINS HERE */
.formTable{
    border: 1px solid #ccc;
    padding: 10px 5px;
    width: 90%;
    border-radius: 5px;

    }

.formHeader {
    font-size: 22px;
    font-weight: lighter;
    color: #333;
    background: url(../images/textFieldBg.jp) repeat-x top left;
    height: 30px;
    padding-top: 5px;
	border-bottom: 1px solid #CCC;
	padding-bottom: 1px;
	text-align: left;
}
.formSubHeader {
    height: 15px;
    border-bottom: 1px solid #666;
	padding: 10px 0px 5px 0px;
	 font-size: 13px;
    font-weight: 700;
    color: #333;
    text-align: left;
}
.formSubHeader2 {
    font-size: 18px;
    font-weight: lighter;
    color: #333;
    height: 30px;
    padding-top: 5px;
	border-bottom: 1px solid #CCC;
	padding-bottom: 1px;
	text-align: left;
}
.formChildHeader{
	font-size: 16px;
	font-weight:600;
	color:#220000;
	}
.formSub {
    background: #0066CC;
    color: #fff;
    padding: 8px;
	font-size: 18px;
	font-weight:600;

}
.gridBorder tr td.gridHeader {
    border-collapse: collapse;
    padding-left: 5px;
}
.gridHeader{
	height: 35px;
	color: #FFF;
	line-height: 2;
	font-weight:600;
    font-size: 14px;
	background: url(../images/bgGrid.jpg) top left repeat-x #666  ;
    border-collapse: collapse;
    border-radius: 0px 4px;
	text-align: left;
	}
.gridHeader2{
	height: 35px;
	color: #FFF;
	line-height: 2;
	font-weight:600;
    font-size: 12px;
	background: url(../images/bgGrid.jpg) top left repeat-x #666  ;
    border-collapse: collapse;
    border-radius: 0px 4px;
	text-align: left;
	}
.gridAlt{
	background:#EEEEEE;
	height: 35px;
    border-bottom: 1px solid #ccc;
	}
.gridItem{
	height: 35px;
    border-bottom: 1px solid #ccc;
   	}
.gridBorder{
	border: 1px solid #666 !important;
	padding: 2px;
    width: 100%;
    padding: 0px 2px;
    font-size: 12px;
    border-collapse: collapse;
	}
.gridButton, .gridButton a{
	background: url(../images/buttonBg.jpg) top left repeat-x #000;
	padding: 5px 8px;
	color: #FFF !important;
	line-height: 2.2em;
	border-radius: 5px;
	text-decoration:none !important;
	margin: 5px 0px 5px 0px;
	border: 1px solid #ccc;
    cursor:pointer;
	text-align:center;
	}
.gridButton:hover, .gridButton a:hover{
	color: #fff !important;
	border: 1px solid #fff;
	}
.gridButton2, .gridButton2 a{
	background: url(../images/buttonBg.jpg) top left repeat-x #000;
	display: block;
    width: 100px;
	height: 25px;
	color: #FFF !important;
	line-height: 2.2em;
	border-radius: 5px;
	text-decoration:none !important;
	margin: 5px 0px 5px 0px;
	border: 1px solid #ccc;
    cursor:pointer;
	text-align:center;
	}
.gridButton:hover, .gridButton a:hover{
	color: #fff !important;
	border: 1px solid #fff;
	}
.tableBorder{
	background: #fff;
	border-radius: 5px;
	border: 1px solid #CCC;
	margin-top: 5px;
	padding: 10px;
	}
		.mainTitle{
	font-size: 18px;
	color: #333333;
	padding: 5px 0px 10px 0px;
	border-bottom: 1px solid #333;	
	font-weight:600;
	}
	.pageTitle{
	font-size: 18px;
	color: #333333;
	padding: 5px 0px 10px 0px;
	border-bottom: 1px solid #333;	
	font-weight:600;
	}

.pageSubTitle {
font-size: 15px;
font-weight:bold;
color: #333;
height: 30px;
padding-top: 5px;
border-bottom: 1px solid #CCC;
text-align: left;
padding-left:10px;
}

.button, .smallButton, .longButton, .uploadButton,.sbutton{
	font-size:12px;
	border: 0px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration:none;
	padding: 0px;
	margin: 0px;
  
	}
	
.button {
	color:#FFF;
	background: url(../images/buttonBg.jpg) top left repeat-x #CCC;
	display: block;
    min-width: 110px;
    height: 30px;
	border: 2px solid #0060BF;
	font-weight:500;
	padding: 0px 3px;
	  }
.button:hover {
    color:#FFF;
	border: 2px solid #09F;
	
  }
  
  .sbutton {
	color:#FFF;
	background: url(../images/buttonBg.jpg) top left repeat-x #CCC;
	display: block;
    min-width: 110px;
    height: 30px;
	border: 2px solid #0060BF;
	font-weight:500;
	margin-right: 6px;
	  }
.sbutton:hover {
    color:#FFF;
	border: 2px solid #09F;
	
  }
.smallButton {
	color:#fff;
	background: #666;
	text-decoration:none;
	padding: 5px;
  }
.smallButton:hover {
    color:#fff;
	background:#0066CC;
  }
.longButton {
	color:#fff;
	background: #06C;	
	min-width: 150px;
    height: 30px;
   }
  
.longButton:hover {
    color:#fff;
	background:#0066FF;
  }
.uploadButton 
{
    color:#fff;
	background: #808080;
	padding: 7px;
	border-top: 1px solid #000;
	border-right: 1px solid #ccc;
    }
.uploadButton:hover 
{
    background: #ccc;
    color:#000;
    }
	
select {
	height: 30px;
	line-height: 2.2em;
	padding-top: 2px;
	padding-left: 5px;
	background: url(../images/textFieldBg.jpg) repeat-x top left;
	margin-bottom: 5px;
	border: 1px solid #ccc;
}

select:active, select:focus {
    line-height 2.2em;
    }
input[type="text"], input[type="password"], input[type="email"] {
    height: 30px;
    background: url(../images/textFieldBg.jpg) repeat-x top left;
    border: 0px;
    border: 1px solid #ccc;
    padding-left: 5px;
    max-width: 98% !important;
	margin-bottom: 5px;
    	}
input[type="text"]:focus,input[type="text"]:hover  {
    background: url(../images/textFieldBg.jpg) repeat-x top left;
    border: 0px;
    border: 1px solid #220000;
}
textarea {
    min-height: 30px;
    background: url(../images/textFieldBg.jpg) repeat-x top left;
    border: 0px;
    border: 1px solid #ccc;
    padding: 5px  0px 0px 0px;
	margin-bottom: 5px;
	max-width: 98% ;
  }

textarea:focus, textarea:hover  {
    background: url(../images/textFieldBg.jpg) repeat-x top left;
    border: 0px;
    border: 1px solid #220000;
}

/* FORM STYLING ENDS HERE */
.formTab{
	margin-left: auto;
	margin-right: auto;
	width: 45%;
	margin-top: 20px;
	}
.formTab2{
	margin-left: auto;
	margin-right: auto;
	width: 80%;

	}
.formWrap2{
	border: 1px solid #CCC;
	float: left;
	width: 100%;
	-webkit-box-shadow:  2px 2px 5px 3px rgba(10, 10, 10, 0.2);
    box-shadow:  2px 2px 5px 3px rgba(10, 10, 10, 0.2);
	margin-top: 20px;
	background: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin: 0 auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 20px;
	}

.formWrap{
	border: 1px solid #CCC;
	float: left;
	min-width: 250px;
	-webkit-box-shadow:  2px 2px 5px 3px rgba(10, 10, 10, 0.2);
    box-shadow:  2px 2px 5px 3px rgba(10, 10, 10, 0.2);
	margin-top: 20px;
	background: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin: 0 auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 0px;
	}

.loginBox{
	max-height: 50px;
	background:#0076C5;
	color: #FFF;
	font-size:20px;
	font-family:Gisha, Arial;
	text-align: center;
	padding: 10px 0px 0px 0px;
	}
.loginBox2{
	height: 50px;
	background:#0076C5;
	color: #FFF;
	font-size:20px;
	font-family:Gisha, Arial;
	text-align: center;
	padding: 10px 0px 0px 0px;
	}
.regBox{
	height: 50px;
	background:#999;
	color: #fff;
	font-size:20px;
	font-family:Gisha, Arial;
	text-align: center;
	padding: 10px 0px 0px 0px;
	}
.logButton2{
	background: url(../images/buttonBg.jpg) top left repeat #CCC;
	color: #FFF;
	text-align: center;
	display:block;
	width: 120px;
	height: 35px;
	cursor:pointer;
	border: 0px;
	border-top: 1px #000 solid;
	border-left: 1px #481202 solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:14px;
	border: 2px solid #0060BF;
		}
.logButton2:hover{
	color: #FFF;
	border: 2px solid #09F;
	}

.logButton{
	background: url(../images/buttonBg.jpg) top left repeat #CCC;
	color: #FFF;
	text-align: center;
	display:block;
	max-width: 120px;
	max-height: 35px;
	cursor:pointer;
	border: 0px;
	border-top: 1px #000 solid;
	border-left: 1px #481202 solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:14px;
	border: 2px solid #0060BF;
		}
.logButton:hover{
	color: #FFF;
	border: 2px solid #09F;
	}

.passText{
	color:#F90;
	font-size:12px;
	
	}
.passText:hover{
	color:#05AFE7;
	font-size:12px;
	}
input.logTexbox2, select.logTexbox2{
	border: #0099FF 1px solid; 
    padding:0px 0px 0px 5px; 
	font-weight: bold;
    font-size: 14px; 
	background: #fff; 
	width: 280px !important;
	color: #666; 
	padding-top: 0px; 
    height: 40px!important;
}
input.logTexbox2:focus, input.logTexbox2:hover, select.logTexbox2:focus, select.logTexbox2:hover{
	border: #999 1px solid;
	}

input.logTexbox, select.logTexbox{
	border: #0099FF 1px solid; 
    padding:0px 0px 0px 5px; 
	font-weight: 500;
    font-size: 12px; 
	background: #fff; 
	max-width: 280px !important;
	color: #666; 
	padding-top: 0px; 
    max-height: 40px!important;
}
input.logTexbox:focus, input.logTexbox:hover, select.logTexbox:focus, select.logTexbox:hover{
	border: #999 1px solid;
	}								

								
.logText{
	font-size: 16px;
	font-weight:lighter;
	}
.construction{
	background: url(../images/contentConstruct.jpg) top left no-repeat;
	width: 960px;
	height: 607px;
	}
	
.paymentOption{
	background: url(../images/payBg.png) top center no-repeat;
	border-radius: 5px;
	height: 300px;
	border: 2px solid #333;
	margin-top: 20px;
	}
.payButton{
	color: #333;
	cursor: pointer;
	min-width: 70px;
	height: 35px;
	background: #F0F0F0;
	border-radius: 5px;
	border: 0px;
	border: 2px solid #333333;
	}
.payButton:hover{
	background: #F3F3F3;
	color: #000000;
	border: 2px solid #0099FF;
	}

.tdtop2{
	background: url(../images/bgTdTop.jpg ) top center repeat-x;
	height: 45px;
	color: #333;
	text-align: center;
	font-size: 14px;
	font-weight:700;
	text-transform: uppercase;
	}
.cardDetails{
	width: 70%;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #CCC;
	margin-top: 10px;
	padding: 10px;
	}
.cardDetails ul li{
	list-style:square;
	line-height: 2;
	}
.NormalBold{
	font-size: 14px;
	font-weight:600;
	}
.successBox{
	border: 1px solid #999;
	text-align: center;
	}
	
.successText{
	font-size: 14px;
	font-weight:600;
	text-align: center;
	padding: 5px 0px;
	color :Green;
	}
.InvoiceTitle{
	font-size: 14px;
	color: #06F;
	padding: 5px 0px;
	font-weight:bold;
	}
.tdTitle{
	font-size: 13px;
	font-weight:700;
	}
.ReceiptTitle{
	font-size: 14px;
	color: #09F;
	font-weight:700;
	}
	
.ReceiptDetails{
	border: 1px solid #999;
	padding: 5px;
	background: url(../images/logoEmbed.png ) center center no-repeat;
	}

span.welcomeText{
	background: #004488;
	color: #FFF;
	width: 40%;
	margin: 0 auto;
	text-align:center;
	padding: 5px;
	border-radius: 5px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 14px;
	font-weight:600;
	display:block;
	}
/* END OF STYLE FOR BSCOM STYLE */

/* SOCIAL ICONS - GENERAL */
.social { list-style:none; margin:10px auto; width:100%;  padding: 0px 0px 0px 30px; }
.social li { display:inline; float:left; background-repeat:no-repeat;  }
.social li a { display:block; width:100px; height:80px; padding-right:40px; position:relative; text-decoration:none; margin: 0px; }
.social li a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999;
 text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7);
 -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

li.viewfare { background-image:url("../images/viewFaresMini.png"); }
li.specialbook { background-image:url("../images/specialBookMini.png"); }




/* SOCIAL ICONS - CSS3 */
#css3:hover li { opacity:0.4; }

#css3 li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;
 -moz-transition-property: opacity; -moz-transition-duration: 500ms; }
#css3 li a strong { opacity:0;
 -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms;
 -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; }

#css3 li:hover { opacity:1; }
#css3 li:hover a strong { opacity:1; top:-10px; }



/* SOCIAL ICONS - GENERAL */
.social2 { list-style:none; margin:10px auto; width:100%;  padding: 0px 0px 0px 30px; }
.social2 li { display:inline; float:left; background-repeat:no-repeat;  }
.social2 li a { display:block; width:100px; height:80px; padding-right:40px; position:relative; text-decoration:none; margin: 0px; }
.social2 li a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999;
 text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7);
 -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}


li.bookticket { background-image:url("../images/ticketMini.png"); }
li.registerMini { background-image:url("../images/registerMini.png"); }



/* SOCIAL ICONS - CSS3 */
#css3:hover li { opacity:0.4; }

#css3 li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;
 -moz-transition-property: opacity; -moz-transition-duration: 500ms; }
#css3 li a strong { opacity:0;
 -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms;
 -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; }

#css3 li:hover { opacity:1; }
#css3 li:hover a strong { opacity:1; top:-10px; }


.contact{
	height: 230px;
	border: 1px solid #09F;
	line-height:1.2;
	padding: 0px 5px;
	}
span.contactTitle{
	background: #06F;
	color: #FFF;
	text-align: center;
	display:block;
	width: 100%;
	height: 30px;
	line-height: 25px;
	text-transform:uppercase;
	font-weight:600;
	margin-bottom: 15px;
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	}
.busBox{
	border: 2px solid #999;
	margin-top: 3px;
	text-align: left;
	}
	
	
/* SECOND GRID STYLE*/

.GridHeader{
	height: 35px;
	color: #FFF;
	line-height: 2;
	font-weight:600;
    font-size: 14px;
	background: url(../images/bgGrid.jpg) top left repeat-x #666  ;
    border-collapse: collapse;
    border-radius: 0px 4px;
	text-align: left;
	}
.altTab{
	background:#EEEEEE;
	height: 35px;
    border-bottom: 1px solid #ccc;
	}
.gridItem{
	height: 35px;
    border-bottom: 1px solid #ccc;
   	}
.gridBorder{
	border: 1px solid #666 !important;
	padding: 2px;
    width: 100%;
    padding: 0px 2px;
    font-size: 12px;
    border-collapse: collapse;
	}
.gridBtn, .gridBtn a{
	background: url(../images/buttonBg.jpg) top left repeat-x #000;
	display: block;
    min-width: 70px;
	height: 25px;
	color: #FFF !important;
	line-height: 2.2em;
	border-radius: 5px;
	text-decoration:none !important;
	margin: 5px 0px 5px 0px;
	border: 1px solid #ccc;
    cursor:pointer;
	text-align:center;
	}
.gridBtn:hover, .gridBtn a:hover{
	color: #fff !important;
	border: 1px solid #fff;
	}
	
.tablesubheader {
    font-size: 22px;
    font-weight: lighter;
    color: #333;
    background: url(../images/textFieldBg.jp) repeat-x top left;
    height: 30px;
    padding-top: 5px;
	border-bottom: 1px solid #CCC;
	padding-bottom: 1px;
	text-align: left;
}

/* SECOND GRID STYLE END HERE */

.tblParent{
	font-size: 12px;
	line-height: 2.2em;
	color: #333;
	text-align: justify;
	font-family:Tahoma, Geneva, sans-serif;
	}
.pageHeadTerms{
	font-size: 32px;
	color: #000;
	font-weight:700;
	padding-bottom:15px;
	}
.pageHeadSub{
	font-size: 22px;
	color: #5895FA;
	font-weight:600;
	padding-bottom:5px;
	border-bottom: 1px solid #333;
	}
.tblParent ul{
	margin: 0px;
	padding: 0px;
	}
.tblParent ul li{
	margin: 0px;
	padding: 0px;
	
	}
.tblParent ul li a{
	 color: #666666;
	 font-weight:600;
	 text-decoration:none;
	}
.tblParent ul li a:hover{
	 color: #D70000;
	 font-weight:600;
	 text-decoration:underline;
	}

.downloadPdf a{
	padding: 5px;
	display: block;
	background: #0C32B8;
	color: #fff;
	font-size: 14px;
	text-align: center;
	max-width: 30%;
	text-decoration:none;
	text-transform:uppercase;
	border-radius:5px;
	font-weight:600;
	}
.downloadPdf a:hover{
	background: #333333;
	color: #fff;
		}
form#Mario {
	width: 80%;
	margin: auto;
	border: 1px solid #999;
	padding: 5px 10px;
	border-radius: 5px;
	}
.payTxtBox{
	border: 0px;
	margin: 10px 0px 10px 0px;
	font-weight: 600;
	margin: auto;
	width: 100%!important;
	padding: 3px 5px !important;
	}
.labelMargin{
	margin-left: 50px;
	}
.floatLeft{
	float: left !important;
	}
.floatRight{
	float: right !important;
	}
.paymentForm
	{
	width: 80%;
	margin: auto;
	border: 1px solid #999;
	padding: 5px 10px;
	border-radius: 5px;
	}
.payButtonSwitch{
	background: #036;
	color: #fff;
	display:block;
	width: 170px;
	height: 40px;
	border:0px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	line-height: 2.5em;
	margin-right: 10px;
}
.payButtonSwitch:hover{
	background: #039;
	color: #fff;
		}
.refCode{
	color: red;
	padding: 5px 0px;
	}
	
#Mario label{
	display: inline-block;
	width: 170px;
	margin: 10px 0px 0px 0px;
	float:left;
	}
/* INTERSWITCH PAYMENT STYLING START HERE */

.paySuccess{
	font-size: 24px;
	color: #039;
	text-align: left;
	font-weight:600;
	}
.payTitle{
	font-size: 20px;
	color: #333;
	text-align: left;
	}
.payError{
	font-size: 24px;
	color: #F00;
	text-align: left;
		font-weight:600;

	}
.success{
	background: #06F;
	color: #fff;
	padding: 5px;
	}
.error{
	background: #FF0000;
	color: #fff;
	padding: 5px;
	}
.interswitchTbl{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	line-height: 26px;
	}
#logoBg2 {min-height: 120px; position:relative; z-index:2;  
			background-image: linear-gradient(right bottom, rgb(0,65,114) 41%, rgb(0,104,164) 54%, rgb(0,162,232) 72%);
			background-image: -o-linear-gradient(right bottom, rgb(0,65,114) 41%, rgb(0,104,164) 54%, rgb(0,162,232) 72%);
			background-image: -moz-linear-gradient(right bottom, rgb(0,65,114) 41%, rgb(0,104,164) 54%, rgb(0,162,232) 72%);
			background-image: -webkit-linear-gradient(right bottom, rgb(0,65,114) 41%, rgb(0,104,164) 54%, rgb(0,162,232) 72%);
			background-image: -ms-linear-gradient(right bottom, rgb(0,65,114) 41%, rgb(0,104,164) 54%, rgb(0,162,232) 72%);
			
			background-image: -webkit-gradient(
				linear,
				right bottom,
				left top,
				color-stop(0.41, rgb(0,65,114)),
				color-stop(0.54, rgb(0,104,164)),
				color-stop(0.72, rgb(0,162,232))
				);
				margin-bottom: 10px;
}
#logoPanes2{width:960px;margin:auto; padding-top: 15px; background:url(../images/logoBg.png) left top no-repeat; height: 129px;}

/* INTERSWITCH PAYMENT STYLING END HERE */

.accountName{
	color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    margin-top: 1px;
    text-transform: uppercase;
    width: 150px;
	}
.totalTable{
	border: 1px solid #F7F7F7;
	font-size: 14px;
	padding:10px 7px;
	
	}
.totalAmount{
	font-weight: 700;
	}

/* SECOND GRID STYLE END HERE */

#loginDrop{}
nav{
	position:absolute;
	top: 112px;
	z-index: 999;
	left: 1090px;
	}
	
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  float: right;
  background: #eee;
  border-bottom: 1px solid #fff;
   -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;    
}

nav li {
  float: left;
  list-style: none;          
}

nav #login {
  border-right: 1px solid #ddd;
  -moz-box-shadow: 1px 0 0 #fff;
  -webkit-box-shadow: 1px 0 0 #fff;
  box-shadow: 1px 0 0 #fff;  
}

nav #login-trigger,
nav #signup a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 25px;
  line-height: 25px;
  font-weight: bold;
  padding: 0 8px;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 #fff; 
}

nav #signup a {
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

nav #login-trigger {
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

nav #login-trigger:hover,
nav #login .active,
nav #signup a:hover {
  background: #fff;
}

nav #login-content {
  display: none;
  position: absolute;
  top: 24px;
  right: 0;
  z-index: 9999;    
  background: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee),);
  background-image: -webkit-linear-gradient(top, #fff, #eee);
  background-image: -moz-linear-gradient(top, #fff, #eee);
  background-image: -ms-linear-gradient(top, #fff, #eee);
  background-image: -o-linear-gradient(top, #fff, #eee);
  background-image: linear-gradient(top, #fff, #eee);  
  padding: 15px;
  -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  -moz-border-radius: 3px 0 3px 3px;
  -webkit-border-radius: 3px 0 3px 3px;
  border-radius: 3px 0 3px 3px;
  opacity: 0.95;
  filter:Alpha(opacity=95)
}

nav li #login-content {
  right: 0;
  width: 250px;
  height: 320px;
}

/*LOGIN TAB STYLE END HERE*/

/*E Scholar CSS START*/
.mainTableWrapper{
                   width: 960px;
                   margin: 0 auto;
                   }
        
        .mainBanner{
          width:960px;  
          height:260px;
          background-image: url(../images/escholarbanner.png);
          }
            
         .rowBorders{
            border: solid #ccc 1px;  
            -webkit-box-shadow: 0 8px 6px -6px black;
            -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
            padding-bottom: 10px;
                }
         
        
          .welcomeBox{
              border:1px dashed #ddd;
              padding:10px;
              height:80px;
              
              }
              
			  .welcomeBox #mainP{
                 font-family:Leelawadee;
                 font-size:18px; 
                 color:#007FFF;
                 font-weight:bold;
                 margin-top:0px;
                 
                 }
              
              .welcomeBox p{
                 font-family:Leelawadee;
                 font-size:13px;
                 line-height:16px;
                 margin-top:-5px;
                 color:#666;
                  }
                  
               .dashB1{
                   height:126px;
                   background-image: url(../images/dashB1img.png);
                   background-repeat: no-repeat;
	               background-position:  center;
                   }
                   
                .dashB2{
                   height:126px;
                   background-image: url(../images/dashB2img.png);
                   background-repeat: no-repeat;
	               background-position: center center;
                   }
                   
                .dashB3{
                   height:126px;
                   background-image: url(../images/dashB3img.png);
                   background-repeat: no-repeat;
	               background-position: center center;
                   }
                   
               .dashBTxt {
                 font-family:Myriad Pro;
                 color:#007FFF;
                 text-align:center;
                 background-image: url(../images/dashBTxtimg.png);
                 background-repeat: no-repeat;
                   }
                   
                 .dashBTxt:hover {
                   background-image: url(../images/dashBTxthoverimg.png);
                    background-repeat : no-repeat;  
                     }   
                .dashBTxt a{
                   text-decoration:none;
                   color:#007FFF;
                   font-size:15px;
                    }
                    
                 .dashBTxt a:hover  {
                    color:Maroon;
                    }
                   
               .dashBcontent{
                   height:150px;
                   color:#666;
                   font-size:12px;
                   font-family:Verdana;
                   padding:10px;
                   border: solid #ddd 1px;  
                   line-height:16px;
                  
                   }
                   
                 .dashBcontent p{
                    line-height:8px; 
                     }


.lnkBtn, .lnkBtn a{
	background: url(../images/buttonBg.jpg) top left repeat-x #000;
	padding: 5px 8px;
	color: #FFF !important;
	line-height: 2.2em;
	border-radius: 5px;
	text-decoration:none !important;
	margin: 5px 0px 5px 0px;
	border: 1px solid #ccc;
    cursor:pointer;
	text-align:center;
	background: #356094;
    border: solid 1px #2A4E77;
	}
.lnkBtn:hover, .lnkBtn a:hover{
	color: #fff !important;
	border: 1px solid #fff;
	}
/*E Scholar CSS END*/