@import "acres/index.css";

form {
	margin: 0px;
}

a:link, a:visited {
	text-decoration:none;
}
img {
	border:none;
}
select{
    background: #ffffff;
    border: 1px solid #CCC;
}

option {
	padding-right:10px;
}
textarea{
	margin-bottom: 5px;
}

hr {
	background-color: #808080;
	margin: 5px 0;
}

.MainTable {
	border: 5px solid #FFFFFF;
	width:977px;
	height:100%;
}

.MainBorder {
	height:100%;
	border: 1px solid #000000;
	margin-left:auto;
	margin-right:auto;
	width:977px;
	margin-top:20px;
}

.logo {
        background: #FFF url(/bit/images/logo_background.gif) top right no-repeat;
	height: 78px;
}

#main_wrapper {
	max-width: 1050px;
	width: 100%;
	align-self: center;
}

.LogoHolder {
	float:left;
	width: 300px;
}

.TopNav {
	padding-top:10px;
	color: #B7250C;
	line-height:20px;
	float: right;
	width:150px;
}
.TopNav a {
	color: #B7250C;
	font-weight:bold;
}
.TopNav a:visited {
        color: #B7250C;
        font-weight:bold;
}

.headerselected a {
	color:#7AD3F7 !important;
}

.headerselected {
	background: black;
}

.header {
	background: #B7250C url(/bit/images/header_background.gif) top right no-repeat;
	height:27px;
	border-bottom:1px solid #FFFFFF;
}
.header td {
	padding-left:10px;
	padding-right:10px;
}

.header td a {
	color:#F7EA8B;
	font-weight:bold;
}

.header td a:hover {
	color:#FFFFFF;
        font-weight:bold;
}

.leftnav {
	width: 25%;
	float: left;
	margin: 25px 0 0;
	vertical-align: top;
	line-height: 20px;
	color: #000;
	background-color: #FFF;
	border: 1px solid #CCC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    min-height: 335px;
}

.leftnav a {
	color:#000000;
  font-weight: normal;
  font: 14px Arial, Helvetica, Verdana, sans-serif;
}

.leftnav a:visited {
        color: #000000;
        font-weight: normal;
}

.leftnav a:hover {
	color: #502e84;
	font-weight: normal;
}

.leftnav div {
	padding: 0 10px 0 15px;
}

.leftnav h2 {
    font-size: 16px;
    margin: 10px 0 5px -5px;
}

.leftnav .leftlevelthree {
        margin-top:0px;
	margin-left:10px;
	padding:0px;
}


.section {
}
.section a {
	color: #000000;
	font-weight: normal;
}
.section a:visited {
        color: #000000;
        font-weight: normal;
}

.section a:hover {
	color: #502e84;
	font-weight: normal;
}

.quicklinks {
	margin-top: 20px;
	height:200px;
}

.maincontent {
	color: #333333;
	padding: 15px;
	vertical-align: top;
	width: 73.1%;
	float: right;
	margin: 25px 0 0;
	background-color: #FFF;
	border: 1px solid #CCC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size:12px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
  min-height: 305px;
  margin-bottom: 5vw;
}
.maincontent input[type="text"], .maincontent  input[type="noname"], .maincontent input
{
	padding: 3px;
	background-color: #FFF;
	border: 1px solid #CCC;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	width: 48%;
}
.maincontent input[type="radio"]
{
	border:none;
	width:15px;
	vertical-align: middle;
	margin-left: 3px;

}
.maincontent input[type="checkbox"]
{
	border:none;
	background-color: transparent;
	width:15px;
}
#txtFileName
{
	width:100%;
}

#RecordName
{
	width:90%;
	margin-bottom: 18px;
}
.maincontent a:not(a) > .bcrumb, .maincontent a:visited:not(a) > .bcrumb {
	font-weight:bold;
        color: #00b9da;

}

.maincontent a:hover {
        font-weight:bold;
        color:#333333;
}


.greenbtnL {
	padding:0px;
	margin:0px;
	border:none;
	height:26px;
	background : url(/bit/images/greenbtn_L.gif) top left no-repeat;
	width:100%;
	color:#FFFFFF;
	font-weight:bold;
}
.greenbtnR {
	border:none;
	background : #22b24b url(/bit/images/greenbtn_R.gif) top right no-repeat;
	padding:0px;
	margin:3px;
	width:120px;
	text-align:center;
	float:left;
}

.greenbtnR:hover, .greenbtnL:hover{
	background: #8367ae;
}

.bluebtnL {
	padding:0px 3px;
	margin:0px;
	border:none;
    background: #502e84;
	height:26px;
	width:100%;
	color:#FFFFFF;
	font-weight:bold;
    border-radius: 3px;
}

