/* Getting the new tags to behave */

/*
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);

@font-face {
  font-family: 'Open Sans';
  src:  url(../images/OpenSans-Regular.woff2) format('woff2'),
        url(../images/OpenSans-Italic.woff2) format('woff2'),
		url(../images/OpenSans-Bold.woff2) format('woff2'),
		url(../images/OpenSans-BoldItalic.woff2) format('woff2');
}


@font-face {
  font-family: 'Open Sans';
  src:  url('../font/OpenSans-Regular.woff2') format('woff2'),
		url('../font/OpenSans-Regular.woff') format('woff');
}
*/

.col1,.col2,.col3,.cols {float:left}
.col1 {width:600px}
.col2 {width:500px}
.cols {width:225px}
/* index.html */
#page1 {background:url(../images/bg_top.gif)}
#page1 .text {background:url(../images/bg_img1.jpg) 0 0 no-repeat;padding:31px 0 0 535px;margin-top:17px;height:339px}
#page1 .text1 span {padding-bottom:100px}

.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}

/* body {font:13px Arial,Helvetica,sans-serif;color:#323232;line-height:13px} */

body {
	/*font-family: 'Open Sans';*/
	font-family: Helvetica, Arial, Verdana;
	font-size:13px;
	color:#323232;
	/* line-height:8px; */	
}

/*
#page_body{
	line-height:8px;
}
*/



/* Configure 1 : Set page width */
.main {
	margin:0 auto; 
	width:1360px;
}

