body{	
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	background-color:#FFFFFF;
	color:#333366;
	font-family:arial,helvetica,clean,sans-serif;
	font-size:13px;
}
.MainMenuRow{
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10pt;
    font-weight: bold;
    font-style:normal;
    font-variant:normal;
    text-align:left;     
    height:20px;   
    background-color:#C31F1E;
    vertical-align:middle;
    color:#fff;     
    text-decoration:none;
}

.ErrorMsg{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#FF0000;
    font-size:12px;
}

.FormTitle{
    color:#FFFFFF;
    background-color:#313474;
    font-family:Verdana, Arial, Helvetica, sans-serif;    
    font-size:10pt;
    font-weight: bold;
    font-style:normal;
    font-variant:normal;
    text-align:center;
    height:23px;
}
.FormTitleAlter{
    color:#313474;
    background-color:lightgrey;
    font-family:Verdana, Arial, Helvetica, sans-serif;    
    font-size:10pt;
    font-weight: bold;
    font-style:normal;
    font-variant:normal;
    text-align:center;
    height:23px;
}

.BlueLine{
	background-color:#313474;
	height:2px;
	width:98%;
}

.InputTextBox{
	background-color:#FFFFFF;
	color: #333366;
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-right: #333366 1px solid;
	border-top: #333366 1px solid;
	border-bottom: #333366 1px solid;
	border-left: #333366 1px solid;
	width:150px;
}

.DropDownBox{
	background-color:#FFFFFF;
	color: #333366;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-color: #333366;
	border-right: #333366 1px solid;
	border-top: #333366 1px solid;
	border-bottom: #333366 1px solid;
	border-left: #333366 1px solid;
	width:60%;
}

.InputButton{
	background-color: #333366;	
	color: #C31F1E;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-color: #313474;

	height:29px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle; 
	background:url(../images/right-bg-heading.jpg) no-repeat scroll right center;
	padding-right:12px;

	border:0;
	margin-left:12px;
	float:left;
}

.btn-right-bg{
	background:url(../images/left-bg-heading.jpg) no-repeat scroll left center;
	height:29px;	
	width:100px;
	display:block;
}


/* Text Style throughout System */ 
.NormalText{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#333366;
    font-size:10pt;
    font-weight:normal;
}
.SmallText{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#333366;
    font-size:8pt;
    font-weight:normal;
}
.BoldText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;	
	color:#333366;
	text-align:left;
	font-weight:bold;
}
.SmallBoldText{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#333366;
    font-size:8pt;
    font-weight:bold;
}
/* End of Text Style throughout System */ 

/* Link used throughout system */
a:link, a:visited, a:active{
    font-family:Verdana, Arial, Helvetica, sans-serif;    
    color:#666666;
    font-weight:normal;
    letter-spacing:0.25pt;    
    text-decoration:none;
}
a:hover{
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    color:#CC9966;
    font-weight:normal;
    letter-spacing:0.25pt;    
    text-decoration:underline;
}
a {cursor: pointer; cursor: hand;}
/*End of  Link used throughout system*/

/* Link ment only For HomePage.aspx*/
a.MainMenu:visited {	
	/*color:#D4D0C8;*/
	color:#D6E7FB;
    font-weight: bold;
    text-decoration:none;
	font-size: 10pt;
	cursor:hand;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}