.bluebtnLDisabled{
	padding: 0px 3px;
	margin: 0px;
	border: none;
	height: 26px;
	width: 100%;
	background-color: #888;
	color:white;
	font-weight: bold;
	border-radius: 3px;
}

.bluebtnR {
	border:none;
	background : #502e84;
	padding:4px 0px;
	margin:3px;
	text-align:center;
	float:left;
    border-radius: 3px;
}
.bluebtnLhover, .bluebtnL:hover:not([disabled]) {
	padding:0px;
	margin:0px;
	border:none;
	height:26px;
	width:100%;
	color:#ffffff;
	font-weight:bold;
	cursor: pointer;
    background: #8367ae;
    border-radius: 3px;
}
.bluebtnRhover, .bluebtnR:hover{
	border:none;
	padding:4px 0px;
	margin:3px;
	text-align:center;
	float:left;
	cursor: pointer;
    background: #8367ae;
    border-radius: 3px;
}

.btnDisabled {
	color: #777777 !important;
}

.maincontent h1, .leftnav h1 {
	font-family: Arial;
	font-size:24px;
	font-weight:bold;
	color: #502e84;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
}
h2 {
	font-family: Arial;
	font-size:18px;
	font-weight:bold;
	color: #502e84;
	margin-top:10px;
	margin-bottom:0px;
	padding:0px;
}

h3 {
	font-size:12px;
        font-weight:bold;
	color:#B7250C;
	margin:0px;
	padding:0px;
}

p {
	color:#333333;
	margin-top:0px;
	margin-bottom:10px;
	line-height: 20px;
}

.bcrumb {
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	color:#000000;
	margin: 5px 0 10px 1px;
	padding: 0 0 5px;
	border-bottom: 1px solid #808080;
}
.bcrumb a {
	font-size: 12px;
	color:#666666;
        font-weight:bold;
}

.datatable {
	border: 5px solid #FFFFFF;
}

.datatable th {
	background-color:#ffffff;
	color: #6c6868;
	text-align:center;
	font-size: 14px;
	font-weight:bold;
	padding:5px;
    border-bottom: 1px solid #979797;
}

.datatable .subhead {
	color:white;
	font-size:13px;
	font-weight:bold;
	background: #8367ae;
}
.datatable tr.siterow:nth-child(even){
	background-color: #F5EEFF;
}
.datatable tr.siterow:nth-child(odd){
	background-color: #D5C0F1;
}

.datatable td {
	padding-left:10px;
	color: #6c6868;
    border-bottom: 1px solid #979797
}

.formtable td {
	padding:3px 5px;
	text-align: left;
}

.formtable th {
	padding:3px 5px;
}

.divider {
	border-top: 1px solid #FFFFFF;
	width:100%;
}

.resourcetopics td {
	border-bottom: 1px solid #FFFFFF;
}

.rheader a {
        font-size:18px;
        font-weight:bold;
        color: #006600;
        margin-top:10px;
        margin-bottom:0px;
        padding:0px;
}

.date {
	font-family: Arial;
	font-weight: bold;
	color: #BC530C;
	line-height: 14px;
	font-size: 12px;
}

.toolbox_top_row{
	clear: both;
	padding: 10px;
	padding-right: 0px;
}

.toolbox_bottom_row{
	clear: both;
	padding: 10px;
	padding-right: 0px;
}

.toolbox_left_option{
	float: left;
	width: 333px;
	height: 116px;
}

.toolbox_right_option{
	margin-left: 367px;
	padding-left: 15px;
	height: 116px;
	width: 394px;
}

.siteinventorydata_form{
	padding-top: 10px;
	height: 75px;
}

.siteinventorydata_choose{
	padding: 2px;
	float: left;
	clear: both;
}

.siteinventorydata_programselect_container {
	max-width: 280px;
	margin-right: 10px;
}

.siteinventorydata_programselect {
	max-width: 280px;
}

.siteinventorydata_programfeatures{
	clear: both;
	padding-bottom: 10px;
	height: 100px;
}

.siteinventorydata_sitefeatures{
	clear: both;
	padding-bottom: 10px;
	height: 100px;
}

.siteinventorydata_button{

	background-color: #502e84;
	border: 0px;
	height: 50px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	margin-right: 2px;
	padding: 3px 5px;
}

.siteinventorydata_button:hover {
	background-color: #8367ae;
	color: white;
	cursor: pointer;
}

.siteinventorydata_hr{
	background-color: white;
	border: 0px;
	margin-bottom: 15px;
	height: 1px;
}

.siteinventorydata_tabs{
	clear: both;
}