h1 {float:left;padding:15px 0 0 0} 
h2 {font-size:20px;font-weight: 500;color:#000;line-height:44px;padding:14px 0 2px 0;letter-spacing:-1px} 
h3 {font-size:18px;font-weight:600;} 

/* header */

header {
margin-bottom: 10px;
}


/* 
#logo {display:block;background:url(../images/logo_70.png) no-repeat;width:253px;height:70px;text-indent:-5000px}
*/

.pad {padding:0 25px}
.pad_left1 {padding-left:55px}
.pad_left2 {padding-left:45px}
.marg_right1 {margin-right:12px}
.marg_right2 {margin-right:18px}
.pad_bot1 {padding-bottom:35px}
.pad_bot2 {padding-bottom:49px}
.pad_bot3 {padding-bottom:7px}
.pad_bot4 {padding-bottom:17px}
.marg_top {margin-top:17px}
.marg_top2 {margin-top:7px}

.banners {padding:19px 0 19px 19px;overflow:hidden}
.banners li {width:210px;float:left;padding-right:12px}
.banners p {padding-bottom:7px}
.banners p.font1 {font-weight:bold;color:#318ea2;padding:16px 0 7px 0}
.banners .marker {background:url(../blue/marker_1.gif) no-repeat}
.banners .marker:hover {background:url(../blue/marker_3.gif) no-repeat}
.banners .pad {padding:0 10px 0 15px}
.marker {display:inline-block;background:url(../blue/marker_3.gif) no-repeat;width:17px;height:17px}
.marker:hover {display:inline-block;background:url(../blue/marker_1.gif) no-repeat;width:17px;height:17px}
.line1 {background:url(../blue/line_ver1.gif) 250px 0 repeat-y;padding:7px 0}
.under {padding-bottom:17px;border-bottom:1px solid #ddd;margin-bottom:17px}
.color1 {color:#308da2}
/*
.list1 li {line-height:23px}
.list1 li a {padding-left:20px;background:url(../blue/marker_2.gif) 5px 5px no-repeat}
*/
.menu_option{vertical-align:middle;font-size:140%}

/* .menu_option a:link, a:visited {text-decoration: none;color: blue;cursor: pointer;} */
.clear_line{clear:both;margin-bottom:2px;}

tr{
	font-size: 14px;	
	line-height: 13px;
}

table {
	text-align: left;
}

textarea {
	/* font-family: 'Open Sans'; */
	font-family: Helvetica, Arial, Verdana;
	font-size: 14px;
	margin-top: 6px;
	border: 1px solid #aaa;
	border-radius:3px;
	padding:4px 6px;
}

input {
	/* font-family: 'Open Sans'; */
	/* font-family: Helvetica, Arial, Verdana; */
	font-size: 14px;
	border: 1px solid #aaa;
	border-radius:3px;
	padding: 4px 4px;
}

#qsearch{
	margin-top: 4px;
}

select {
    /* max-width: 350px; */
	/* font-family: 'Open Sans'; */	
	/* font-family: Helvetica, Arial, Verdana; */
	font-size: 14px;
	border: 1px solid #aaa;
	border-radius:3px;
	padding: 4px 2px;
}

/*
button {
	font-size: 13px;
	border: 1px #0066cc solid;
	padding: 2px 6px;	
}
*/

/*
select {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	border: 1px solid #aaa;
	padding: 2px;
	color: #000;
} */

.amount {
	font-family: Helvetica, Arial, Verdana;
	font-size: 14px;
	text-align: right;
}

.amount_submit {
	font-family: Helvetica, Arial, Verdana;
	font-size: 14px;
	text-align: right;
}

/*
optgroup[label] {
   // color: red;
	font-size: 20px;
}
*/	

table td.indentTD {	
	/*background : #D8D8D8;	*/
	text-indent:10px;
}


table tr.highlightpink td{
	background-color: rgb(217, 221, 123);
}

table.tablestyle_app {	
	width: 100%;	
}

table.tablestyle_setup {	
	margin: 5px;
	width: 95%;	
}

table td.voidHightlight
{	
	color: red;
	line-height:60px; 
	font-size: 50px;
	font-weight: bold;	
}

table td.verifyHightlight
{	
	color: green;
	line-height:60px; 
	font-size: 50px;
	font-weight: bold;	
} 

table td.duplicateHightlightblue
{		
	color: darkblue;
	line-height:60px; 
	font-size: 50px;
	font-weight: bold;	
}

table td.duplicateHightlightbrown
{		
	color: brown;
	line-height:80px; 
	font-size: 60px;
	font-weight: bold;	
}

table td.recoveryHightlight{	
		
	color: red;
	line-height:60px; 
	font-size: 36px;
	font-weight: bold;	
} 

table td.bfHightlight{	
		
	color: red;
	line-height:20px; 
	font-size: 16px;
	font-weight: bold;	
} 

table td.bfHightlightblue{	
		
	color: darkblue;
	line-height:60px; 
	font-size: 26px;
	font-weight: bold;	
}

.highlightblue {
	color: blue;	
	font-size: 18px;
}

.colorred {
	color: red;	
}

.colorgray {
	color: gray;		
}

.colorlightgray {	
	color: lightgray;
}

.colorredextra {
	color: red;	
	line-height:26px;
	/* font-size: 18px; */
}

.colorbrown {
	color: brown;	
}

.colorbrownextra {
	color: brown;	
	line-height:26px;
	font-size: 18px;
	font-weight:bold;
}

.colorbrownextra2 {
	color: brown;	
	line-height:60px;
	font-size: 40px;
	font-weight:bold;
}

.colorbrownbold {
	color: brown;	
	/* line-height:18px;
	font-size: 16px; */
	font-weight:bold;	
}

.colorbrownboldextra {
	color: brown;	
	line-height:26px;
	/* font-size: 16px; */
	font-weight:bold;	
}

.colorblue {
	color: blue;		
}

.colordarkblue {
	color: darkblue;	
}

.colordarkbluebold {
	color: darkblue;
	font-weight:bold;	
}

.colorblueextra {
	color: darkblue;	
	line-height:26px;
	font-size: 18px;
	font-weight:bold;	
}

.colorblack{
	color: black;	
}

.colorboldblack {
	color: black;
	font-weight:bold;		
}

.colorblackextra {
	color: black;	
	line-height:26px;
	font-size: 18px;
	font-weight:bold;	
}

.colorgreen{
	color: green;	
}

.colorboldgreen {
	color: green;
	font-weight:bold;		
}

.colorgreenextra {
	color: green;	
	line-height:26px;
	font-size: 18px;
	font-weight:bold;		
}

.text_strike {
	text-decoration:line-through;
	color: red;		
	/* line-height:26px;
	font-size: 18px; */
	/* font-weight:bold; */	
}

.text_center_align {
	text-align:center;
}

.border_top_header {	
	line-height:26px;
	/* padding-top: 14px; */
	font-weight:bold;
} 

.indent_left {	
	text-indent: 20px;	
} 

.underline {	
	text-decoration: underline;	
} 

.border_top_line {	
	border-top: 1px solid #000;	
	line-height:26px;
	/* padding-top: 14px; */
	font-weight:bold;
} 

.label_row {
	/*background-color: #F5F7FC;*/
	/*line-height: 14px;*/
	/*color: black; */
	/*font-size:15px;*/
	vertical-align: middle;
	margin-top: 3px;
	/* font-weight:bold; */
}

.label_row span{
	/*background-color: #efefef;
	color: black; */
	/*font-weight:normal; */
	padding:5px;
}

span.notebutton img {				
	vertical-align: middle;
}

span.notebutton a:hover {
	color:RED;
	
	text-decoration:none;
}

.shortcut{
	padding-top: 14pt;
	padding-right: 15pt;
	float:right;	
}

input:focus, textarea:focus, isindex:focus, checkbox:focus, keygen:focus, select:focus, button:focus{	
	
	outline-color: red;
		/*
	outline-style: solid;
	outline-width: 3px;
	*/

    -webkit-box-shadow: 0px 0px 6px #FF0000;
    -moz-box-shadow: 0px 0px 6px #FF0000;
    box-shadow: 0px 0px 6px #FF0000;
}


.rep_ul li{	
	padding: 6px;
	font-size: 16px;
}

.rep_ul li.selected a{
	font-weight: bold;
}

.rep_ul li.heading {
	font-weight: bold;
}

#fade {
    display: none;
    position:absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #ababab;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .70;
    filter: alpha(opacity=80);
}

#modal {
    display: none;
	position: fixed;
    top: 40%;
    left: 46%;
	width: 75px;
    height: 75px;
    padding:10px 10px 0px;
    border: 1px solid #ababab;
    box-shadow:1px 1px 10px #ababab;
    border-radius:10px;
    background-color: white;
    z-index: 1002;
    text-align:center;
    overflow: auto;
}

table.tablestyle_footer {
	margin-top:	1px; 
	padding: 3px;
}

.navbar {
  width: 100%;
  background-color: #555;
  overflow: auto;
}

.navbar a {
  float: left;
  padding: 16px;
  color: white;
  text-decoration: none;
  font-size: 17px;
  width: 14.5%; /* Four links of equal widths */
  text-align: center;
}

.navbar a:hover {
  background-color: #000;
}

.navbar a.active {
  background-color: #4CAF50;
}

input.passcode {
  -webkit-text-security: disc; /* circle, square */
}

#waitingDialog {
  display: none;
  position: fixed;
  top: 40%;
  left: 40%;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 20px;
  border-radius: 8px;
  font-family: sans-serif;
  z-index: 1000;
}

