/*
NOTIFICATION OF COPYRIGHT AND TRADEMARK

THIS PUBLICATION IS A PROPRIETARY PRODUCT OF LEVINSON ENTERPRISES, INC. dba
AFFINITY GLOBAL SOLUTIONS AND IS PROTECTED BY COPYRIGHT AND TRADEMARK LAWS
AND INTERNATIONAL TREATY.  THIS PUBLICATION MAY NOT BE DISTRIBUTED IN ANY
WAY WITHOUT WRITTEN APPROVAL FROM LEVINSON ENTERPRISES, INC.

© Copyright 1995-2015 LEVINSON ENTERPRISES, INC. dba AFFINITY GLOBAL SOLUTIONS All Rights Reserved
$Revision: 1.16 $
*/
@import url("../fonts/style.css");

html *{
	font-size: 12pt;
}

tr.dummy-row {
	visibility: collapse;
}

span.icon{
	color: white !important;
}

.text{
	font-size: 1em;
	max-height: 100%
}

a{
	cursor: pointer;
	color: #af1a2d !important;
}

#payment_form #cvv{
	width: 27%;
}

#search_form input, #search_form select, #payment_form input, #payment_form select{
	width:50%;
}

#reprint_msg{
	border-style:groove; 
	border-width:2px; 
	border-color:white; 
	display:inline-block;
}

#contain{
  opacity:    0.5; 
  background: #000; 
  width:      100%;
  height:     100%; 
  z-index:    10;
  top:        0; 
  left:       0; 
  position:   fixed; 
}

#alert{
	background:#af1a2d;
	width:400px;
	height:200px;
	text-align:center;
	padding:10px;
	border: 2px solid;
    border-radius: 25px;
    position: relative;
    z-index: 9998;
}

#alert #alert_top{
	position: absolute;
	width: 95%;
  	left: 3%;
  	top: 5%;
  	z-index: 1;
}

#alert #alert_header{
	color: white;
	font-weight: bold;
	
	text-shadow: 2px 2px black;
	font-family: "Open Sans", sans-serif;
	padding:10px;
	
	position: absolute;
  	left: 0%;
  	top: 0%;
  	width: 100%
}

#alert #alert_msg{
	color: black;
	font-weight: bold;
	font-family: "Open Sans", sans-serif;
	
	padding:10px;
	
	position: absolute;
  	left: 0%;
  	top: 25%;
  	width: 100%;
}

#alert #alert_buttons{
	width: 100%;
  	bottom: 0%;
  	left: 0%;
  	position: absolute;
}

#alert #close{
	padding:5px; 
	background:#25456b;
	color: white;
	border-radius:18px;
	width: 100px;
	border: 1px solid black;
	padding:10px;
	display: table;
  	margin: 0 auto;
}

/* ANIMATION */
@-webkit-keyframes rotate { 
  from { -webkit-transform: rotate(0deg) } 
  to { -webkit-transform: rotate(360deg) } }
@-moz-keyframes rotate { 
  from { -moz-transform: rotate(0deg) } 
  to { -moz-transform: rotate(360deg) } }
@-o-keyframes rotate { 
  from { -o-transform: rotate(0deg) } 
  to { -o-transform: rotate(360deg) } }
@keyframes rotate { 
  from { transform: rotate(0deg) } 
  to { transform: rotate(360deg) } }

@-webkit-keyframes fade { 
  from { opacity: 1 }
  50% { opacity: 0 }
  to { opacity: 1 } }
@-moz-keyframes fade { 
  from { opacity: 1 }
  50% { opacity: 0 }
  to { opacity: 1 } }
@-o-keyframes fade { 
  from { opacity: 1 }
  50% { opacity: 0 }
  to { opacity: 1 } }
@keyframes fade { 
  from { opacity: 1 }
  50% { opacity: 0 }
  to { opacity: 1 } }

/* CONTAINER */
.container {
  width: 150px;
  height: 150px;
  /* PRESENTATIONAL PURPOSES */
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  z-index: 1;
  /**/
  cursor: pointer;
  -webkit-user-select: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 6px #222,
    0 0 6px 10px #444;
  -moz-box-shadow: 0 0 0 6px #222,
    0 0 6px 10px #444;
  box-shadow: 0 0 0 6px #222,
    0 0 6px 10px #444
}