.siteinventorydata_tab{
	float: left;
	background-color: #b0aeb1;
	margin-right: 4px;
	width: 180px;
	height: 20px;
	text-align: left;
	padding: 7px 0px 0px 5px;
	border-bottom: 5px solid #9c9c9c;
}

.siteinventorydata_tab_selected{
	float: left;
	background-color: #ffffff;
	margin-right: 4px;
	width: 180px;
	height: 20px;
	text-align: left;
	padding: 7px 0px 5px 5px;
}

.siteinventorydata_tab a{
	font-size: 13px;
	color: #6a6a6a;
}

.siteinventorydata_tab_selected a{
	font-size: 13px;
	color: #316493;
}

.siteinventorydata_siteinformation{
	clear: both;
	background-color: #eaeaea;
	margin-top: 25px;
	padding: 10px 5px 10px 5px;
}

.siteinventorydata_table{
	width:calc(100% - 7px);
	clear: both;
	border: 5px solid white;
	border-spacing: 0px;
	border-spacing: 0px;
}

.siteinventorydata_options{
	clear: both;
}

.siteinventorydata_option{
	float: left;
	background-color: white;
	border: 1px solid black;
	margin: 1px 2px 1px 0px;
	text-align: center;
}

.siteinventorydata_option a{
	padding: 5px 30px;
}

div .siteinventorydata_group{
	border: 1px solid #9c9c9c;
	padding: 10px 5px 0px;
	margin: 0px 0px 5px;
}

.formtableselector{
	width: auto;

}

.formtable{
	border-collapse: collapse;
	background-color: #502e84;
    color: white;
    font-weight: bold;
	width: 95%;
	margin: 0px auto;
}

.formselectedcomments{
	width: 700px;
	height: 100px;
}

.formtablerow{
	height: 5px;
	cursor: pointer;
	text-align: left;
	background-color: #FFF;
	color: #000;
}

.formtablerownopointer{
	height: 5px;
	text-align: left;
	background-color: #FFF;
	color: #000;
}

.formtablerowselected{
	background-color: #8367ae;
	color: #FFF;
	text-align: left;
}

.formtablecell{
	padding-left: 10px;
	text-align: left;
}

/* Specific table styles */
#table_198 {
	.check-1 {
		width: 30%;
	}

	.check-2 {
		width: 15%;
	}
}

#table_182 {
	.check-1 {
		width: 10%;
	}

	.check-2 {
		width: 25%;
	}

	.check-3 {
		width: 25%;
	}
}

.helpfulhintslink {
	font-size: 14px;
	color: #B7250C;
	font-weight: bold;
	margin-right: 10px;
}

.datasearchexport_searchrow {
	padding: 2px 0px;
}

.datasearchexport_searchrow input {
	width: 155px;
}

.datasearchexport_searchrow select {
	margin-right: 5px;
}

.formtablehead{
	height: 30px;
    color: #ffffff;
    background: #502e84;
    white-space: nowrap;
}

.formtableheader{
	border: 1px solid #000;
	text-align: left;
	padding: 0px;
	border-spacing: 0px;
}

.siteinventorydata_leftaligned{
	clear: left;
	float: left;
	width: 47%;
	text-align: left;
	margin: 0px 0px 2px;
}

.siteinventorydata_rightaligned{
	clear: right;
	float: right;
	width: 47%;
	text-align: left;
	margin-bottom: 2px;
}

.siteinventorydata_centeraligned{
	clear: both;
	margin: auto;
	text-align: center;
	margin-bottom: 2px;
}

.siteinventorydata_aligned{
	clear: both;
	margin: auto;
	text-align: center;
	margin-bottom: 2px;
}


.clearfix:after {
	content: "";
	visibility: hidden;
	clear: both;
	display: block;
	height: 0;
}

