﻿
#load150
{
	display: block;
	margin: 0 auto;
	margin-top:100px;
}

.tabContent
{
    background-color:none;
    /*min-height: 420px;*/
    position:relative;
    /*margin: 10px;
    display: block;
    width: 858px;*/
}

/*************************** Search Results Table *******************************/
table.providerResults {
    font-size: 11px;
    text-align: left;
    border-collapse: collapse;
    width: 100%;
    margin-top: 0px;
    font-family: Arial, Sans-Serif;
}

table.providerResults tr
{
	border-bottom: 1px solid grey;
	cursor: pointer;
	background: #FFFFFF;	
}

table.providerResults tr:hover
{
	background: #DFEDCA;	
}

table.providerResults tr td
{
	padding: 6px 2px 6px 8px;
}

table.providerResults tr th
{
	background: #B7C3CA;
    color: black;
    font-weight: normal;
    padding: 9px 2px 7px 8px;
}
table.providerResults tr th.col1 {width: 10% !important;}
table.providerResults tr th.col2 {width: 35% !important;}
table.providerResults tr th.col3 {width: 14% !important;}
table.providerResults tr th.col4 {width: 14% !important;}
table.providerResults tr th.col5 {width: 10% !important;}
table.providerResults tr th.col6 {width: 10% !important;}
table.providerResults tr th.colIcon {width: 5% !important;}


table.providerResults tr td.col1 {}
table.providerResults tr td.col2 {}
table.providerResults tr td.col3 {}
table.providerResults tr td.col4 {}
table.providerResults tr td.col5 {}
table.providerResults tr td.col6 {}
table.providerResults tr td.colIcon {min-height:24px;}
table.providerResults tr td.colIcon div.resultAdd {height:23px;display:block;width:23px;background:url("../images/beta/betaimg-map.png") no-repeat scroll 0 -61px rgba(0, 0, 0, 0);}
table.providerResults tr:hover td.colIcon div.resultAdd,table.providerResults tr:focus td.colIcon div.resultAdd { background-position: 0 -31px;}
table.providerResults tr td.colPrg {min-height:24px;}
table.providerResults tr td span.colPrg {height:23px;display:block;width:23px;background-image:none;background-color:transparent;}
table.providerResults tr td span.colPrg.fpl {background-image: url("../images/beta/betaimg-map.png");background-position: -170px -5px;}

table.providerResults tr:hover td.colIcon {background-position: -50px -266px;}
table.providerResults tr.row_open td.colIcon {background-position: -20px -176px;}
table.providerResults tr.row_open:hover td.colIcon {background-position: -20px -176px;}

table.providerResults tr:focus {outline:none;}
table.providerResults tr:hover td, table.providerResults tr:focus td {background-color: rgba(0,195,155,0.1);}
table.providerResults tbody tr:hover > .sorting_1, table.providerResults tbody tr:focus > .sorting_1 {background-color: rgba(0,125,65,0.2) !important;}


table.providerResults tr td.col1 div {height:50px; width:90px;margin:0 auto;overflow:hidden; background:url(/images/no-image.png) no-repeat center center transparent;}
table.providerResults tr td.col1 div img{height:50px;display:block;margin:0 auto;/*width:100%;*/}

.all table.providerResults tr td.col1 div {width:50px;}

table.providerResults tr th:hover {	}

table.providerResults tr td:first-child,
table.providerResults tr th:first-child
{
	border-left: none;
}


/************* TABLE SORTING *************/

