@import url(https://fonts.googleapis.com/css?family=Arvo:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

@import url("/html/TEMPLE/custom/ab_prd_1/custom.css");
@import url(/html/TEMPLE/common/css/w3.css);

/*=================================================================
	LAST UPDATED ON
		10/28/2016
			tmanigly #12
		09/19/2016
			jrams	#11
	    07/23/2016
			ajohn	#10
		06/21/2016
	        dyee  #09			
		10/06/2014
			ajohn #08
		08/11/2014
			ajohn #07
		07/18/2014
			ajohn #06
		03/04/2014
			ajohn #05
		02/08/2014
			ajohn #04
			ajohn #03
		03/18/2013
			ajohn #02
		10/20/2010
			ajohn
=================================================================*/


/*=================================================================
    Datatables Buttons
=================================================================*/

/*******
 #12
*******/
.dt-button {
	box-sizing: border-box !important;
    display: inline-block !important;
    min-width: 1.5em !important;
    padding: 0.5em 1em !important;
    margin-left: 2px !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    color: #333 !important;
    border: 1px solid transparent !important;
    border-radius: 2px !important;
    font-family: 'Open Sans', Helvetica, Arial, serif !important;
    font-size: 110% !important;
    background-color: rgba(0,0,0,0.5) !important;
}

.dt-button:hover {
	color: white !important;
    border: 1px solid #009999 !important;
    background-color: #009999 !important;
    background: linear-gradient(to bottom, #009999 0%, #009999 100%) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 2px solid #009999;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #fff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #fff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, #fff 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, #fff 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, #fff 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #fff 100%);
  /* W3C */
}


.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #009999;
  background-color: #009999;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009999), color-stop(100%, #009999));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #009999 0%, #009999 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #009999 0%, #009999 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #009999 0%, #009999 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #009999 0%, #009999 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #009999 0%, #009999 100%);
  /* W3C */
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #1ABC9C;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1ABC9C), color-stop(100%, #1ABC9C));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #1ABC9C 0%, #1ABC9C 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #1ABC9C 0%, #1ABC9C 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #1ABC9C 0%, #1ABC9C 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #1ABC9C 0%, #1ABC9C 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #1ABC9C 0%, #1ABC9C 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}


/*******
	#11

.DataTable_Table thead th
{
	color: #FFFFFF;
}
	
.fg-toolbar
{
	border: 1px solid #FFFFFF;
	background: #FFFFFF;
}
*******/

	
/*******
	#10
*******/

/*====	w3: BEGIN	======*/

.w3-container
{
	font-family:'Open Sans', Helvetica, Arial, serif !important; 
	font-size:110%;
}

.w3-container fieldset
{
	border:0;
}

.w3-container legend
{
	font-size:125%;
}

.w3-container label span
{
	float:right;
	font-size:90%;
	font-style:italic;
}
.w3-container li
{
	list-style-type:none;
}
.w3-container div
{
	padding-bottom:15px;
}

.w3-container select, 
.w3-container input, 
.w3-container textarea
{
	font-family:'Open Sans', Helvetica, Arial, serif !important; 
	font-size:110%;
}
/*====	w3: END	======*/

.debug
{ border: 1px solid black; }

/*******
 #09
*******/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }
}

.no-gutter {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

img {
    border: 0;
    vertical-align: middle;
}

.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.thumbnail>img, .thumbnail a>img {
    margin-right: auto;
    margin-left: auto;
}

.thumbnail {
    background-color: rgb(255, 255, 255);
    display: block;
    line-height: 1.42857143;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
    clear: both;
}

h1 {
    margin: .67em 0;
    font-size: 2em;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
    font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
    font-size: 75%;
}
h1,
.h1 {
    font-size: 36px;
}
h2,
.h2 {
    font-size: 30px;
}
h3,
.h3 {
    font-size: 24px;
}
h4,
.h4 {
    font-size: 18px;
}
h5,
.h5 {
    font-size: 14px;
}
h6,
.h6 {
    font-size: 12px;
}

h1 > p, h2 > p, h3 > p, h4 > p, h5 > p, h6 > p {
    margin-top: 0;
}

.card {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(238, 238, 238);
    border-radius: 5px;
    box-shadow: none;
    font-family: "Open Sans", Helvetica, Arial, serif;
    font-size: 10px;
    width: 100%;
}

.card + .card {
    margin-top: 2px;
}

.card:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    z-index: 1;
}