.clear {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.siteinventorydata_text{
	float: left;
	width: 48%;
	text-align: left;
}

.siteinventorydata_text_dumps {
	float: left;
	width: 70%;
	text-align: left;
}

.siteinventorydata_text_dumps_form {
	float: left;
	width: 80%;
	text-align: left;
}

.siteinventorydata_input{
	width: 48%;
	margin-bottom: 12px;
	float: right;
	border-width: 1px;
	border-radius: 0;
	height: 26px;
}

.addsite_inputrow{
	width: 400px;
}

.siteinventorydata_textarea{
	width: 179px;
}

.siteinventorydata_table_row_light, .siteinventorydata_table_row_light td{
	background-color: #F5EEFF;
	padding: 2px;
}

.applicant_table_row_light {
	background-color: #F5EEFF;
	padding: 2px;
}

.applicant_table_row_dark {
	background-color: #D5C0F1;
	padding: 2px;
}

.siteinventorydata_table_row_dark, .siteinventorydata_table_row_dark td{
	background-color: #D5C0F1;
	padding: 2px;
}

.siteinventorydata_table_toprow{
	background-color: #ffffff;
	color: #000000;
	font-weight: bold;
}

.applicant_table_toprow{
	background-color: #bfecff;
	color: #3290d0;
	padding: 7px;
}

.siteinventorydata_table_button{
	background-color: #502e84;
	color: white;
	border: 0px;
	cursor: pointer;
}

.applicant_table_header{
	text-align: center;
	background-color: #7bd3f7;
	color: white;
	padding: 7px;
}

.siteinventorydata_table_header{
	text-align: center;
	background-color: #7e5ea9;
	color: white;
	padding: 7px;
}

.siteinventorydata_participant{
	text-align: left;
	width: 200px;
	float: left;
}

.siteinventorydata_participant_email{
	text-align: left;
	width: 200px;
	float: left;
}

.applicant_paticipant_email{
	text-align: left;
	width: 200px;
	float: right;
}

.applicant_participant{
	text-align: left;
	width: 200px;
	float: left;
}

.siteinventorydata_participant_date{
	width: 200px;
	text-align: left;
	float: left;
}

td.siteinventorydata_participant_edit{
	text-align: right;
	padding-right: 20px;
}

.siteinventorydata_document{
	text-align: left;
	width: 200px;
}

.siteinventorydata_document_createdby{
	text-align: left;
	width: 200px;
}

.siteinventorydata_document_date{
	width: 200px;
	text-align: left;
}

.siteinventorydata_document_select{
	width: 165px;
	text-align: right;
	padding-right: 15px;
}

.form_outer_box{
	padding-top: 10px;
	clear: both;
}

.form_inner_box{
	clear: both;
	padding: 10px;
	border: 1px solid #979797;
	width: 100%;
	overflow: hidden;
}

.form_tabarea{
	clear: both;
}

.form_tabarea button{
}

.form_tab_list{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	clear: both;
}

.form_tab{
	background-color: white;
	text-align: left;
	border: 1px solid #979797;
	padding: 10px 5px;
	margin-right:-1px;
	cursor: pointer;
	float: left;
    color: #502e84;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
}

.form_textarea{
	width: 99%;
	height: 80px;
}

.form_tab_selected{
	background-color: #8367ae;
	text-align: left;
	border: 1px solid #979797;
	margin-right: -1px;
	padding: 10px 5px;
	float: left;
    color: #ffffff;
    font-weight: bold;
    text-decoration: underline;
    padding-left: 15px;
    padding-right: 15px
}

.importdatatable {
	width: 100%;
	font-size: 14px;
}

.importdatatable_header {
	padding-left: 10px;
	font-size: 16px;
	color: #3290d0;
}

.importdatatable td {
	padding: 3px 0px 5px 10px;
	color: #336699;
}

.importdatatable_checkbox {
	width: 25%;
	padding-left: 10px;
}

.importdatatable_action {
	width: 22%;
}

.importdatatable_siteselect {
	width: 19%;
}

.importdatatable_button {
	width: 11%;
}

.importdatatable_toprow{
	background-color: #7bd3f7;
	color: #3290d0;
}

.importdatatable_tableheader{
	text-align: center;
	background-color: #7bd3f7;
	color: white;
	padding: 7px;
}

.editdefaultmenus_name {
	text-align: left;
	padding-left: 5px;
	float: left;
	margin-top: 8px;
}

.editdefaultmenus_delete {
	float: right;
}

.editdefaultmenus_tbody {
}

.participants_tbody {
	overflow-x: hidden;
}

.editdefaultmenus_row_light{
	height: 32px;
	background-color: #F5EEFF;
}

.editdefaultmenus_row_dark{
	height: 32px;
	background-color: #D5C0F1;
}

.import_row_light{
	background-color: #F5EEFF;
}

.import_row_dark{
	background-color: #D5C0F1;
}

tr.import_row_dark_top td {
	background-color: #D5C0F1;
	border-bottom:1pt solid #A9A9A9;
}

#shade {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	top: 0;
	z-index: 10;
}

*html #shade {
	position: absolute;
}

*html .popup {

	position: absolute;

}

#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.popup {
	position: fixed;
	z-index: 100;
	background: #fff;
	width: 60%;
	margin: 50px 20%;
	padding: 20px;
	height: 80%;
}


.popupheader {
	height: 20%;
}

.popupftlist {
	float: left;
	width: 90%;
}