/* TEXT */
#content {
  background: #222;
  background: -webkit-linear-gradient(#25456b,	#122236);
  background: -moz-linear-gradient(#25456b,	#122236);
  background: -o-linear-gradient(#25456b,	#122236);
  background: linear-gradient(#25456b,	#122236);
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  font: normal normal normal 12px/140px 
    'Electrolize', Helvetica, Arial, sans-serif;
  color: #fff
}

#content span {
  vertical-align: middle;
  -webkit-animation: fade 1s linear infinite;
  -moz-animation: fade 1s linear infinite;
  -o-animation: fade 1s linear infinite;
  animation: fade 1s linear infinite
}

/* SPINNING GRADIENT */
.ring {
  margin: 0 auto;
  border-radius: 110px;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation: rotate 1s linear infinite;
  -moz-animation: rotate 1s linear infinite;
  -o-animation: rotate 1s linear infinite;
  animation: rotate 1s linear infinite
}

/* COLORS */
.green { 
  background: -webkit-linear-gradient(#bfff00,transparent,#bfff00);
  background: -moz-linear-gradient(#bfff00,transparent,#bfff00);
  background: -o-linear-gradient(#bfff00,transparent,#bfff00);
  background: linear-gradient(#bfff00,transparent,#bfff00)
}

.blue {
  background: -webkit-linear-gradient(#426FCA,transparent,#426FCA);
  background: -moz-linear-gradient(#426FCA,transparent,#426FCA);
  background: -o-linear-gradient(#426FCA,transparent,#426FCA);
  background: linear-gradient(#426FCA,transparent,#426FCA)
}

.red {
  background: -webkit-linear-gradient(#af1a2d,transparent,#af1a2d);
  background: -moz-linear-gradient(#af1a2d,transparent,#af1a2d);
  background: -o-linear-gradient(#af1a2d,transparent,#af1a2d);
  background: linear-gradient(#af1a2d,transparent,#af1a2d)
}

.purple {
  background: -webkit-linear-gradient(#e166e1,transparent,#e166e1);
  background: -moz-linear-gradient(#e166e1,transparent,#e166e1);
  background: -o-linear-gradient(#e166e1,transparent,#e166e1);
  background: linear-gradient(#e166e1,transparent,#e166e1)
}

input[readonly],
input.displayfield,
input.numfieldprot {
	background-color: #C0C0C0 !important;
	color: black !important;
}

.hide,
.hidden,
.displayNone {
	display: none !important;
}

body {
	background: linear-gradient(to right, #4e7191,#b5c6d6,#4e7191) !important;
	background: #4e7191;
	font-family: "Open Sans", sans-serif;
	font-weight: bold;
	color: black;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}


.pad_bottom {
	padding-bottom: 20px;
}

.pad_top {
	padding-top: 20px;
}

.pad_top_10 {
	padding-top: 10px;
}

label.overlabel-apply {
	position: absolute;
	margin-left: 1px;
	z-index: 1;
	color: #455263;
	padding-top: 5px;
}

label.overlabel {
	color: black;
	text-align: left;
	margin-right: 3px;
}


/*style for the placeholder text*/ 
::-webkit-input-placeholder {
	font-size: 1em;
 	color: #455263;
 	font-weight: bold;
}
:-moz-placeholder { /* older Firefox*/
	font-size: 1em;
 	color: #455263;
 	font-weight: bold;
}
::-moz-placeholder { /* Firefox 19+ */ 
 	font-size: 1em;
 	color: #455263;
 	font-weight: bold;
} 
:-ms-input-placeholder { 
 	font-size: 1em;
 	color: #455263;
 	font-weight: bold;
}
 
/*setting select and options to look like the labels*/
select, option {
	font-size: 1em;
 	color: #455263;
 	font-weight: bold;
}

.clickable {
	CURSOR: pointer;
}

.link {
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}

.required_note {
	color: black;
}

/**http://bootsnipp.com/snippets/featured/triangle-breadcrumbs-arrows**/
/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}

.btn-breadcrumb .btn:not(:last-child ):before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 10px solid rgb(173, 173, 173);
	position: absolute;
	top: 50%;
	margin-top: -17px;
	margin-left: 1px;
	left: 100%;
	z-index: 3;
}

.btn {
	padding: 6px 12px 6px 24px;
	display: inline-block;
	margin-bottom: 0px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	line-height: 1.42857;
	border-radius: 4px;
	-moz-user-select: none;
}

.btn-primary {
	color: #FFF;
	background-color: #25456b;
	border-color: #25456b;
}

.btn-secondary {
	color: #FFF;
	background-color: #af1a2d;
	border-color: #af1a2d;
}

.btn-group, .btn-group-vertical {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

/** The Spacing **/
.btn-breadcrumb .btn {
	padding: 6px 12px 6px 24px;
}

.btn-breadcrumb .btn:first-child {
	padding: 6px 6px 6px 10px;
}

.btn-breadcrumb .btn:last-child {
	padding: 6px 18px 6px 24px;
}

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
	border-left: 10px solid #25456b;
}

.btn-breadcrumb .btn.btn-primary:not(:last-child ):before {
	border-left: 10px solid #35608A;
}

.btn-breadcrumb .btn.btn-primary:hover:not(:last-child ):after {
	border-left: 10px solid #35608A;
}

.btn-breadcrumb .btn.btn-primary:hover:not(:last-child ):before {
	border-left: 10px solid #35608A;
}

.btn-breadcrumb .btn.btn-primary:hover {
	background-color: #426FCA;
}

.btn-breadcrumb .btn.btn-primary.active {
	background-color: #426FCA;
	border-left: 10px solid #426FCA;
}

.btn-breadcrumb .btn.btn-primary.active:after {
	border-left: 10px solid #426FCA;
}


.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.btn-group > .btn:first-child {
    margin-left: 0px;
}

.btn-group > .btn, .btn-group-vertical > .btn {
    position: relative;
    float: left;
}

a {
	color: #428BCA;
	text-decoration: none;
}

a {
	background: none repeat scroll 0px 0px transparent;
}

* {
	box-sizing: border-box;
}

/*generated grid from http://www.responsivegridsystem.com/calculator/*/
/*  SECTIONS  */
/*
*.section
* splits up the page horizontally. You'll need a few of these to break up the content, and you can use them in your main wrapper, or within other divs.
*/
.section {
	clear: both;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float: left;
	margin: .25% 0 .25% .25%;
}

.col:first-child {
	margin-left: 0;
}

/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}

.group:after {
	clear: both;
}

.group {
	zoom: 1; /* For IE 6/7 */
}

/*  GRID OF FIVE  */
.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
	width: 83.33%;
}

.span_4_of_6 {
	width: 66.67%;
}

.span_3_of_6 {
	width: 50.00%;
}

.span_2_of_6 {
	width: 33.33%;
}

.span_1_of_6 {
	width: 16.67%;
}

.span_quarter {
	width: 25%;
}

.span_third {
	width: 33.33%;
}

.span_half {
	width: 50%;
}

.span_mid {
	width: 41.665%
}

/**
 * Clearfix
 * Source: http://nicolasgallagher.com/micro-clearfix-hack/
 */
.field-row:before,
.field-row:after,
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.field-row:after,
.clearfix:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.field-row,
.clearfix {
    *zoom: 1;
}


.transparent {
	color: transparent;
}


INPUT.agsCalendar {
	font-family: inherit;
}

/**
 * Normalize Text boxes, Buttons, and Select boxes
 */
input[type="text"],
input[type="password"],
input[type="button"],
input[type="date"],
button,
select {
	height: 24px;
	margin: 1px 0;
	padding: 1px 6px;
	font-style: normal;
	/* border-style: solid; makes the buttons flat */
}

DIV.calendarSelect {
	width: 230px;
	background: menu;
	border: 1px solid #000000;
	position: absolute;
	text-align: center;
	background-color: #ccc;
	line-height: 24px;
	cursor: default;
	z-index: 2;
}

SPAN.icon {
	font: 18px agsIcon;
	color: #5f5f5f;
}

SPAN.icon:hover {
	color: #000000;
	cursor: pointer;
}

SPAN.close {
	float: right;
}

DIV.notaday,
DIV.calendarDay {
  min-width: 31px;
  width: 31px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  text-align: center;
  min-height: 24px;
  height: 24px;
}

DIV.calendarDay.weekend {
	background-color: #a5a4a4;
}

DIV.calendarDay.selectedDay {
	background-color: #af1a2d;
	color: #FFF;
}

DIV.calendarDay:hover {
	background-color: #af1a2d;
	cursor: pointer;
	color: #FFF;
}

DIV.notaday {
	background-color: #cccccc;
}

SPAN.menuIcon:hover {  
	 
	color: rgb(0,0,128);
	 
}

/****
Dynamic Screen
****/
.widthFull {
	width: 60%;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}
.width550{
	width: 550px;
}
.width450{
	width: 450px;
}
.width350{
	width: 350px;
}
.width250{
	width: 250px;
}
.width150{
	width: 150px;
}
.width100{
	width: 100px;
}
.width50{
	width: 50px;
}

/* Below Was Added For Scrolling Table Functionality */
TABLE {
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px;
}

TABLE TD {
	padding: 0;
}

table td {
	vertical-align: middle;
	margin: 0;
	padding: 1px 10px;
	white-space: nowrap;
	font-family:arial;
}

th,
td.totalCell {
	vertical-align: bottom;
	text-align: left;
	margin: 0;
	padding: 1px 10px;
	font-family:arial;
	font-weight:bold;
	cursor: pointer;
}

.header{
	color: white;
	text-shadow: 2px 2px #768fa5;
	font-family: Times New Roman;
	font-size: 24pt;
}

/***
Grid for Dynamic Forms
***/

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

[class*="span"] {
  float: left;
  min-height: 1px;
}
[class*="span"]:last-of-type {
	padding-right: 0px;
}

.grid .row{
	width: 100%;
	margin: 0 auto;
	overflow: auto;
	white-space:nowrap;
}


.row {
  width: 100%;
  overflow: scroll;
  margin: 1px 0 0;
}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";
}
.row:after {
  clear: both;
}
.row [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  overflow: hidden;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.row [class*="span"]:first-child {
  margin-left: 0;
}
.row .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}
.row .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.row .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

.row .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

.row .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

.row .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

.row .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

.row .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

.row .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

.row .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

.row .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

.row .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.row .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}

span.dropt {border-bottom: thin dotted;}
span.dropt:hover span {display:block;}
span.dropt span {
	z-index:3;
	display:none;
    position: absolute;
    margin-left: -25px; margin-top: 0px;
    border: 1px solid black;
    background-color: white;
}





/*
 *dialog box css  
 */
#displaybox {
	height: 100%;
	z-index: 9888;
	position: absolute;
	top: 5%;
	left: 5%;
}

#msgbox {
	text-align: center;
}

#msgbox_2_row{
	top: 35%; 
	left: 35%;
	width: 400px; 
	text-align: center;
	position: fixed;
}

#topLeft,
#topMid,
#topRight,
#midLeft,
#midRight,
#bottomLeft,
#bottomMid,
#bottomRight {
	text-align: left;
	cursor: move;
}

#topLeft {
	/*background: url(images/lefttopcorner2.png) no-repeat;*/
	background-color: rgb(7, 65, 116);
	height: 25px;
	min-height: 25px;
	width: 34px;
	min-width: 34px;
	text-align: center;
}

#topMid {
	/*background: url(images/topmid2.png) repeat-x;*/
	background-color: rgb(7, 65, 116);
	text-align: right;
}

#topRight {
	/*background: url(images/righttopconner2.png) no-repeat;*/
	background-color: rgb(7, 65, 116);
	width: 36px;
	min-width: 36px;
}

#midLeft {
	/*background: url(images/leftmid2.png) repeat-y;*/
	background-color: rgb(7, 65, 116);
	text-align: right;
}

#inside_dialog {
	background-color: #F0FEFC;
}

#midRight {
	/*background: url(images/rightmid2.png) repeat-y;*/
	background-color: rgb(7, 65, 116);
	height: 100%;
}

#bottomLeft {
	/*background: url(images/leftbottomconer2.png) no-repeat;*/
	background-color: rgb(7, 65, 116);
	height: 33px;
	min-height: 33px;
}

#bottomMid {
	/*background: url(images/bottommid2.png) repeat-x;*/
	background-color: rgb(7, 65, 116);
}

#bottomRight {
	/*background: url(../images/rightbottomconner2.png) no-repeat;*/
	background-color: rgb(7, 65, 116);
}

#errorIcon {
	text-align: right;
	cursor: move;
}

#inside_dialog #errorIcon {
	cursor: default;
}

#gChart_1 td,
#gChart_2 td {
	cursor: inherit;
}

#topLeft > img {
	cursor: default;
}

#topMid img,
#topRight > img,
#errorIcon > img {
	cursor: pointer;
}

#msgTable {
	padding: 0;
	border: 0;
	vertical-align: text-bottom;
	border-collapse: collapse;
}

#clipboardIcon {
	vertical-align: middle;
}

#paypalimg{
	width:5%;
}

#paypalbtn{
	width:39%;
	cursor: pointer;
}

#cvvimg{
	width:100%;
}

/**end of dialog box css**/