﻿/**********************************************************************
 * Styles.css                                                         *
 *                                                                    *
 * This file is initially empty and you can add any additional styles *
 * or modify any of the styles defined in BaseStyles.css              *
 * This file will never be overwritten.                               *
 *                                                                    *
 * For example, if you want to override just the top padding for a    *
 * menu, you can simply add the following lines:                      *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                                *
 * 	}                                                                 *
 *                                                                    *
 * This will keep all the other styles of the "menus" style as-is,    *
 * but modify the top padding to be 20px.                             *
 *                                                                    *
 * You can also, add a new style by just specifying it.               *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                                *
 * 	text-align: center;                                               *
 * 	}                                                                 *
 * 	                                                                  *
 * In the above case, we added the text-align style.  This style was  *
 * not specified in the original declaration of the menus style.      *
 *                                                                    *
 **********************************************************************/
/**********************************************************************
 * custom Styles       padding 6px per char width                     *
 **********************************************************************/
 
.envelopeFromTopLine {
	padding-top:340px;
	padding-left:240px;
}

.envelopeFrom {
	padding-left:240px;
}
 
.envelopeToTopLine {
	padding-top:75px;
	padding-left:720px;
}

.envelopeTo{
	padding-left:720px;
}


div.scrollpairing {
height: 300px;
width: 600px;
/* overflow: auto;*/
overflow-y: scroll;
overflow-x: hidden;

border: 1px solid #000000;
background-color: #ffffff;
padding: 8px;
}

 
 
 
 .dialog_header_text_special, .dhts {
		color: #ffffff;
	font-family: Arial, Geneva, ms sans serif;
	font-weight: bold;
	font-size: 14px;
	vertical-align: middle;
	}
 
 .dfv {
 	color:#000000;
 }
 
 .ttc {
 	color:#000000;
 }
 
.wrapIt { 
	border:1px solid black; 
	}

.instruct {
	border:1px solid #cccccc;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 11px;
	color: #E41B17;
	background-color: #ffffff;
	max-width:500px;
  	width: expression(this.width > 500 ? 500: true);
	text-align:newspaper;
	}
	
 /*used for game report*/
 .grttc {
	padding: 3px;
	color: #000000;
	vertical-align: top;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background-color: #ffffff;
	}
 /*end used for game report*/
 
 .mapButn {
 	background-image:url(../Images/icon_map.gif); 
	background-repeat: no-repeat;
 }
 
 Alert{ 
    borderStyle:solid; 
    borderColor:#333333; 
    background-color:#ffffff; 
    borderAlpha:0; 
    borderThickness:1; 
    roundedBottomCorners:true; 
    cornerRadius:2; 
    headerHeight:21; 
    backgroundAlpha:0.9; 
    highlightAlphas:0.46, 0.19; 
    headerColors:#ffffff, #ffffff; 
    titleStyleName:"alertTitle"; 
    message-style-name:"messageStyle"; 
    button-style-name:"AlertButtons"; 

} 


.alertTitle 
{ 
    fontFamily:Arial; 
    fontSize:11; 
    color:#333333; 
    font-weight:bold; 

} 


.messageStyle 
{ 
    letterSpacing:0; 
    color:#333333; 
    textAlign:left; 
    fontFamily:Arial; 
    fontSize:11; 
    font-weight:normal; 


} 


.AlertButtons{ 
    cornerRadius:4; 
    highlightAlphas:0.59, 0.5; 
    fillAlphas:1, 1, 1, 1; 
    fillColors:#040404, #4c4c4c, #c60303, #ff4300; 
    color:#ffffff; 
    textRollOverColor:#ffffff; 
    borderColor:#474747; 
    themeColor:#333333; 
    fontFamily:Arial; 
    fontSize:11; fontWeight:bold; 


} 