.popupft {
	padding: 5px;
	border: 1px solid #000;
	cursor: pointer;
	float: left;
	/*width: 10%;*/
}

.popuptitle {
	float: left;
	font-size: 16px;
}

.popupclose {
	float: right;
	width: 10%;
}

.popupbody {
	overflow-y: auto;
	overflow-x: hidden;
	text-align: center;
	width: 100%;
	text-align: left;
	height: 80%;
}

.compare {
	overflow-x: scroll;
	border: 1px solid #000;
}

.compare table {
}

.compare table .title {
	font-weight: bold;
	color: #FFF;
	background: #000;
}

.compare table th {
	font-weight: bold;
}

.compare table td, .compare table th {
	text-align: left;
	border: 1px solid #000;
	padding: 0px 2px;
}

#instructions h1 {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	text-align: left;
	color: #FFF;
	font-weight: bold;
	font-size: 26px;
}

#instructions a {
	color: #009900;
}

.helpfulhints {
	list-style: decimal outside;
	padding-left: 40px;
}

.helpfulhints li {
	margin-bottom: 5px;
}

.selectedRow {
	color: #FFF;
	background-color: #000;
}

.formtablehead th {
	border-bottom: 1px solid #000;
	text-align: center;
}

.acronyms li {
	margin-bottom: 3px;
}

#querySuggestList {
	margin-left: 70px;
}

table.associatedevent tr td, table.associatedevent tr th {
	cursor: default;
}

.mapholder {
	width: 100%;
	float: left;
}

#map_canvas {
	width: 100%;
	height: 400px;
}

#mapnav {
	position: relative;
	float: right;
	width: 100%;
}
#mapnav select {
	width: 200px;
}
#controls {
	padding-top: 20px;
	top: 20px;
	right: 100px;
}

#legend {
	background-color: white;
	margin: 0 auto;
	margin-top: 10px;
}

#legend img {
	vertical-align: middle;
	padding: 0px 6px;
}

#legend .key {
	width: 200px;
	padding: 10px;
}

/*#showall {
	margin-top: 100px;
	margin-bottom: 10px;
}*/
#novalid {
	color: #B7250C;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
	height: 14px;
	font-size: 14px;
}

.non-ppf-field {
	color: #00b9da;
}

.ppf-field {
	color: #333333;
}

.pictureButtons, .toolbox_top_row, .toolbox_bottom_row {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* ACRES STYLINGS */
.general {
	padding-top: 25px;
}
.bitHeader {
	color: black;
	font-size:23px;
	font-weight:bold;
	padding: 0px 0px 0px 0px;
	text-align:center;
	width: 21%;
}
.acresHeader {
	color:black;
	padding: 0px 0px 0px 0px;
	font-size:23px;
	font-weight:bold;
	text-align:center;
	width: 21%;
}
.resultHeader {
	color:#000000;
	padding: 0px 0px 0px 25px;
	font-size:23px;
	font-weight:bold;
	text-align:center;
	width: 21%;
}
.bitHeaderImport {
	color:red;
	font-size:23px;
	font-weight:bold;
	padding: 0px 0px 0px 0px;
}
.acresHeaderImport {
	color:black;
	padding: 0px 0px 0px 0px;
	font-size:23px;
	font-weight:bold;
}
.resultHeaderImport {
	color:#753dac;
	padding: 0px 0px 0px 0px;
	font-size:23px;
	font-weight:bold;
}
.bitFields {
	padding:5px 15px 5px 5px;
	width:31%;
}
.acresFields {
	padding:0px 15px 10px 15px;
	color:black;
	width:17%;
}
.resultFields {
	padding:0px 15px 10px 15px;
	color:red;
	width:17%;
}
.blueField {
	text-align:center;
	padding:0px 25px 0px 25px;
	width:21%;
}
.blueFieldBox {
	background-color:#ffffff;
	border:1px solid #979797;
	padding:0px 10px 0px 10px;
	color: black;
	text-align: center;
	text-overflow: ellipsis;
}
.rightside {
	/*background-color: white;
	width: 96%;
	padding:10px 20px 20px 20px;
	margin-top: 25px;
	border-radius: 5px;
	float:left;
	border:1px solid #ccc;*/
	background-color: white;
	margin-bottom: 4vw;
	padding:10px 20px 20px 20px;
	border-radius: 10px;
  box-shadow: 0 4px 6px 	rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.24);
}
.extras {
	padding-top:10px;
	padding-bottom:15px;
	cursor:pointer;
	color:#753dac;
	width:35%;
	font-size:20px;
	font-weight:bold;
}
.extras table:hover {
	color:#8367ae !important;
}
.subCategory {
	font-size: 17px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-weight: bold;
	color: #000000;
}
.subFundingCategory {
	font-size: 14px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: bold;
	color: #686868;
}
.linebreak {
	padding:10px 0px 15px 0px;
}
.linebreak hr {
	height: 1px;
	clear: both;
	margin: 0;
	display: block;
}