table.providerResults tr th.sorting,
table.providerResults tr th.sorting_asc,
table.providerResults tr th.sorting_desc
{
	background-image: url(../images/beta/betaimg-map.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right -557px;
}
table.providerResults tr th.sorting:hover,
table.providerResults tr th.sorting:focus {
    background-position: right -707px;
    background-color: #A4B2BE;
    outline:none;
}

table.providerResults tr th.sorting_asc{
    background-position: right -617px;
}
table.providerResults tr th.sorting_asc:hover,
table.providerResults tr th.sorting_asc:focus {
    background-position: right -677px;
    background-color: #A4B2BE;
}

table.providerResults tr th.sorting_desc{
    background-position: right -587px;
}
table.providerResults tr th.sorting_desc:hover,
table.providerResults tr th.sorting_desc:focus {
    background-position: right -647px;
    background-color: #A4B2BE;
}
table.providerResults tr th.sorting_disabled:hover {
    background-color: #B7C3CA;  
    cursor:default;
    }


/************************************** TOGGLE SWITCH **********************************/
.switch-box {width:100%;display:block;margin:4px 0;clear:both;position:relative;}
.switch-box label {
    display: inline-block;
    padding: 0px;
    vertical-align: top;
    margin-top: 10px;
    font-size: 0.9em;
}
.switch-box span.OrgTick {
    background-image: url("../images/beta/betaimg-map.png");
    background-position: -170px -5px;
    display: inline-block;
    height: 22px;
    width: 30px;
    margin-top: 6px;
    vertical-align: top;    
}
.arc-switch-chk {display:none;}
.arc-switch {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	border: 0;
	outline: 0;
	cursor: pointer;
	margin: 4px 10px;
    display:inline-block;
}
/* To create surface of toggle button */
.arc-switch:after {
	content: '';
    width: 50px;
    height: 28px;
    display: inline-block;
    background: rgba(196, 195, 195, 0.95);
    border-radius: 18px;
    clear: both;
    box-shadow: inset #000 2px 1px 6px;
    border: 2px solid transparent;
}
/* Contents before checkbox to create toggle handle */
.arc-switch:before {
	content: '';
	width: 9px;
	height: 9px;
	display: block;
	position: absolute;
	left: 4px;
	top: 3px;
	border-radius: 50%;
	background: white;
	border:8px solid white;
}
/* Shift the handle to left on check event */
.arc-switch:checked:before,.arc-switch.closed:before {left: 26px;}
/* Background color when toggle button will be active */
.arc-switch:checked:after,.arc-switch.open:after {background: #16A005;box-shadow: none;}

.arc-switch,
.arc-switch.open,
.arc-switch.closed,
.arc-switch:before,
.arc-switch:after,
.arc-switch:checked:before,
.arc-switch:checked:after {
	transition: ease .3s;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-o-transition: ease .3s;
}
.arc-switch:focus:before {
    background-color: #ff8f27;
}

#arc-switch-tt {
    position: absolute;
    background-color: #fff;
    border: 1px solid #bbb;
    padding: 5px 10px;
    max-width: 260px;
    top: -50%;
    left: 252px;
    z-index: 1000;
    border-radius: 5px;
    box-shadow: #000 3px 3px 20px;
}
#arc-switch-tt p.title {font-weight:bold;}
#arc-switch-ttclose {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    color: #A4B2BE;
    width: 30px;
    height: 30px;
    padding: 5px 12px;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 15px;
}
#arc-switch-ttclose:hover { color:red; }

.tt-triangle{
    margin: -15px auto 0;
    width: 20px;
    height: 100px;
    position: absolute;
    top:0;
    left:-20px;
}
.tt-triangle polygon {
    fill:#fff;
    stroke:#bbb;
    stroke-width:2;
}
/*************************************** SEARCH PANES **********************************/