a.MainMenu:hover {
	color:#FFFFFF;    
    font-weight: bold;
    text-decoration:underline;
	cursor:hand;	
	font-size: 10pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a.MainMenu:link,a.MainMenu:active{	
	/*color:#D6E7FB;*/
	color:#fff;	
    font-weight: bold;
    text-decoration:none;
	font-size:10pt; 
	cursor:hand;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a.MainMenu {cursor: pointer; cursor: hand;}
/* End of Link ment only For HomePage.aspx*/

/* Link for Logout Text*/
a.LogOutText:link, a.LogOutText:visited, a.LogOutText:active{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#666666;
    font-size:8pt;
    font-weight:bold;
    text-decoration:none;
    vertical-align:top;
}
a.LogOutText:hover{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#CC9966;
    font-size:8pt;
    font-weight:bold;
    text-decoration:underline;
    vertical-align:top;
}
/* End of Link for Logout Text */

/* Some Tables Style*/
.LoginTable {
    background-color: #fcfcfc;    
    border-right: #313474 thin solid;
    border-top: #313474 thin solid;
    border-left: #313474 thin solid;
    border-bottom: #313474 thin solid;    
    vertical-align :middle;
    margin-left: auto;
    margin-right: auto;
    height:200px;
    width:400px;
}
.NormalTable{    
   /* border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    border-bottom: black thin solid;*/
    position:static;
    border:0; 
    text-align:center;      
    background-color: #fcfcfc;
    vertical-align :middle;
    margin-left: auto;
    margin-right: auto;
    /* width:98%*/
    width:100%;
}
.BlueBorderTable{
	border-right-color:#313474;
    border-top-color:#313474;
    border-left-color:#313474;
    border-bottom-color:#313474;       
    border-width:1px;
    border-color:#313474;
    border-style:solid;
    margin-left: auto;
    margin-right: auto;    
}
.RightTextColumn{
    padding: 2px 2px 2px 2px; 
    vertical-align: middle;
    text-align: right;
}
.LeftTextColumn{
    padding: 2px 2px 2px 2px; 
    vertical-align: middle;
    text-align: left;
}
.ChildNodeStyle:link, .ChildNodeStyle:visited, .ChildNodeStyle:active{
	font-family:Verdana;
	font-size:10pt;
	font-weight:bold;
	color:#4D4D4D;			
	text-decoration:none;
}
.ChildNodeStyle:hover{
	font-family:Verdana;
	font-size:10pt;
	font-weight:bold;
	color:#4D4D4D;			
	text-decoration:underline;	
}

/*End of Some Tables Style*/

/* Experiments with GRID VIEW */
.HeaderStyle{
    background-color: #336699;
    color: White;
    font-weight: bold;
    text-align:center;
    vertical-align: middle;
}
.AlternatingRowStyle{
    background-color: #FCFCFC;
    text-align:left;
    vertical-align: middle;
}
.SelectedRowStyle{ 
	background-color: #FFEEC2;
	text-align:center;
	vertical-align: middle;
}
.RowStyle{
     background-color: #EFF3FB;
     text-align:left;
     vertical-align: middle;
}
.FooterStyle{
    background-color: #336699;
    color: White;
    font-weight: bold;
    text-align:center;
    vertical-align: middle;
}
/* End of Experiments with GRID VIEW*/

/* Grid Style (Normal)*/
.Grid{ 
	border: 1px solid #7C7C94; 
	background-color: #FFFFFF; 
	cursor: pointer; 
}  
.HeadingRow{ 
	background-color: #E2E2E2; 
} 
.HeadingCell{ 
	background-color: #E2E2E2; 
	border: 1px solid #FFFFFF; 
	border-right-color: #B5B5B5; 
	border-bottom-color: #B5B5B5; 
	padding: 3px;
}
.HeadingCellText{
	font-family: verdana; 
	font-size: 10px; 
	font-weight: bold; 
	text-align: center;
}
.DataRow{ 
	background-color: #FFFFFF; 
}
.DataCell{ 
	cursor: default;
	padding: 3px; 
	border-right: 1px solid #EAE9E1; 
	border-bottom: 1px solid #EAE9E1; 
	font-family: verdana; 
	font-size: 10px; 
} 
.DataRow td.FirstDataCell{ 
	padding-left: 3px; 
} 
.SelectedRow{ 
	background-color: #FFEEC2; 
}
.SelectedRow td.DataCell{ 
	cursor: default; 
	padding: 2px; 
	padding-left: 3px; 
	padding-bottom: 3px; 
	font-family: verdana; 
	font-size: 10px; 
	border-bottom: 1px solid #4B4B6F; 
	border-top: 1px solid #4B4B6F; 
	border-right: 0px; 
} 
.GridFooter{
	cursor: default;
	padding: 5px;
} 
.GridFooter a{
	color: Black;
	font-weight: bold;
} 
.PagerText { 
	font-family: verdana; 
	font-size: 11px; 
}  
/*End of Grid(Normal) */
 
 /*Modal Popup Style*/ 
.ModalBackground{
	background-color: Gray;
	filter: alpha(opacity=20);
	opacity: 0.2;	
}
.ModalPopupPanel {
	background-color:#FCFCFC; 
	border:solid 2px Black;
	padding:20px 20px 20px 20px;
	display:block;	
}
.ModalPopupBlueBorderTable{
	border-right-color:#313474;
    border-top-color:#313474;
    border-left-color:#313474;
    border-bottom-color:#313474;       
    border-width:2px;
    border-color:#313474;
    border-style:solid;
    vertical-align: middle;
    text-align: center;   
    display:table;    
}
/* End Modal Popup Style*/


/* Added By Amit*/
.lbl{
	color: #0000C0;
}

.GridView{

	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333366;
	font-size:8pt;
	font-weight:normal;
	width:100%;
}

.GridViewColumnWidth{
	width:20%;
}
.Gridtoolbar{
	width:90%;
}
.GridViewHeader{
	background-color: #E2E2E2;
	text-align:center;
}
.GridText{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#333366;
    font-size:8pt;
    font-weight:normal;
}
.GridText caption{
    color:#FFFFFF;
    background-color:#336699;
    font-family:Verdana, Arial, Helvetica, sans-serif;    
    font-size:10pt;
    font-weight: bold;
    font-style:normal;
    font-variant:normal;
    text-align:center;
    vertical-align: middle;
    height:23px;
}
.Wizard{
	height:200px;
	width:517px;
}
.ListBox{
	background-color:#FFFFFF;
	color: #333366;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-right: #333366 1px solid;
	border-top: #333366 1px solid;
	border-bottom: #333366 1px solid;
	border-left: #333366 1px solid;
	width:240px;
}
.button{
	background:d60f0f;
	color:#FFFFFF;
	height:28px;
	line-height:28px;
	font-family:arial,verdana;
	font-size:12px;
	padding:0px 5px 0px 5px;

}	
/* End */

dl,dd,dt{
	margin:0px;
	padding:0px;
}

.login{
	width:400px;
	height:216px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.login .login-top
{
	background:url(../images/login-top.png) no-repeat scroll 0 0;
	margin:0px;
	padding:0px;
	height:77px;
}

.login .login-top h1
{
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-left:25px;
	padding-top:25px;
	color:#C31F1E;
	text-align:left;
}

.login .login-bottom
{
	background:url(../images/login-bottom.png) no-repeat scroll 0 0;
	height:139px;
	margin:0px;
	padding:10px 0px 0px 0px;
	float:left;
	width:400px;
}

.logindetail
{
	padding-left:71px;
	padding-right:71px;
	padding-top:10px;
	_padding-top:0px;

}

dl.logindetail dt, dl.logindetail dd
{
	margin:0px;
	float:left;
	padding:3px 0px;
	overflow:hidden;
}
dl.logindetail dt
{
	width:104px;	
}

.button
{
	width:54px;
	height:23px;
	background:url(../images/sign-in.jpg) no-repeat scroll 0 0;
	border:none;
}

.receipt-form-textbox
{
	border:1px solid #d6d6d6;
	height:20px;
	line-height:20px;
	width:150px;
}
 .ticket-detail
 {
	color:White;
	height:25px;
	line-height:25px;
	text-align:center;
	background:#C31F1E;
	letter-spacing:1px;
}
	
.ticket-detail-grid {   
	width: 100%;   
	background-color: #fff;   
	margin: 0px 0 10px 0;   
	border: solid 1px #d4d4d4;   
	border-collapse:collapse;   
}  
.ticket-detail-grid td {   
	padding: 5px;   
	border: solid 1px #d4d4d4;   
	color: #717171;   
}  
.ticket-detail-grid th {   
	padding: 4px 2px;   
	color: #666666;   
	background: #f1f1f1;   
	border-left: solid 1px #d4d4d4;   
	font-size: 0.9em;   
}  

.add-sub-agent-detail-table
{
	width:525px;
	background:#f9f9f9;
	border:1px solid #d5d5d5;
} 
	
.add-sub-agent-detail-table td
{
	padding:5px 10px 5px 10px;
}
	
.add-sub-agent-detail-table th
{
	background:url(../images/heading-back.png) repeat-x scroll  0 0;
	height:40px;
	line-height:40px;
}
.vender-detail-table
{
	background:#f9f9f9;
	border:1px solid #d5d5d5;
} 
	
.vender-detail-table td
{
	padding:5px 10px 5px 10px;
}
	
.vender-detail-table th
{
	background:url(../images/heading-back.png) repeat-x scroll  0 0;
	height:40px;
	line-height:40px;		
		
}
				
.wwt-agent{
	background:#f9f9f9;
	border:1px solid #d5d5d5;
} 
	
	
.wwt-agent td
{
	padding:5px 10px 5px 10px;
	}
	
.wwt-agent th
{
	background:url(../images/heading-back.png) repeat-x scroll  0 0;
	height:40px;
	line-height:40px;		
}
					
.payment-received-table
{
	background:#f9f9f9;
	border:1px solid #d5d5d5;
} 
	
.payment-received-table td
{
	padding:6px 10px 6px 10px;
}
	
.payment-received-table th
{
	background:url(../images/heading-back.png) repeat-x scroll  0 0;
	height:40px;
	line-height:40px;		
}
		
/*mygrid-css*/

.void-receipt-grid{   
	 width: 95%;   
	 background-color: #fff;   
	 margin: 5px 0 10px 0;   
	border-collapse:collapse;   
}  
.void-receipt-grid td {   
	padding: 5px;   
	color: #424242;   
}  
.void-receipt-grid th {   
	padding: 4px 2px;   
	color:#C31F1E;   
	background: #424242 url(../images/void-receipt-grid-header.jpg) repeat-x center center;   
	border-left: solid 1px #525252;   
	height:30px;
}  

.void-receipt-grid .alt { background: #f4f4f4 url(grd_alt.png) repeat-x top; }  
.void-receipt-grid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }  
.void-receipt-grid .pgr table { margin: 5px 0; }  
.void-receipt-grid .pgr td {   
	border-width: 0;   
	padding: 0 6px;   
	border-left: solid 1px #666;   
	font-weight: bold;   
	color: #fff;   
	line-height: 12px;   
}
     
.void-receipt-grid .pgr a { color: #666; text-decoration: none; }  
.void-receipt-grid .pgr a:hover { color: #000; text-decoration: none; }

 .void-receipt-table
 {
	border-collapse:collapse;  
 }
 .void-receipt-table td
 {
	padding:5px;
	border:1px solid grey;
 }
		
 .mail-receipt-client
 {
	border-collapse:collapse;  
 }
	
 .mail-receipt-client td
 {
	padding:5px;
	border:1px solid grey;
 }
		
 .view-customer-client
 {
	border-collapse:collapse;  
 }
	
 .view-customer-client td
 {
	padding:8px 5px;
 }
.border-bottom
{
	border-bottom:1px solid #525252;
}			
			
a.copy-detail{
	background-color: #333366;	
	color: #C31F1E;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-color: #313474;

	height:29px;
	font-weight:normal;
	text-align:center;
	vertical-align:middle; 
	background:url(../images/copy-detail-right.gif) no-repeat scroll right center;
	padding-right:17px;

	border:0;

	float:left;
	display:inline-block;
	color:#fff;
	white-space:nowrap;
	line-height:29px;

}

.copy-detail-left
{
	background:url(../images/copy-detail-left.gif) no-repeat scroll left center;
	height:29px;	
	width:56px;
	display:inline-block;
	padding-left:17px;
}
.LeftTD
{
	background-color:#F1F1F1;
	font-size:2;
	font-family:Calibri; 
	font-weight:bold;
}
.RightTD
{
	font-size:2;
	font-family:Calibri; 
}

/*******AJAX Calendar********************/
.ajax__calendar_container td { padding:0 !important; margin:0 !important; }

/************ New Style ****************/
/** Submit Button ****/
.submit {
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
padding:5px 25px; /*add some padding to the inside of the button*/
background:#35b128; /*the colour of the button*/
border:1px solid #33842a; /*required or the default border for the browser will appear*/
/*give the button curved corners, alter the size as required*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*give the button a drop shadow*/
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
box-shadow: 0 0 4px rgba(0,0,0, .75);
/*style the text*/
color:#f3f3f3;
font-size:1.1em;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
submit:hover, submit:focus{
background-color :#399630; /*make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
}

.cancel {
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
padding:5px 25px; /*add some padding to the inside of the button*/
background:#8CCCCC; /*the colour of the button*/
border:1px solid #33842a; /*required or the default border for the browser will appear*/
/*give the button curved corners, alter the size as required*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*give the button a drop shadow*/
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
box-shadow: 0 0 4px rgba(0,0,0, .75);
/*style the text*/
color:#f3f3f3;
font-size:1.1em;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
.cancel:hover, .cancel:focus{
background-color :#8CCCCC; /*make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
}
/** End Submit Button ***********/

/***FIRST STYLE THE BUTTON***/
.bigbutton {
width:500px;
background: #3e9cbf; /*the colour of the button*/
padding: 8px 14px 10px; /*apply some padding inside the button*/
border:1px solid #3e9cbf; /*required or the default border for the browser will appear*/
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
/*style the text*/
font-size:1.5em;
font-family:Oswald, sans-serif; /*Oswald is available from http://www.google.com/webfonts/specimen/Oswald*/
letter-spacing:.1em;
text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); /*give the text a shadow - doesn't appear in Opera 12.02 or earlier*/
color: #fff;
/*use box-shadow to give the button some depth - see cssdemos.tupence.co.uk/box-shadow.htm#demo7 for more info on this technique*/
-webkit-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;
/*give the corners a small curve*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/***SET THE BUTTON'S HOVER AND FOCUS STATES***/
.bigbutton:hover, .bigbutton:focus {
color:#dfe7ea;
/*reduce the size of the shadow to give a pushed effect*/
-webkit-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;
box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;
}