/* Following is for the Tooltip */
a.tooltip {
	outline:none;
}
a.tooltip strong {
	line-height:30px;
}
a.tooltip:hover {
	text-decoration:none;
}
a.tooltip span {
	z-index:10;
	display:none;
	padding:14px 20px;
	margin-top:-50px;
	margin-left:-245px;
	width:200px;
	line-height:16px;
}
a.tooltip:hover span{
	display:inline;
	position:absolute;
	color:#111;
	border:1px solid #DCA;
	background:black;
	color: white;
}
.callout {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
}

/* for header tooltips */
a.tooltipHeader{
	outline:none;
}
a.tooltipHeader strong {
	line-height:30px;
}
a.tooltipHeader:hover {
	text-decoration:none;
}
a.tooltipHeader span {
	z-index:10;
	display:none;
	padding:14px 20px;
	margin-top:-30px;
	margin-left:28px;
	width:250px;
	line-height:16px;
}
a.tooltipHeader:hover span{
	display:inline;
	position:absolute;
	color:#111;
	border:1px solid #DCA;
	background:black;
	color: white;
}

/*CSS3 extras*/
a.tooltip span {
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 5px 5px 8px #CCC;
	-webkit-box-shadow: 5px 5px 8px #CCC;
	box-shadow: 5px 5px 8px #CCC;
}
/* End Tooltip CSS */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	/*background: url('../images/sort_asc.png') no-repeat center right;*/
	background: url('../images/arrow_up.gif') no-repeat center right 7px;
	background-color:#502e84;
	padding:4px;
	text-align:left;
}

.sorting_desc {
	/*background: url('../images/sort_desc.png') no-repeat center right;*/
	background: url('../images/arrow_down.gif') no-repeat center right 7px;
	background-color:#502e84;
	padding:4px;
	text-align:left;
}

.sorting {
	/*background: url('../images/sort_both.png') no-repeat center right;*/
	background: url('../images/romboid.gif') no-repeat center right 7px;
	/*background-color:#d3d1d2;*/
	text-align:left;
	padding:4px;
}

.sorting_asc_disabled {
	background: url('../images/sort_asc_disabled.png') no-repeat center right 7px;
	text-align:left;
	padding:4px;
}

.sorting_desc_disabled {
	background: url('../images/sort_desc_disabled.png') no-repeat center right 7px;
	text-align:left;
	padding:4px;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
	background-color: #D5C0F1;
}

tr.odd td.sorting_2 {
	background-color: #D5C0F1;
}

tr.odd td.sorting_3 {
	background-color: #D5C0F1;
}

tr.even td.sorting_1 {
	background-color: #F5EEFF;
}

tr.even td.sorting_2 {
	background-color: #F5EEFF;
}

tr.even:td.sorting_3 {
	background-color: #F5EEFF;
}





/********** new styling for BITACRESSetupView ****************/
#regionFiltersTable{display: none; padding: 5px;}
#regionFilters{ width: 100%; float: left; margin-bottom: 15px;}
#regionFilters h4{ padding: 5px; padding-left: 0px; color: #502e84;}
input.regionInput{ width: 100%;}
select.regionSelectFilter{width: 74%;}
#regionFilters .sbHolder{width: 100%; float: left;}
#regionData input#regionSearch{ margin-left: 0px; margin-bottom: 5px;}
.regionFilter{float: left; padding: 5px; padding-left: 0px; width:100%;}
.regionFilter span.filterTitle{float: left; margin-right: 5px; padding-top: 3px;}
.regionFilter.regionFilterSelect{width: 100%;}
#regionFilters #typeSel .sbHolder{width: 100%;}
/*#ACRESfilter{width: 28%;}*/
#ACRESfilter input.regionInput{width: 100%;}
.regionFilter#stateFilter{width: 100%;}
#regionData input{float: left; width: 23%; margin-left: 5px; margin-top: 5px;}
#siteTable, #fsLink{ display: none;}
#TBASiteTable_length{ float: right; padding-top: 8px; margin-bottom: 4px; }
#TBASiteTable_length label select{ border-radius: 3px;}
#TBASiteTable thead th{ padding: 5px 5px 5px 10px; text-align: left;}
#TBASiteTable tr:nth-child(odd){background-color: #D5C0F1;}
#TBASiteTable tr:nth-child(even){background-color: #F5EEFF;}
#TBASiteTable thead tr { background-color: #8367ae !important; color: white; font-weight: bold;}
#TBASiteTable tr td{ padding-left: 10px; padding-top: 3px; padding-bottom: 3px; text-align: left; color: #000;}
#TBASiteTable_wrapper .dataTables_info{ padding-top: 5px; font-size: 13px; border-top: 1px solid #aaa; padding-left: 3px;}
#TBASiteTable tr td.dataTables_empty{ text-align: center;}
#TBASiteTable thead tr th.no-sort{ cursor: pointer;}