.btn_color_blue a{	
	-moz-box-shadow:inset 0px 0px 0px 1px #bbdaf7;
	-webkit-box-shadow:inset 0px 0px 0px 1px #bbdaf7;
	box-shadow:inset 0px 0px 0px 1px #bbdaf7;
	//background-color:#2596d7;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:6px;
	border:1px solid #2596d7;
	display:inline-block;
	color:#2596d7;
	font-family:arial;
	font-size:16px;
	/* font-weight:bold; */
	padding:6px 18px;
	text-decoration:none;
}

.btn_color_blue a:hover {
	background-color:#fff0ab;
	color:#000;
}

.btn_color_blue:focus{
	outline-color: red;
}

.btn_color_red a{	
	-moz-box-shadow:inset 0px 0px 0px 1px #bbdaf7;
	-webkit-box-shadow:inset 0px 0px 0px 1px #bbdaf7;
	box-shadow:inset 0px 0px 0px 1px #bbdaf7;
	//background-color:#2596d7;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:6px;
	border:1px solid #da1919;
	display:inline-block;
	color:#da1919;
	font-family:arial;
	font-size:16px;
	/* font-weight:bold; */
	padding:6px 18px;
	text-decoration:none;
}

.btn_color_red a:hover {
	background-color:#fff0ab;
	color:#000;
}

.btn_color_red:focus{
	outline-color: red;
}

.btn_color_green a{	
	-moz-box-shadow:inset 0px 0px 0px 1px #258c31;
	-webkit-box-shadow:inset 0px 0px 0px 1px #258c31;
	box-shadow:inset 0px 0px 0px 1px #258c31;
	background-color:#258c31;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:6px;
	border:1px solid #258c31;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:16px;
	/* font-weight:bold; */
	padding:6px 18px;
	text-decoration:none;
}

.btn_color_green a:hover {
	background-color:#fff0ab;
	color:#000;
}

.btn_color_green:focus{
	outline-color: red;
}


/* [disabled] { color:red; } */