@charset "utf-8";
/* CSS Document */
body {
    margin: 0;
    padding: 0;
    text-align: center; 
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
.centered {
    margin: 0 auto;
    width: 90%;
	/*background-color:#FC0;*/
}
.align-left
{
	text-align:left;
}

.align-right
{
	text-align:right;
}

.align-center
{
	text-align:center;
}

.bodydiv{
	width:100%;
	height:auto;
}
.clear{
	clear:both;
}
.header-div{
	height:91px;
	width:100%;
}
.logo{
	background: url(images/logo.jpg) no-repeat;
	height:75px;
	width:218px;
	float:left;
	margin-left:5px;
	margin-top:5px;	
}
.top-right-div{
	height:90px;
	float:right;
	margin-right: 7px;
}
.top-right-div .logout{
	height:15px;
	background: url(images/logout.gif) no-repeat;
	padding-left: 19px;
	color:#b50027;
	margin-top:10px;
	float:right;
}
.top-right-div .logout a{
	text-decoration:none;
	color:#b50027;
}
.top-right-div .logout a:hover{
	text-decoration:underline;
	color:#f18708;
}
.skyagent{
	background: url(images/skyagent.gif) no-repeat;
	height:15px;
	width:99px;
	margin-top: 47px;
}
*html .skyagent{/* only for ie6 */	
	float:right;
}
.content-div{
	padding-top:30px;
	width:100%;	
}
.content-div .leftarea{
		width:15%;
		float:left;		
}
.content-div .rightarea{
		width: 85%;
		float:left;
}
*html .content-div .rightarea{
		width: 75%;
		float:left;
}
.menubox-top{
	background: url(images/menubox-top.png) no-repeat;
	height:6px;
	width:206px;
	float:left;
}
.menubox-mid{
	background: url(images/menubox-mid.png) repeat-y;
	height:100%;
	width:206px;
	float:left;
}
*html .menubox-mid
{
	margin-top:-10px;
}
.menubox-bottom{
	background: url(images/menubox-bottom.png) no-repeat;
	height:6px;
	width:206px;
	float:left;
}

.box-top{
	background: url(images/top.png) no-repeat;
	height:6px;
	width:757px;
}
.box-mid{
	background: url(images/mid.png) repeat-y;
	height:100%;
	width:757px;
}
.box-bottom{
	background: url(images/bottom.png) no-repeat;
	height:6px;
	width:757px;
}

.fullbox-top{
	background: url(images/full-top.png) no-repeat;
	height:6px;
	width:983px;
}
.fullbox-mid{
	background: url(images/full-mid.png) repeat-y;
	height:100%;
	width:983px;
}
.fullbox-bottom{
	background: url(images/full-bottom.png) no-repeat;
	height:6px;
	width:983px;
}
.fullbody-content{
	width:100%;
	padding:10px;
}

ul{
	list-style-type: none;
    margin: 0;
    padding: 15px 0 15px 15px;
	width:200px;
	text-align:left;
}
ul li.buyaflight{
	background: url(images/buyaflight.png) no-repeat;
	height:39px;
}
*html ul li.buyaflight
{
	background: url(images/buyaflight.gif) no-repeat; 
}
ul li.booking{
	background: url(images/booking.png) no-repeat;
	height:39px;
}
*html ul li.booking
{
	background: url(images/booking.gif) no-repeat; 
}
ul li.agency{
	background: url(images/agency.png) no-repeat;	
	height:39px;
}
*html ul li.agency
{
	background: url(images/agency.gif) no-repeat; 
}
ul li.reports{
	background: url(images/reports.png) no-repeat;
	height:39px;
}
*html ul li.reports
{
	background: url(images/reports.gif) no-repeat; 
}
ul li.managebalance{
	background: url(images/manage_subagent_balance.png) no-repeat;
	height:39px;
}
*html ul li.managebalance{
	background: url(images/manage_subagent_balance.gif) no-repeat;
	height:39px;
}
ul li.balancesummary{
	background: url(images/balance_summary.png) no-repeat;
	height:39px;
}
*html ul li.balancesummary{
	background: url(images/balance_summary.gif) no-repeat;
	height:39px;
}
ul li.balancetransfer{
	background: url(images/balance_transfer.png) no-repeat;
	height:39px;
}
*html ul li.balancetransfer{
	background: url(images/balance_transfer.gif) no-repeat;
	height:39px;
}
ul li.tools{
	background: url(images/tools.png) no-repeat;
	height:39px;
}
*html ul li.tools
{
	background: url(images/tools.gif) no-repeat; 
}
ul li.change-pw{
	background: url(images/change-pw.png) no-repeat;
	height:39px;
}
*html ul li.change-pw
{
	background: url(images/change-pw.gif) no-repeat; 
}
ul li.buyaflight a,
ul li.booking a,
ul li.agency a, 
ul li.reports a, 
ul li.tools a, 
ul li.change-pw a, 
ul li.managebalance a, 
ul li.balancesummary a, 
ul li.balancetransfer a
{
    color: #1B1B1B;
    float: left;
    font-weight: bold;
    padding-left: 45px;
    padding-top: 9px;
    text-decoration: none;
	display:block;
}
ul li.buyaflight a:hover,
ul li.booking a:hover,
ul li.agency a:hover,
ul li.reports a:hover,
ul li.tools a:hover,
ul li.change-pw a:hover,
ul li.managebalance a:hover,
ul li.balancesummary a:hover,
ul li.balancetransfer a:hover
{
    color: #d90100;    
}
.contentarea{
	padding: 4px 10px 15px 10px;
}
.title{
	font-size:14px;
	font-weight:bold;
	color:#b50027;
	text-align:left;
	padding-bottom: 3px;
	height:17px;
}
.agentlevelmap{
	font-size:12px;
	font-weight:bold;
	color:#b50027;
	text-align:left;	
	height:17px;
}
.redbar{
	background: url(images/redbar.jpg) no-repeat;
	height:3px;
	width:100%;
	float:left;
}
.profile-text{
	padding-top:15px;
}
.bold{
	font-weight:bold;
}
.bggray{
	background-color:#f4f4f4;
}
.subagent{
	padding-top:10px;
	text-align:left;
}
.searchagent{
	padding-top: 12px;	
	float:left;
}
.addagent{
	float:right;	
}
.addagent .addagent-icon{
	float:left;
	background: url(images/addagent.jpg) no-repeat;
	height:39px;
	width:134px;
	margin-left:5px;
}
.addagent input
{
    margin:0px 10px 0px 10px;
}
.searchtitle{
	float:left;
	font-weight:bold;
	margin-right:5px;
	margin-top:4px;
}
.searchbox{
	float:left;
}
.searchicon{
	float:left;
	background: url(images/search.jpg) no-repeat;
	height:22px;
	width:23px;
	margin-left:5px;
}
.grid-title{
	font-weight:bold;
	color:#ba071e;
	background-color:#f0f0f0;
}
.grayrow{
	background-color:#f0f0f0;
}
.resetpw-icon{
}
.delete-icon{
	margin-left:10px;
}
a.editagent{
	color:#035993;
}
a.editagent:hover{
	color:#b50027;
}
.loginpage{
	margin: 31px 0 0 62px;
}
.left-10{
	padding-left:17px;
}
.msg-note
{
	color:#B50027;
	font-weight:normal;
}

/***************************************************Tabs Starts here *******/
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
}
ul.TabbedPanelsTabGroup {
	margin: 0px 0 0 10px;
	padding: 0px;
	list-style:none;
	width: 400px;
	position: relative;
	z-index: 1000;
}
li.TabbedPanelsTab {	
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 11px verdana;
	background-color: #f5f5f7;
	list-style: none;
	border-left: solid 1px #999;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	color:#000;
	z-index:100;
}
li.TabbedPanelsTab:Hover {
	background-color: #CCC;
}
li.TabbedPanelsTabSelected {
	background-color: #fff;
	border-bottom: 1px solid #fff;
	color:#B50229;
}
.TabbedPanelsTab a {
	color: #B50229;
	text-decoration: none;
}
.TabbedPanelsContentGroup {
	clear: both;	
	border-top: solid 1px #999;
	background-color: #fff;	
	position: absolute;
	margin-top: 22px; *margin-top: -1px;
	width: 400px;
}
.TabbedPanelsContent {
	padding: 4px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
.TabbedPanelsContentVisible {
	display:block;
}
.TabbedPanelsContentHide {
	display:none;
}

/***************************************************Tabs ends here *******/
/***************************************************popup Starts here *******/
.agency-popup{
}
.agency-popup .topbg{
	background: url(images/popup-top.png) no-repeat;
	height:5px;
	width:545px;
}
.agency-popup .midbg{
	background: url(images/popup-mid.png) repeat-y;
	height:100%;
	width:545px;
}
.agency-popup .midbgForReports{
height:100%;
background-color:#fff;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}
.agency-popup .bottombg{
	background: url(images/popup-bottom.png) no-repeat;
	height:5px;
	width:545px;
}
.agency-popup .contentarea{
	padding:5px 9px 15px;
	position: relative;
}
.agency-popup .contentarea .title-area{
	padding:5px;
}
.agency-popup .contentarea .popup-redbar{
	background: url(images/popup-redbar.jpg) no-repeat;
	height:3px;
	width:473px;
	text-align:left;
}
.txtbox-width{
	width:250px;
}
/***************************************************popup ends here *******/
 .popup-close {
    background: url("images/close.png") no-repeat scroll 0 0 transparent;
    color: transparent;
    height: 17px;
    position: absolute;
    right: 5px;
    top: 0px;
    width: 18px;
    z-index: 15;
	color: #439ED2;
    text-decoration: none;
}
.popup-close:hover{
	background-position: 0 -17px;
	color:transparent;
}
.middle {	
	background-color:#FFF;
	color: #000;
	border-left:1px solid #c6c6c6;
	border-right:1px solid #c6c6c6;
	
}
*html .middle {	/* for ie6 only */	
	margin-top:-10px;
}
.top-left-corner{
	background: url(images/top-left-corner.png) no-repeat top left;	
}
.top-left-corner p{
    background: url("images/top-right.png") no-repeat scroll 100% 0 transparent;
    height: 6px;
	margin: 0 0 0 6px;
	padding:0;
}
.bottom-left-corner{
	background: url(images/bottom-left-corner.png) no-repeat top left;
}
.bottom-left-corner p{
	background: url(images/bottom-right.png) no-repeat scroll 100% 0 transparent;
	height: 6px;
	margin: 0 0 0 6px;
	padding:0;
}

/***************************************************popup ends here *******/

/*styles Added by BangaruBabu*/

.modalBackground{
    background-color: #777;
    /* filter: alpha(opacity=20); */
    opacity: 0.6;
}

.loaderModalBackground{
    background-color: #eee;
   /* filter: alpha(opacity=20); */
    opacity: 0.2;
}
.fixedModelView{top:50px!important;position:absolute!important;}
.popupcontent_ctnr{padding: 10px;height: auto;background-color:White;}
.popupcontent{z-index: 9999999 !important;background: #f0f0f0;margin-top: 0px;padding: 30px;}
.popupcontent h5{font-size: 11px;color: #ad3131;}
.popupcontent .close {background: url("../images/fancyboxclose.png") repeat scroll 0 0 transparent;cursor: pointer; display: none;height: 30px;position: absolute;right: -15px;top: -15px;width: 30px;z-index: 1103;}
.loader{background: url("../images/ajax-loader.gif") repeat scroll 0 0 transparent;width:32px;height:32px;}


.validation
{
	color:#b50027;
	text-align: left;
}
/*styles Added by BangaruBabu*/


/*Styles Added by Ameeth*/
.rptbutton
{
background: url("images/buttonbg.gif") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #606060;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding-left: 16px;
    text-decoration: none;
    width: 260px;
}
.rptbutton:hover{
margin:0;
background-color:#B50229;
background:url(images/buttonbg.gif) no-repeat;
height:40px;
float:left;
color:#b50128;
font-weight:bold;
font-size:11px;
line-height:40px;
text-decoration:none;
border:0;
width:260px;
display:block;
padding-left:16px;
}

.rptSubmitbutton {
    background-color: #B50229;
    background-image: url("images/menubg.gif");
    background-repeat: repeat-x;
    border: 2px solid #F9F9F9;
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 26px;
    line-height: 24px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;
    text-decoration: none;
}

.reportGrid-title {
    background-color:#b50128;
    color:#fff; 
    height:20px; 
    line-height:20px; 
    text-align:left;
     
    padding-left:4px;
}
.reportGridgrayrow{
	background-color:#ebebeb; 
	color:#b50128; 
	height:20px; 
	line-height:20px;
}

.reportGridGrandtotalrow{
	background-color:#CCCCCC; 
	color:#b50128; 
	height:20px; 
	line-height:20px;
}

.btnPadding{
    padding-right: 30px;
}

.CalenderCSS .ajax__calendar_container
{
    background-color: #e2e2e2;
    border: solid 1px #cccccc;
    z-index: 101;
}

.CalenderCSS .ajax__calendar_header
{
    background-color: #ffffff;
    margin-bottom: 4px;
}

.CalenderCSS .ajax__calendar_title, .CalenderCSS .ajax__calendar_next, .CalenderCSS .ajax__calendar_prev
{
    color: #004080;
    padding-top: 3px;
}

.CalenderCSS .ajax__calendar_body
{
    background-color: #e9e9e9;
    border: solid 1px #cccccc;
}

.CalenderCSS .ajax__calendar_dayname
{
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
}

.CalenderCSS .ajax__calendar_day
{
    text-align: center;
}

.CalenderCSS .ajax__calendar_hover .ajax__calendar_day, .CalenderCSS .ajax__calendar_hover .ajax__calendar_month, .CalenderCSS .ajax__calendar_hover .ajax__calendar_year, .CalenderCSS .ajax__calendar_active
{
    color: #004080;
    font-weight: bold;
    background-color: #ffffff;
}

.CalenderCSS .ajax__calendar_today
{
    font-weight: bold;
}

.CalenderCSS .ajax__calendar_other, .CalenderCSS .ajax__calendar_hover .ajax__calendar_today, .CalenderCSS .ajax__calendar_hover .ajax__calendar_title
{
    color: #bbbbbb;
}
.CalenderCSS td
{
   border-style:none;
}
.CalenderCSS .ajax__calendar_container,.CalenderCSS .ajax__calendar_body
{
    background-color:#fff;
}
.calenderImage
{
    background: url(../images/calender.png) no-repeat left bottom;
    width: 16px;
    height: 16px;
    text-align: left;
    padding: 0px 5px 2px 5px;
    vertical-align: top;
    cursor: pointer;
}


.infoImage
{
    background: url(../images/info.png) no-repeat left bottom;
    width: 16px;
    height: 16px;
    text-align: left;
    padding: 0px 5px 5px 5px;
    vertical-align: top;
    cursor: pointer;
}

.ddlfont
{
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
}

.customfont
{
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
}
/*end of Styles Added by Ameeth*/

.fullbox-top{
	background: url(images/full-top.png) no-repeat;
	height:6px;
	width:983px;
}
.fullbox-mid{
	background: url(images/full-mid.png) repeat-y;
	height:100%;
	width:983px;
}
.fullbox-bottom{
	background: url(images/full-bottom.png) no-repeat;
	height:6px;
	width:983px;
}
.fullbody-content{
	width:100%;
	padding:10px;
}

.btn-new {
    background-color: #FBE26E;
    background: url("images/loginsprite.png");
    background-position: left top;
    background-repeat: repeat-x;
    border: 1px solid #c1c1c0;
    color: #be0024;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 6px;
    text-decoration: none;
    cursor:pointer;
}
.btn-new:hover
{
	color:#791c31;
}
.gridborder
{
	width: 100%; 
	border: 1px solid #BA071E;
}

.btn-exele {
    background: url("../images/excel-btn.gif") no-repeat;
    cursor:pointer;
    width:22px;
    height:23px;
}

   #tooltip {
    position:absolute;
    z-index:9999;
    color:#fff;
    font-size:10px;
    width:180px;
    
}
.tooltip {
	display:none;
	position:absolute;
	border:1px solid #b50128 transparent;
	 border-width:6px 6px 0 6px;
	  background:#b50128;
	   color:#fff;
	  border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:12px Arial;
	 z-index:100001;
}