/* adjusting width of #TBASiteTable to not have stacked TH */
#TBASiteTable tbody td:nth-child(1){
    width: 19%!important;
}
#TBASiteTable tbody td:nth-child(2){
    width: 19% !important;
}
#TBASiteTable tbody td:nth-child(3){
    width: 12%!important;
}
#TBASiteTable tbody td:nth-child(4){
    width: 9%!important;
}
#TBASiteTable tbody td:nth-child(5){
    width: 14%!important;
}
#TBASiteTable tbody td:nth-child(6){
    width: 12%!important;
}
#TBASiteTable tbody td:nth-child(7){
    width: 10%!important;
}

#TBASiteTable_paginate{ bottom:10px; left: 60%;}
.interface-instructions p:first-of-type{padding-top: 10px;}
.interface-instructions p{ padding-left: 5px;}
.link{ cursor: pointer;}
#modal_needProgram{background: rgba(0,0,0,0); /*height: 320px;*/ overflow: visible; border-radius: 5px;}
#modalContent{ background-color: #fff; height: 241px; width: 600px; overflow: visible; border-radius: 5px; margin-left:auto; margin-right:auto; position: relative; z-index: 55;}
#modal_needProgram .modalBody{ padding: 10px; margin-left: auto; margin-right: auto; height: 120px; overflow: visible; position:relative; z-index: 36; border-top: 3px solid #fff; margin-top: -3px;}
#modal_needProgram .modalHeader{background: #8367ae; height: 2.5em; padding-left: 10px; padding-right: 5px; padding-bottom: 5px; border-radius: 5px; position: relative; z-index: 35; overflow: hidden;}
#modal_needProgram .modalHeader .modalHeaderContent{width: 100%; background: #bfcfe0; height: 2.25em; padding-left: 10px; padding-right: 5px; padding-bottom: 5px; position: relative; z-index: 35;}
#modal_needProgram .modalHeader h2{float: left; text-align: left; color: #ffffff; font-size: 16px;}
#modal_needProgram .modalHeader h2.modalClose{cursor: pointer; float: right; text-align: right; padding-right: 10px; color: #fff; margin-top: 5px; -webkit-user-select:none; -moz-user-select: none; -ms-user-select: none;}
#modal_needProgram .modalHeader h2.modalClose:hover{color: #88f;}
#modal_needProgram p{ font-size: 14px; text-align: left; line-height: 1.5em;}
#modal_needProgram p b{float: left; margin-right: 5px; padding-top: 3px;}
#modal_needProgram p .sbHolder{width: 40%; float: left;}
#modal_needProgram h5{ background: none; border: none; padding: 0px; color: black;}
#modal_needProgram #btnWrapper{float: right; padding-right: 5px; height: 2em; position: relative; bottom: -38px;}
#modal_needProgram #btnWrapper .btnDisabled{cursor: default; border-radius: 5px; float: left; margin: 3px;}

/*extra stuff added during the restyling of ksu tab site*/
input#NameProgram {
	width: 100%;
}

.formallocatedfunds
{
	width: 80% !important;
}