.boxIt_tbl {
 	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	}
 
 
 .boxIt {
 	border-top: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	color: #000000;
	}
 
 .boxItsh {
 	border-top: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	background-color: #cccccc;
	color: #000000;	
	}
 
 .errMsgBox {
	font-family: Arial, Geneva, ms sans serif;
	font-size: 12px;
	background-color: #ffffff;
	padding: 3px;
	border-top: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	color: #000000;
	vertical-align: bottom;
	} 	
 
 
 /* Transfer / Release page styles */
 
 .T_R_Head {
	font-family: Arial, Geneva, ms sans serif;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: red;
	white-space: nowrap;	
	vertical-align: middle;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
	}
 
 .T_R_Title {
	font-family: Arial, Geneva, ms sans serif;
	font-size: 18px;
	font-weight: bold;
	color: darkblue;
	white-space: nowrap;	
	vertical-align: middle;
	text-align: center;
	padding-bottom: 16px;
	}
 
.T_R_field_label {
	font-family: Arial, Geneva, ms sans serif;
	font-size: 12px;
	font-weight: bold;
	color: #859999;
	white-space: nowrap;	
	vertical-align: middle;
	text-align: right;
	padding: 3px 6px 3px 6px;
	}


.T_R_field_value {
	color: 000000;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	}

 .T_R_FormBox, .stat_box {
 	border-top: 1px #000000 solid;
	border-right: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
 	}
/* Invoice page styles */ 
 
 .invSpacer	{
    position: relative;
    background-image:url(../Images/space.gif); 
	background-repeat: no-repeat;	
	width: 1px;
	height: 1px;
    }
    
 .invFieldLabel, .invFL	{
	font-family: Arial, Geneva, ms sans serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	white-space: nowrap;	
	vertical-align: middle;
	text-align: right;
	padding: 3px 6px 3px 6px;
	}

.invFieldValue, .invFV	{
	color: #000000;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 12px;
	padding: 3px;
	}
	
.invReturnAddr {
 /*	background-color: #90EE90; */
 	color: #000000;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 14px;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
 	}	
 	
 .invBillTo {
 /*	background-color: #90EE90; */
 	color: #000000;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 14px;
	padding-left: 0px;
	padding-top: 60px;
	padding-bottom: 20px;
 	}

.invbox	{
 	clear: both;
 	color: #000000;
 /*	background-color: #90EE90; */
 	border-top: 1px #000000 solid;
	border-right: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 14px;
	vertical-align: middle;
	text-align: center;
	padding: 10px;
	width: 80%;
	height: 95%;
 	}

.invthc {
	font-family: Arial, Geneva, ms sans serif;
	font-size: 11px;
	background-color: #efebde;
	padding-left: 3px;
	border-top: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	color: #000000;
	vertical-align: middle;
	} 	

.invtt {
	padding-left: 3px;
	color: #000000;
	vertical-align: middle;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 11px;
	text-align: left;
	border-top: 1px #000000 solid; 
	border-bottom: 1px #000000 solid;
/*	background-color: #90EE90; */
	}

.invttc {
	padding-left: 3px;
	color: #000000;
	vertical-align: middle;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 11px;
	text-align: left;
	border-top: 1px #000000 solid; 
	border-left: 1px #000000 solid;
	border-right: 1px ##000000 solid;
	border-bottom: 1px #000000 solid;
/*	background-color: #90EE90; */
	}

.invttcC {
/*	padding: 3px;*/
	color: #000000;
	vertical-align: middle;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 11px;
	text-align: center;
	border-top: 1px #000000 solid; 
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
/*	background-color: #90EE90; */
	}

.invttcR {
	padding-right: 3px;
	color: #000000;
	vertical-align: middle;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 11px;
	text-align: right;
	border-top: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
/*	background-color: #90EE90; */
	}
	
	
/*	Used on total lines */	
.invtBL, LeftColumnTotalLine {
	padding-right: 3px;
	color: #000000;
	vertical-align: middle;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 11px;
	text-align: left;
	border-top: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
}