.card-content .thumbnail img {
    border-radius: 5px;
}

.card-overlay {
    background-color: rgba(0, 0, 0, .75);
    border-radius: 5px;
    bottom: 0;
    color: rgb(255, 255, 255);
    display: block;
    font-weight: 700;
    position: relative;
    opacity: 0;

    width: 100%;
    z-index: 1;
}

.card:hover .card-overlay {
    border-radius: 5px;
    opacity: 1;
    -webkit-transition: opacity .4s ease 0s;
    -o-transition: opacity .4s ease 0s;
    transition: opacity .4s ease 0s;
}

.card-overlay-content {
    color: rgb(238, 238, 238);
    display: block;
    height: auto;
    left: 50%;
    letter-spacing: 1px;
    position: absolute;
    text-align: center;
    top: 113%;
    transform: translate(-50%, -113%);
    width: 100%;
}

.card-overlay-content[data-preview-text] {
    margin-top: 10px;
}

.card-overlay-content[data-preview-text]:after {
    margin-top: 16px;
}

.card-overlay-content:after {
    content: attr(data-preview-text);
    display: block;
}

.play-button {
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 24px solid #FFFFFF;
    margin: auto auto;
    position: relative;
    z-index: 1;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    left: 4px;
}

.play-button:before {
    content: '';
    position: absolute;
    top: -30px;
    left: -46px;
    bottom: -30px;
    right: -14px;
    border-radius: 50%;
    border: 4px solid #FFFFFF;
    z-index: 2;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.play-button:after {
    content: '';
    opacity: 0;
    transition: opacity 0.6s;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
}

.play-button:hover:before, .play-button:focus:before {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

/* To activate pause button feature, change HTML tag to a link tag and then uncomment to activate pause button on click. */
/*.play.active {
    border-color: transparent;
}

.play.active:after {
    content: '';
    opacity: 1;
    width: 50px;
    height: 80px;
    background: #fff;
    position: absolute;
    right: 5px;
    top: -40px;
    border-left: 20px solid #fff;
    box-shadow: inset 30px 0 0 0 #000;
}*/
/* ***** */

.card-text-col > * {
    display: block;
    height: 100%;
}

.card-text-col h1, .card-text-col h2, .card-text-col h3, .card-text-col h4, .card-text-col h5, .card-text-col h6 {
    color: rgb(0, 153, 153);
}

@media (max-width: 768px) {
    .container, .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    .row.card {
        margin-left: 0;
        margin-right: 0;
    }

    .row.card + .row.card {
        margin-top: 10px;
    }

    h1 {
        font-size: 1.3em;
        font-weight: bold;
        margin-left: 10px;
        margin-top: 5px;
    }

    .card-text-col {
        font-size: 1.4em;
    }

    .card-text-col > p {
        padding-left: 10px;
        padding-right: 5px;
    }

    .card-overlay-content {
        font-size: 1.6em;
    }
}

@media (min-width: 769px) {
    .card-text-col > * {
        padding-left: 20px;
        padding-right: 20px;
    }

    .card-text-col {
        font-size: 1.8em;
    }

    .card-overlay-content {
        font-size: 3.0em;
    }
}

/* Reset container for Portal login page */
.minwidth .container {
    margin: auto;
    padding: inherit;
    width: auto;
}


/*====
 #08
======*/
/* unvisited link */
a:link
{	color:#0000FF;
	text-decoration:none;
}

/* visited link */
a:visited 
{	color: #0000FF;
	text-decoration:none;
}

/* mouse over link */
a:hover
{	color: #0000FF;
	text-decoration:underline;
}

/* selected link */
a:active
{	color: #0000FF;
	text-decoration:none;
}

/*====
 #07
======*/
	.AlignCenter
	{	text-align:center !important;	}

/*====
 #06
======*/
/*	BEGIN: TEXT	*/
	.Title100
	{	font-size:130%;	}
	.CursorPointer
	{	cursor:pointer;	}
	.ArrowNext
	{	display:inline-block;	width:24px; height:24px; background:url(/html/TEMPLE/common/images/misc/br_next_icon&16.png) center center no-repeat;	}
	.ArrowPrev
	{	display:inline-block;	width:24px; height:24px; background:url(/html/TEMPLE/common/images/misc/br_prev_icon&16.png) center center no-repeat;	}
/*	END: TEXT	*/

/*	BEGIN: PAGE LAYOUT	*/
	#Div_Column_01
		{	width:14%;	float:left;	margin:0;	padding:0;	}
	#Div_Column_02
		{	width:86%;	float:left;	margin:0;	padding:0;	}
	#Div_Column_03
		{	width:0;	float:left;	margin:0;	padding:0;	}
	#Div_Column_01_Content
		{	margin:5px; overflow:auto;	}
	#Div_Column_02_Content
		{	margin:5px 5px 5px 0; overflow:auto;	}
	#Div_Column_03_Content
		{	margin:5px 5px 5px 0; overflow:auto;	}
/*	END: PAGE LAYOUT	*/
/*	BEGIN: TABLES	*/
	.Table100 th
		{	border-bottom:1px solid #ebebeb;	font-family:'Open Sans', Helvetica, Arial, serif;	font-size:95%;	color:#009999;	text-transform:uppercase;	font-weight:normal;	text-align:left;	padding:5px 20px;	letter-spacing:1px;	}
	.Table100 td
		{	border-bottom:1px solid #ebebeb;	font-family:'Open Sans', Helvetica, Arial, serif;	font-size:100%;	color:#000;	text-transform:none;	font-weight:normal;	text-align:left;	padding:5px; }							
	.EvenOddColor tr:nth-child(even)
		{	background:#F8FBFC;	}
/*	END: TABLES	*/			


/*====
 #05
======*/
.FieldError
	{	border:2px solid #F00;	}
.OutLineNone
	{	outline:none;	}

#form{
	position:relative;
	display:none;  
	border:0px; 
	border-style:none;
	width:auto;
}





body { margin:73px 0 0 0; font-family:'Open Sans', Helvetica, Arial, serif; font-size:96%; background:url(/html/TEMPLE/custom/ab_prd_1/images/misc/banner.jpg) repeat-x; line-height:normal !important; }
body.NoBg { font-family:'Open Sans', Helvetica, Arial, serif; font-size:96%; background:none; margin:0; }
body.apps { background-image: url(/html/TEMPLE/custom/ab_prd_1/images/misc/banner.jpg); background-repeat: no-repeat; background-position: 0 0; margin:0; }

.ab_Bar { background:#F6D0DB; margin-bottom:3px; width:99%; margin-top:0px; }

.ab_AppTitle { font-family:'Open Sans', Helvetica, Arial, serif; font-size:40px; color:#FFFFFF; }
.ab_LoggedIn { font-family:'Open Sans', Helvetica, Arial, serif; font-size:12px; color:#FFFFFF; }
a.ab_Logout:Active, a.ab_Logout:Link, a.ab_Logout:Visited { font-family:'Open Sans', Helvetica, Arial, serif; font-size:13px; color:#FFFFFF; text-decoration:none; }
a.ab_Logout:hover { text-decoration:underline; }
.ab_copyright { font-family:'Open Sans', Helvetica, Arial, serif; font-size:10px; color:#666666; padding:5px; }

#ab_Box1a { padding:5px; }
#ab_Box1b { background:#CCCCCC; margin-bottom:3px; }
#ab_Box1c { border:1px solid #eeeeee; background:url(/html/TEMPLE/custom/ab_prd_1/images/misc/border_corner.png) left no-repeat; padding:8px 5px 8px 13px; FONT-WEIGHT:normal; FONT-SIZE:10px; TEXT-TRANSFORM:uppercase; COLOR:#d30c44; font-family:'Open Sans', Helvetica, Arial, serif; LETTER-SPACING:1px; }
#ab_Box1d { border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding:5px 5px 25px 5px; background:url(/html/TEMPLE/custom/ab_prd_1/images/misc/bg_channel_footer.gif) repeat-x bottom; font-family:'Open Sans', Helvetica, Arial, serif; font-size:11px; }

.ab_Box1a { padding:5px; }
.ab_Box1b { background:#CCCCCC; margin-bottom:3px; }
.ab_Box1c { border:1px solid #eeeeee; background:url(/html/TEMPLE/custom/ab_prd_1/images/misc/border_corner.png) left no-repeat; padding:8px 5px 8px 13px; FONT-WEIGHT:normal; FONT-SIZE:10px; TEXT-TRANSFORM:uppercase; COLOR:#d30c44; font-family:'Open Sans', Helvetica, Arial, serif; LETTER-SPACING:1px; }
.ab_Box1d { border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding:5px 5px 25px 5px; background:url(/html/TEMPLE/custom/ab_prd_1/images/misc/bg_channel_footer.gif) repeat-x bottom; font-family:'Open Sans', Helvetica, Arial, serif; font-size:11px; }

a.ab_tub_VistaChannelLink_Href, a.ab_tub_VistaChannelLink_Href:visited, a.ab_tub_VistaChannelLink_Href:link { border:1px solid #FFFFFF; padding:5px 0 5px 0; background:url(/html/TEMPLE/tuc/styling/images/misc/vista_blue.png) center; display:block; FONT-SIZE: 12px; COLOR: #333333; font-family:'Open Sans', Helvetica, Arial, serif; TEXT-DECORATION: none; }
a.ab_tub_VistaChannelLink_Href:hover { border:1px solid #FFFFFF; padding:5px 0 5px 0; background:url(/html/TEMPLE/tuc/styling/images/misc/vista_orange.png) center; display:block; FONT-SIZE: 12px; COLOR: #333333; font-family:'Open Sans', Helvetica, Arial, serif; TEXT-DECORATION: none; }
.ab_tub_VistaChannelLink_Div { border:1px solid #e9f4fe; TEXT-DECORATION: none;  }
.ab_tub_VistaChannelLink_Div Img { margin-top:1px; }

a.ab_tub_VistaChannelLink_Href_REV, a.ab_tub_VistaChannelLink_Href_REV:visited, a.ab_tub_VistaChannelLink_Href_REV:link { border:1px solid #FFFFFF; padding:5px 0 5px 0; background:url(/html/TEMPLE/tuc/styling/images/misc/vista_orange.png) center; display:block; FONT-SIZE: 12px; COLOR: #333333; font-family:'Open Sans', Helvetica, Arial, serif; TEXT-DECORATION: none; }
a.ab_tub_VistaChannelLink_Href_REV:hover { border:1px solid #FFFFFF; padding:5px 0 5px 0; background:url(/html/TEMPLE/tuc/styling/images/misc/vista_blue.png) center; display:block; FONT-SIZE: 12px; COLOR: #333333; font-family:'Open Sans', Helvetica, Arial, serif; TEXT-DECORATION: none; }

.ab_ASC { background:url(/html/TEMPLE/tuc/styling/images/icons/bullet_arrow_up.png) no-repeat right; }
.ab_DESC { background:url(/html/TEMPLE/tuc/styling/images/icons/bullet_arrow_down.png) no-repeat right; }

a.ab_img_tub_VistaChannelLink_Href, a.ab_img_tub_VistaChannelLink_Href:visited, a.ab_img_tub_VistaChannelLink_Href:link { border:1px solid #FFFFFF; padding:3px; background:url(/html/TEMPLE/tuc/styling/images/misc/vista_blue.png) center; FONT-SIZE: 12px; COLOR: #333333; font-family:'Open Sans', Helvetica, Arial, serif; TEXT-DECORATION: none; }
a.ab_img_tub_VistaChannelLink_Href:hover { border:1px solid #FFFFFF; padding:3px; background:url(/html/TEMPLE/tuc/styling/images/misc/vista_orange.png) center; FONT-SIZE: 12px; COLOR: #333333; font-family:'Open Sans', Helvetica, Arial, serif; TEXT-DECORATION: none; }

a.ab_VistaChannelLink_Href, a.ab_VistaChannelLink_Href:visited, a.ab_VistaChannelLink_Href:link { border:1px solid #FFFFFF; padding:5px; background:url(/html/TEMPLE/tuc/styling/images/misc/vista_blue.png) center; display:block; FONT-SIZE: 12px; COLOR: #333333; font-family:'Open Sans', Helvetica, Arial, serif; TEXT-DECORATION: none; }
a.ab_VistaChannelLink_Href:hover { border:1px solid #FFFFFF; padding:5px; background:url(/html/TEMPLE/tuc/styling/images/misc/vista_orange.png) center; display:block; FONT-SIZE: 12px; COLOR: #333333; font-family:'Open Sans', Helvetica, Arial, serif; TEXT-DECORATION: none; }
.ab_VistaChannelLink_Div { border:1px solid #e9f4fe; TEXT-DECORATION: none;  }
.ab_VistaChannelLink_Div Img { margin-top:1px; }

a.ab_TabOn, a.ab_TabOn:visited, a.ab_TabOn:link, a.ab_TabOn:active { font-family:'Open Sans', Helvetica, Arial, serif; font-size:11px; text-transform:uppercase; text-decoration:none; line-height:18px; padding:0 5px 0 5px; color:#FFFFFF; letter-spacing:1px; }
a.ab_TabOn:hover { text-decoration:underline; line-height:18px;  padding:0 5px 0 5px; color:#FFFFFF; }
a.ab_TabOff, a.ab_TabOff:visited, a.ab_TabOff:link, a.ab_TabOff:active { font-family:'Open Sans', Helvetica, Arial, serif; font-size:11px; text-transform:uppercase; text-decoration:none; line-height:18px; padding:0 5px 0 5px; color:#000000;  letter-spacing:1px; }
a.ab_TabOff:hover { text-decoration:underline; line-height:18px;  padding:0 5px 0 5px; color:#000000; }

.ab_TDTabOn { border:1px solid #FFFFFF; background:url(/html/TEMPLE/custom/ab_prd_1/images/misc/vista_teal.png); }
.ab_TDTabOff { border:1px solid #FFFFFF; background:url(/html/TEMPLE/custom/ab_prd_1/images/misc/vista_grey.png); }

a.ab_Href1, a.ab_Href1:visited, a.ab_Href1:link, a.ab_Href1:active { text-decoration:none; font-family:'Open Sans', Helvetica, Arial, serif; font-size:12px; color:#990000; text-transform:uppercase;  }
a.ab_Href1:hover { text-decoration:underline; }

.ab_P5px { padding:5px 2px 5px 5px; }
.ab_DLine { border-bottom:1px dotted #CCCCCC; }
.ab_DLine_Left { border-left:1px dotted #CCCCCC; }
.ab_DLine_Right { border-right:1px dotted #CCCCCC; }
.ab_DLine_Top { border-top:1px dotted #CCCCCC; }
.ab_LP10px { padding-left:10px; }
.ab_LM10px { margin-left:10px; }
.ab_TP10px { padding-top:10px; }
.ab_Clear { clear:both; }
.ab_Left { float:left; }

.ab_Paid { color:#009966; }
.ab_Unpaid { color:#999999; }
.ab_Title { font-family:'Open Sans', Helvetica, Arial, serif; font-size:10px; text-transform:uppercase;}
.ab_s12 { font-size:11px; font-family:'Open Sans', Helvetica, Arial, serif; }
.ab_s13 { font-size:13px; }
.ab_Black {color: #000000;}
.ab_Black12 { color: #000000; font-size:12px; }
.ab_White {color:#FFFFFF;}
.ab_Orange { color:#FF6600; }
.ab_TableTH {
	font-family:'Open Sans', Helvetica, Arial, serif;
	font-size:10px;
	color:#009999;
	text-transform:uppercase;
}
.alert{ background:#990000; color:#FFFFFF; font-weight:bold; padding:5px; }
.ab_ErrorMessage { font-size:11px; color:#F00; }

/**************************************************
FOR FORM ELEMENTS
**************************************************/
select, input, textarea { font-size:12px; font-family:'Open Sans', Helvetica, Arial, serif; }
.InputNoBorder { border:0px; font-size:11px; font-family:'Open Sans', Helvetica, Arial, serif; }
.Input { font-size:11px; font-family:'Open Sans', Helvetica, Arial, serif; }
.ab_submit { background:url(/html/TEMPLE/custom/ab_prd_1/images/misc/vista_orange.png) center; padding:5px 5px 3px 5px; border:1px solid #FF9933; font-family:'Open Sans', Helvetica, Arial, serif; font-size:10px; text-transform:uppercase; }
.ab_Print { background:#333333; padding:5px; border:1px solid #FF9933; font-family:'Open Sans', Helvetica, Arial, serif; font-size:11px; text-transform:uppercase; color:#FFFFFF; }

/**************************************************
FOR ERROR MESSAGES
**************************************************/
label.error { color:#F00; display:block; }

/**************************************************
LIST STYLES
**************************************************/
ul.Square li { list-style-type:square;	}

/**************************************************
FOR PASSWORD RETRIEVAL
**************************************************/

.ip_title_20 { font-size:20px; font-family:'Open Sans', Helvetica, Arial, serif; }

.LocErrorMsgCls
{
        padding:5px;
        background-color: #666;
        color: #FFF;
        border:1px solid #333;

}

.LocOkMsgCls
{
        padding:5px;
        background-color: #9E1B34;
        color: #FFF;
        border:1px solid #333;

}





/*=================================================================
	#02
	ADDED NEW STYLES FOR CHANNEL BOXES FOR BOLTON APPS
=================================================================*/
.ab_Box02a {	padding:5px;	margin:2px 4px 10px 4px;	background:#fff;	border:1px solid #ccc; }
.ab_Box02b { 	background:#d30c44; margin-bottom:0px; }
.ab_Box02b img {	height:0px;	}
.ab_Box02c	{	border:0px solid #eeeeee; background:url(/html/TEMPLE/custom/ab_prd_1/images/misc/border_corner.png) left no-repeat; padding:2px 5px 2px 15px; FONT-WEIGHT:normal; FONT-SIZE:10px; TEXT-TRANSFORM:uppercase; COLOR:#d30c44; font-family:'Open Sans', Helvetica, Arial, serif; LETTER-SPACING:1px;	}
.ab_Box02d { border-left:0px solid #eeeeee; border-right:0px solid #eeeeee; border-bottom:0px solid #eeeeee; padding:5px 5px 25px 5px; background:url(/html/TEMPLE/custom/ab_prd_1/images/misc/bg_channel_footer.gif) repeat-x bottom; }
.Div_Footer	{	margin-top:3px;	font-size:95%; padding:10px; background:url(/html/TEMPLE/custom/ab_prd_1/images/misc/foot_logo.gif) no-repeat right top;	}
.Div_Highlight_Groups, .Div_Highlight_Steps {	background:#ffc;	padding:5px;	cursor:pointer;	}
.Div_Nav_Bar	{	background:#F6D0DB; height:2px;	}
.Div_Wrapper	{	background:#f3f3f4;	}
.Title	{	font-size:130%; padding:2px 0;	}
.Txt	{	font-size:100%;	}
.ClearBoth	{	clear:both;	}
.FloatLeft	{	float:left;	}
.FloatRight	{	float:right;	}
.ab_Apps_LoggedUser {	display:inline-block; vertical-align:bottom; margin-top:20px; border:1px solid #F00;	}
.ab_DivHeader { margin-top:5px; height:70px; }
.ab_DivTabs {	float:left; width:65%; margin:44px 0 0 15px !important;;	}
.ab_DivTabs_Tab {	padding:8px 10px !important; margin:1px !important;;	}
/*	FORM	*/
select, input {	padding:3px;	border:1px solid #ccc;	font-size:110%;	}
.ab_s12 { font-size:110%; font-family:'Open Sans', Helvetica, Arial, serif; }
.ab_submit { font-size:110%; background:url(/html/TEMPLE/custom/ab_prd_1/images/misc/vista_orange.png) center; padding:5px 15px; border:1px solid #FF9933; font-family:'Open Sans', Helvetica, Arial, serif; text-transform:none; }
/* TABLE STYLE 1 */
.ab_ChannelTableStyle1 th { border-bottom:1px dotted #ebebeb; font-family:'Open Sans', Helvetica, Arial, serif; font-size:98%; color:#009999; text-transform:uppercase; font-weight:normal; text-align:left; padding:5px; }
.ab_ChannelTableStyle1 td { border-bottom:1px solid #ebebeb; font-family:'Open Sans', Helvetica, Arial, serif; font-size:100%; color:#000; text-transform:none; font-weight:normal; text-align:left; padding:5px 5px 5px 10px; }
/*=================================================================*/



/*=================================================================
	#03
=================================================================*/
.col-md-4	{	padding:5px;	}
.row		{	margin:0;	}


/*=================================================================
	#04
=================================================================*/
table.Table01
	{	padding:5px; background:#FFF; margin-bottom:15px;	}
.Table01 legend
	{	font-family:'Open Sans', Helvetica, Arial, serif; font-size:125%; color:#009999; text-transform:uppercase; font-weight:normal; text-align:left; letter-spacing:1px; padding:0; margin:0;	}
.Table01 th
	{	border-bottom:1px dotted #ddd; font-family:'Open Sans', Helvetica, Arial, serif; font-size:75%; color:#999; text-transform:uppercase; font-weight:normal; text-align:left; padding:5px;	letter-spacing:1px; }
.Table01 td
	{	border-bottom:1px dotted #ddd; font-family:'Open Sans', Helvetica, Arial, serif; font-size:75%; color:#333; text-transform:none; font-weight:normal; text-align:left; padding:5px; }

.Div_LoadingOverlay
	{	position:absolute; text-align:center; left:40%; top:100px; border:0px solid #CCCCCC; width:100px; height:100px; z-index:1;background:url(/html/TEMPLE/common/images/misc/overlay.png); color:#fff;	}
.Div_LoadingOverlay_Relative
	{	position:relative;	}



/*=================================================================
	DATEPICKER
=================================================================*/
.ui-datepicker-current-day > .ui-state-active
{
    font-weight: bold !important;
}


/*=================================================================
    PGPS
=================================================================*/
.pgps-centered{
    display:flex;
    justify-content:center;
    align-items:center;
}

.pgps-popup{
    border-radius: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 20px;
    width:200px;
    height: 80px;
}