.main-container {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4b327f+0,7960a4+100 */
    background: #4b327f; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #4b327f 0%, #7960a4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #4b327f 0%,#7960a4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #4b327f 0%,#7960a4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b327f', endColorstr='#7960a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    font-family: Helvetica;
    position: inherit;

    .main-grants-container {
        color:white;

        .title-container {
            padding-left: 95px;
            padding-top: 20px;
            text-align: left;
            width: 100%;

            .tabez-title {
                font-size:24px;
                padding-left: 0px;
                padding-top: 40px;
            }

            .my-grant-applications {
                margin: 20px 0px;
                padding-left: 10px;
                font-size: 58px;
            }

            .toggle-grants {
                margin: 25px auto 40px auto;
                width: 209px;
            }
        }

        .start-new-application-button {
            margin: 25px 0 40px 95px;
            width: 209px;
        }
    }

	.hr-shadow {
		margin: 0px !important;
	}

	.inner-page {
		margin-bottom: 20px !important;
		margin-left: unset;
		margin-right: unset;
	}

	.table-filters-desktop {
		margin-left: unset;
		margin-right: unset;
	}

	.outer-page {
		margin-left: unset;
		margin-right: unset;
	}

	.main-word-container {
		padding-left: 0px;
		margin-left:0px;

		.main-word-row {
			background-color: white;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;

			.main-word-box {
				padding-top: 40px;
				overflow: hidden;

				.getting-started-title {
					color: #502e84;
					font-size: 48px;
				}

				.getting-started {
					font-size: 16px;
				}

				.accordion-container {
					background-color: white;
					margin-left: 0px;
					padding-left: 0px;
					padding-top: 40px;
					width: 800px;
				}



				.accordion-text {
					background-color: white;
					color: black;

					.word-card {
						border:white;

						.accordion-toggle {
							color: #502e84;
							font-size: 33px;
							cursor: pointer;
							margin: 10px 0px;

							.fa-caret-down {
								margin-left: 10px;
								line-height: 9px;
								vertical-align: middle;
								color: #502e84;
							}
						}

						.word-body {
							padding-left: 0px;
						}

						.collapsible  {
							display: block;
						}

						.expand > p {
							font-size: 17px;
						}
					}
				}
			}

			.helpful-links-container {
				padding-top: 10px;

				.helpful-links-card {
					padding: 30px;

					.helpful-links-tab {
						color: #502e84;
						font-size: 33px;
						margin-right: 0px;
					}

					.helpful-links-list {
						padding-left: 22px;

						/* & ul, li,  a {
							&:hover {
								text-decoration: underline !important;
							}
						} */

						& ul, li {
							&:hover {
								color: #00b9da;

								& a {
									&:hover {
										text-decoration: underline !important;
									}
								}
							}
						}
					}
				}
			}

			.toolbox-icon {
				height: 110px;
			}


			.tutorial-icon {
				height: 80px;
			}


			.inventory-icon {
				height: 70px;
			}

			.import-icon {
				height: 80px;
			}

			.row-flow {
				flex-flow: wrap;
				justify-content: space-between;
			}

			.getting-started-btn {
				background-color: #C4A32A;
				color: white;
				border-color: #C4A32A;
				border-radius: 35px;
				font-size: 30px;
				min-width: 300px;

				&:hover {
					filter: brightness(70%);
					-webkit-filter: brightness(70%);
				}
			}

			.icon-container {
				cursor: pointer;
			}

			.landing-header {
				color: #502e84;
				font-size: 33px;
				margin-top: 10px;
				cursor: default;
			}



		}
	}
}

/* @media screen and (min-width: 1350px) {
	#bit-landing {

		.main-word-box {
			height: 80vh;
		}
	}
}
@media screen and (max-width: 1349px) {
	#bit-landing {

		.main-word-box {
			height: unset !important;
		}
	}
} */
/* @media screen and (max-width: 1182px) {
	#bit-landing {

		.main-word-box {
			height: unset !important;
		}
	}
} */
@media screen and (max-width: 1124px) {	/* Small Screens */
	img.toolbox-icon {
		height: 80px !important;
	}
	div.add-padding {
		padding-top: 10px;
	}
}

@media screen and (max-width: 1275px) {
	#bit-landing {
		.getting-started-btn {
			font-size: 25px !important;
			min-width: 200px !important;
		}

		.getting-started-title {
			font-size: 30px !important;
		}

		.landing-header {
			font-size: 25px !important;
		}

		.getting-started {
			padding-top: 10px;
		}

		.icon-container {
			padding-top: 6px;
			padding-bottom: 6px;
		}
	}
}

.collapsible {
	cursor: pointer;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
}

.content {
	padding: 0 18px;
	display: none;
	overflow: hidden;
	background-color: #f1f1f1;
}

/* custom button css */
.submit {
/*	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); */
/*	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#502e84', endColorstr='#502e84');
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	text-indent: 0px;
	display: inline-block;
	background-color: #502e84;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	height: 40px;
	line-height: 40px;
	width: 100%;
	text-decoration: none;
	text-align: center;
	color: white;
}
.submit:hover{
	background-color: #8367ae;
	color: white !important;
}
.tabBitSiteConfigurationView-text {
	font-size: 12px;
	line-height: 1.5;
}
.tabBitSitesRightSide {
	border-radius: 4px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
	width: 74%;
	float: left;
	padding: 10px;
	border: 1px solid rgb(204, 204, 204);
	background-color: white;
	margin-left: 20px;
	margin-top: 25px;
}
.bullet-point {
	height: 10px;
	width: 10px;
	margin-left: -10px;
    margin-right: 2px;
}