.dtsp-titleRow {height: 44px;cursor: pointer;font-size: 0.9em;background-color: #A4B2BE;border-radius:5px;margin-bottom:3px;}
.dtsp-titleRow.open {background-color:transparent;}
.dtsp-titleRow .dtsp-title {padding: 14px 0 10px 30px !important;
    background-image: url(/Images/beta/expandArrows.png);
    background-position: 0px -106px !important;
    background-repeat: no-repeat;
}
.dtsp-titleRow:hover, .dtsp-titleRow:focus {background-color: #ff8f27;outline:none;}
.dtsp-titleRow:focus .dtsp-title, .dtsp-titleRow:hover .dtsp-title {color: #fff;background-position: 0px -46px !important;}
.dtsp-titleRow.open .dtsp-title {background-position: 0px -196px !important;}
.dtsp-titleRow.open:focus .dtsp-title, .dtsp-titleRow.open:hover .dtsp-title {background-position: 0px -76px !important;}

.dtsp-columns-5:first-of-type {max-width:38%}
.dtsp-subRowsContainer {position:relative;height:35px;}
.dtsp-topRow > div {position:absolute;right:0;top:0;}
.dtsp-topRow > div:first-of-type{left:0;right:35px;}
.dtsp-searchCont {position:relative;} 
.dtsp-showAll {display:none !important;}
.dtsp-collapseButton {display:none !important;}
.dtsp-nameButton {display:none !important;}
.dtsp-countButton {display:none !important;}
.dtsp-collapseAll {display:none !important;}
.dtsp-clearAll:hover {color:#fff;}
div.dtsp-topRow input.dtsp-search {
    border: 1px solid grey !important;
    background-color: #fff !important;
    width: 99% !important;
    max-width: none !important;
    padding: 0 40px 0 0;
    margin: 0 !important;
    border-right: 0;
    box-sizing: border-box;
    color: #000 !important;
    font-weight: bold;
}
.dtsp-searchButtonCont {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
}
.dtsp-searchButtonCont .dtsp-paneButton {
    margin: 0 !important;
    border: 1px solid grey !important;
    background-color: #fff !important;
    opacity: 1 !important;
    border-left:0 !important;
}

.dtsp-searchButtonCont .dtsp-paneButton.dtsp-searchIcon {cursor:pointer;background-image: url("/Images/icons/Icons_Responsive.png");background-position: -1px -750px;}
.dtsp-searchButtonCont .dtsp-paneButton.dtsp-searchIcon:hover {background-color:#ff8f27 !important;background-position: -1px -650px;}
.clearButton {    
    margin: 0 !important;
    font-size: 1.2em;
}
.clearButton:hover {    
    color: #fff !important;
    opacity: 1 !important;
    background-color: crimson !important;
    cursor:pointer;
}

@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
    .dtsp-pill { float:right; }
    .dtsp-searchPane { float:left; }
    .dtsp-searchPane.dtsp-columns-5 { margin-right:1% !important; }
}


/********************************* Results Paging and Info *****************************/

#resultsall_wrapper {position:relative;}

.toolbar
{
    font-size: 11px;
    text-transform: uppercase;
    position: relative;
    top: 0px;
    height: 44px;
    height: auto;
    font-family:Arial;
}

#resultsall_info
{
    /*color: #667079;*/
    font-weight:bold;
    font-size: 11px;
    position: absolute;
    /*top: 22px;*/
    bottom: 10px;
}

#resultsall_paginate
{
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 4px;
}
.meta {position: relative;height: 44px;}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    /*padding: 0.6em 1em 0.5em;*/
    height: auto;
}

*+html #resultsall_info {top: 23px;}
*+html #resultsall_paginate {top: 12px;}

.dataTables_paginate a
{
	background-color:#B7C3CA;
    border: 3px solid #B7C3CA;
    color: #657078;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    margin-left: 4px;
    min-width: 16px;
    padding: 4px 4px;
    text-align: center;
}
.tdPage .dataTables_paginate a {
    height: initial;
}
.dataTables_paginate a.paginate_active,
.dataTables_paginate a.paginate_active:hover,
.dataTables_paginate a.paginate_button.current,
.dataTables_paginate a.paginate_button.current:hover
{
	color: #B7C3CA;
	background-color: #FFFFFF;
	border-color: #B7C3CA;
    cursor:pointer;
}
.dataTables_paginate a.first,
.dataTables_paginate a.previous,
.dataTables_paginate a.next,
.dataTables_paginate a.last
{
	background-image: url(../images/beta/betaimg-map.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: -223px -101px;
	text-indent: -900em;
}
.dataTables_paginate a.first {background-position: -295px 1px;}
.dataTables_paginate a.previous {background-position: -329px 1px;}
.dataTables_paginate a.next {background-position: -363px 1px;}
.dataTables_paginate a.last  {background-position: -397px 1px;}

.dataTables_paginate a.first:hover {background-position: -295px -39px;}
.dataTables_paginate a.previous:hover {background-position: -329px -39px;}
.dataTables_paginate a.next:hover {background-position: -363px -39px;}
.dataTables_paginate a.last:hover  {background-position: -397px -39px;}

.dataTables_paginate a.paginate_button_disabled.first:hover,
.dataTables_paginate a.paginate_button_disabled.first {background-position: -295px -19px;}
.dataTables_paginate a.paginate_button_disabled.previous:hover,
.dataTables_paginate a.paginate_button_disabled.previous {background-position: -329px -19px;}
.dataTables_paginate a.paginate_button_disabled.next:hover,
.dataTables_paginate a.paginate_button_disabled.next {background-position: -363px -19px;}
.dataTables_paginate a.paginate_button_disabled.last:hover,
.dataTables_paginate a.paginate_button_disabled.last  {background-position: -397px -19px;}

.dataTables_paginate a:hover
{
	color: White;
	background-color: #657078;
	border-color: #657078;
}


#results_all img
{
	display:block;
	margin:0 auto;
}
.resultstoolbar img
{
	border: none;	
}
.requestTextContainer img
{
	display:block;
    margin: 20px 0 0 20px;
}

/********** Hide disabled paging buttons***********/
.dataTables_paginate a.paginate_button_disabled,
.dataTables_paginate a.paginate_disabled_previous,
.dataTables_paginate a.paginate_disabled_next,
.dataTables_paginate a.paginate_button_disabled:hover,
.dataTables_paginate a.paginate_disabled_previous:hover,
.dataTables_paginate a.paginate_disabled_next:hover
{
    background-color:#E5E9EC;
    border-color:#D3DBDE;
    cursor:default;
    color: #9ca5ae;
}

/***************************************************************************************/

table.providerResults tr.row_selected
{
    background:#DFEDCA;
    color:#598527;
    font-style:italic;  
}

table.providerResults tr.row_selected .rowSelect
{
    display:none;
}
table.providerResults tr.row_selected:hover
{
    background:#CDEC9D;
    color:#598527;
    font-style:italic;
}

table.providerResults tr.row_strikethrough
{
    background:silver;
    color:#598527;
    font-style:italic;  
    text-decoration:line-through;
}
table.providerResults tr.row_strikethrough:hover
{
    background:silver;
    color:#598527;
    font-style:italic;
    text-decoration:line-through;
}


#results_all table.providerResults tr.row_selected td.colIcon img,
#results_all table.providerResults tr.row_selected:hover td.colIcon img 
{visibility:hidden;}

table.providerResults tr td.dataTables_empty,
table.providerResults tr td.dataTables_empty:hover
{
    background: #EDEDED;
    font-style: italic;
    padding: 11px 10px 8px;
    cursor: default;
    font-size: 1.1em;   
}


table.providerResults tr.row_open {background:#FCE0D4;}
table.providerResults tr.row_open td.colIcon div.resultAdd {background-position:-30px -60px;}

table.providerResults tr.row_open:hover {background:#FCE0D4;}
table.providerResults tr.row_open:hover td.colIcon div.resultAdd {background-position:-30px -31px;}


/****************************** Expandable Row ***********************************/

.clear{clear:both;}
.hide {display:none;}


table.providerResults tr.edit,
table.providerResults tr.edit:hover
{
    background:url(../images/beta/expandRowBG.png) repeat scroll 0 0 #E5E9EC;
    cursor:default;
}
tr.edit .parsley-form {padding: 0px;}

.expandRowFormContainer 
{
    background-color: #E5E9EC;
    border: 1px solid #657078;
    margin: 15px 50px;
    position:relative;
}
.expandRowFormContainer .userMessageBox 
{
    margin:10px;
}
.fairText {
    padding: 10px 20px 15px;
    width:74%;
}
.fairCheck {
    margin-bottom: 15px;
    text-align: left;
    width: auto;
}
.fairCheck p {font-weight:bold;display:inline;}
fieldset legend.fairCheck span input.checkboxGroup {float: none;}
.expandRowFormContainer .buttonsContainer{
    padding: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    width: auto;
}
.fairForm {
    background-color:Silver;
    height:100px;
    margin:0 20px 20px;
}

/**************************************************************/

/********** No Results ************/

.searchTipsContainer {padding:10px 50px;}
.searchTipsContainer .column 
{
    display: inline-block;
    margin-left: 25px;
    padding: 10px 0;
    width: 48%;
    vertical-align:top;
}
.searchTipsContainer .column:first-child 
{
    margin-left: 0px;
}

.imgContainer {margin:10px 0;}
.imgContainer img {width:100%}

/**********************************/


.pageKey {
    margin: 5px 0;
}
.pageKey ul {
    background-color: transparent;
    background-color: rgba(0,0,0,0.1);
    border: 1px solid silver;
    border:0;
    color: grey;
    font-size: 0;
    list-style: outside none none;
    margin: 0 0 0 50%;
    padding: 5px 0;
    border-radius: 4px;
    position: relative;
}
.pageKey ul li {
    box-sizing: border-box;
    display: inline-block;
    padding: 3px 10px;
    position: relative;
    width: 100%;
    vertical-align:top;
}
.pageKey ul li.keyTitle {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    position: absolute;
    left: -58px;
    top: 12px;
}
.pageKey ul li.keyTitle span {
    font-size: 11px;
    margin: 0 5px;
    padding: 0;
}
.pageKey ul li span {
    padding-left: 45px;
    margin: 0;
    width: auto;
    text-indent: 0;
    font-size: 11px;
    padding-top: 6px;
    color: black;
    min-height: 27px;
    box-sizing: border-box;
}
.pageKey ul li p {
    display: inline-block;
    font-size: 11px;
    margin:4px 0 2px 42px;
    padding: 0;
    vertical-align: top;
}
.pageKey ul li p b {
    color: #464646;
    font-weight: normal;
}
.pageKey ul li div.keyImg {
    background-image: none;
    background-position: -12px -25px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 26px;
    position: absolute;
    width: 38px
}
.pageKey div.keyImg.iconTick {background-image: url("../images/beta/betaimg-map.png");background-position: -165px -5px;}