.invtTTL, InvoiceTotal	 {
	padding-right: 3px;
	color: #000000;
	vertical-align: middle;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 11px;
	text-align: right;
	border-top: 1px #000000 solid;
	border-right: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
}

/* End Invoice page styles */ 
 
 div.tableContainerRefs {
	clear: both;
	height: 200px;  /* defines scrolling region height */
	overflow: auto; /* enables scroll bar */
	}

div.tableContainerRefs table {
	width: 93%; /* defines data region width (provide room for scroll bar) */
	}
 
.refFloatDiv {
    position:absolute;
    width:530px;
    height:15px;
    left:0px;
    top:0px;
    z-index:1000;
    padding:1px;
    background:#FFFFFF;
    border:2px solid #2266AA;
    font-size: 12px; 
    font-weight: bold; 
    text-align: center;
	}
 	
.Check_Page	{
	width: 711px;
	} 

.chkDateLine, .chkDL {
 	color: #000000;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 12px;
	text-align: right;
	padding-top: 85px;
	}

.chkDollarAmnt, .chkDA {
	font-family: Arial, Geneva, ms sans serif;
	font-size: 12px;
	text-align: right;
    padding-right: 24px;
    padding-top: 24px;
	}	

.NumbersToWords, .englishNum {
	color: #000000;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 14px;
	text-align: right;
    padding-right: 30px;
    padding-top: 15px;
	}

.chkMA_box {
   padding-top: 20px;
   }
   
.CheckMailingAddress, .chkMA {
	color: #000000;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 12px;
	padding-left: 40px;
	}	
	
.stub_box {
   padding-left: 20px;
   }	


.stub	 {
	font-family: Arial, Geneva, ms sans serif;
	font-size: 12px;
	text-align: left;
	padding-top: 90px;
	padding-left: 20px;
	}	
		 
.checkDescription,.checkD {
	color: #666666;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 11px;
	border-top: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	vertical-align:top; 
	padding-right: 10px;
	padding-left: 4px;

	}



/* Field Grid Display - Small Calendar style */

.fgTitle	{
	font-family: Arial, Geneva, ms sans serif;
	font-size: 14px;
	font-weight: bold;
	background-color: red;
	padding: 5px;
	border: 1px #000000 double;
	color: #ffffff;
	vertical-align: middle;
	}

.fgthC 	{
	font-family: Arial, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	background-color: #efebde;
	padding: 5px;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	color: #000000;
	vertical-align: top;
	}

.fgTimeHeaderCell	{
	font-family: Arial, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #efebde;
	padding: 5px;
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	color: #000000;
	vertical-align: top;
	}

.fgEmptyCell {
	padding: 3px;
/*	background-color: #ffffff;	
	color: #000000;
*/	
	vertical-align: top;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 10px;	
	text-align: center;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;	
	cursor: hand;
	}

.fgTimeCell {
	padding: 3px;
	color: #000000;
	vertical-align: top;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background-color: #ffffff;
	}

.fgtdL 	{
	padding: 3px;
/*	background-color: #ffffff;
	color: #000000;
*/	
	vertical-align: top;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;	
	cursor: hand;
	}

.fgtdC 	{
	padding: 3px;
/*	background-color: #ffffff;
	color: #000000;
*/
	vertical-align: top;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	cursor: hand;
	}

.fgtdR 	{
	padding: 3px;
/*	background-color: #ffffff;
	color: #000000;
*/	
	vertical-align: top;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	cursor: hand;
	}
/* used for floating cursor label on field grid */	
.cursorText, curTxt {
	position:absolute;
	width:150px;
	height:30px;
	border-top: 1px #000000 solid;
	border-right: 1px #000000 solid;
	border-left: 2px #000000 solid;
	border-bottom: 2px #000000 solid;
	padding-left:2px;
	font-size:14px;
	text-align: center;
	vertical-align: middle;
	background-color:#54C571;
	visibility:hidden
	}