/* Styles here are global to the entire site - including intro pages, user accounts, and admin accounts. */

/* Key colors:
  Blue: #0E46C1
  Orange (Light background): #FF3300
  Orange (Dark background):  #FF7733
  Yellow: #FFFF7D
  Light Gray: #EBEBEB
*/

body {
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

/* Placeholder class for use by jQuery placeholder plugin (needed by IE): */
.placeholder { color: #808080; }

/* Assign elements to this class to prevent them from printing: */
@media print 
{
    .no_print 
    {
        display: none;
    }
}

/*
** Hyperlinks:
*/
a {
	color: #0E46C1;
	text-decoration: none;
}

a:hover {
	color: #FF3300;
	text-decoration: underline;
}

/* We don't want IE putting it's own borders or outlines around images that are hyperlinks: */
a img {
	border: none; 
	outline: none; 
}

/*
** Table Styles
*/

.standard_table {
	border-style: solid;
	border-width: 2px;
	border-top-color: #D8D8D8;
	border-left-color: #D8D8D8;
	border-right-color: #474747;
	border-bottom-color: #474747;
	border-radius: 8px;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
	clear: both;
	padding: 5px;
}

.standard_table th {
	border-style: solid;
	border-width: 1px;
	border-right-color: #D8D8D8;
	border-bottom-color: #D8D8D8;
	border-top-color: #474747;
	border-left-color: #474747;
	color: #0E46C1;
	font-weight: bold;
	background-color: #EBEBEB;
	text-align: left;
	vertical-align: middle;
}

.standard_table td {
	border-style: solid;
	border-width: 1px;
	border-right-color: #D8D8D8;
	border-bottom-color: #D8D8D8;
	border-top-color: #474747;
	border-left-color: #474747;
	width: auto;
	vertical-align: top;
}

.blue_table {
	border-style: solid;
	border-width: 2px;
	border-top-color: #0E46C1;
	border-left-color: #0E46C1;
	border-right-color: #0E46C1;
	border-bottom-color: #0E46C1;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
	clear: both;
}

.blue_table th {
	border-style: solid;
	border-width: 1px;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-top-color: #000000;
	border-left-color: #000000;
	color: #0E46C1;
	font-weight: bold;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
}

.blue_table td {
	border-style: solid;
	border-width: 1px;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-top-color: #000000;
	border-left-color: #000000;
	width: auto;
	vertical-align: top;
}

/* This is for the div that contains the datatables table: */
.dataTables_wrapper {
}

/* The table element must be assigned to this class: */
.jquery_table {
	border-style: solid;
	border-width: 2px;
	border-top-color: #D8D8D8;
	border-left-color: #D8D8D8;
	border-right-color: #474747;
	border-bottom-color: #474747;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	clear: both;
}

.jquery_table th {
	border-style: solid;
	border-width: 1px;
	border-right-color: #D8D8D8;
	border-bottom-color: #D8D8D8;
	border-top-color: #474747;
	border-left-color: #474747;
	color: #0E46C1;
	font-weight: bold;
	background-color: #EBEBEB;
	text-align: left;
	padding-right: 20px;
	vertical-align: middle;
}

.sorting_asc {
	background: #EBEBEB url(../SpryAssets/SpryTableUp.gif) center right no-repeat;
}

.sorting_desc {
	background: #EBEBEB url(../SpryAssets/SpryTableDown.gif) center right no-repeat;
}

.jquery_table td {
	border-style: solid;
	border-width: 1px;
	border-right-color: #D8D8D8;
	border-bottom-color: #D8D8D8;
	border-top-color: #474747;
	border-left-color: #474747;
	width: auto;
	vertical-align: top;
}

/* Highlighting for even rows only: */
.jquery_table tr.even {
	background-color: #EBEBEB;
}

/* Shows the number of rows to display */
.dataTables_length {
	float: left;
}

/* The search box: */
.dataTables_filter {
	float: right;
	text-align: right;
}

/* The "loading" message and animation: */
.dataTables_processing {
	background: url(../images/loading-blue.gif) center left no-repeat;
	margin-left: 20px;
	padding-left: 18px;
	display: inline;
}

/* Class for hovering the mouse over a header row: */
.jquery_table th:hover {
	cursor: pointer;
	color: #FF3300;
}

/* Information text at the bottom of the table: */
.dataTables_info {
	float: left;
}

/* "Previous" and "Next" buttons: */
.dataTables_paginate {
	float: right;
	text-align: right;
}
.paginate_disabled_previous {
	float: left;
	background: url(../images/small_left_pointer_gray.gif) center left no-repeat;
	padding-right: 6px;
	padding-left: 6px;
	color: #808080;
}
.paginate_disabled_previous:hover {
	text-decoration: none;
	color: #808080;
}
.paginate_enabled_previous {
	float: left;
	background: url(../images/small_left_pointer_blue.gif) center left no-repeat;
	padding-right: 6px;
	padding-left: 6px;
	color: #0E46C1;
}
.paginate_enabled_previous:hover {
	cursor: pointer;
	background: url(../images/small_left_pointer_orange.gif) center left no-repeat;
	color: #FF3300;
}
.paginate_disabled_next {
	float: left;
	background: url(../images/small_right_pointer_gray.gif) center right no-repeat;
	padding-right: 6px;
	color: #808080;
}
.paginate_disabled_next:hover {
	text-decoration: none;
	color: #808080;
}
.paginate_enabled_next {
	float: left;
	background: url(../images/small_right_pointer_blue.gif) center right no-repeat;
	padding-right: 6px;
	color: #0E46C1;
}
.paginate_enabled_next:hover {
	cursor: pointer;
	background: url(../images/small_right_pointer_orange.gif) center right no-repeat;
	color: #FF3300;
}
.paginate_button {
	color: #0E46C1;
	text-decoration: none;
	padding-right: 6px;
	padding-left: 6px;
}
.paginate_active {
	color: #0E46C1;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
}
.paginate_active:hover {
	color: #0E46C1;
	cursor: default;
	text-decoration: none;
}
.paginate_button:hover {
	color: #FF3300;
	cursor: pointer;
	text-decoration:none;
}
.paginate_button_disabled {
	color: #808080;
	cursor: default;
	text-decoration: none;
}
.paginate_button_disabled:hover {
	color: #808080;
	cursor: default;
	text-decoration: none;
}
.first.paginate_button, .previous.paginate_button {
	background: url(../images/small_left_pointer_blue.gif) center left no-repeat;
}
.first.paginate_button:hover, .previous.paginate_button:hover {
	background: url(../images/small_left_pointer_orange.gif) center left no-repeat;
}
.first.paginate_button.paginate_button_disabled, .previous.paginate_button.paginate_button_disabled {
	background: url(../images/small_left_pointer_gray.gif) center left no-repeat;
}
.last.paginate_button, .next.paginate_button {
	background: url(../images/small_right_pointer_blue.gif) center right no-repeat;
}
.last.paginate_button:hover, .next.paginate_button:hover {
	background: url(../images/small_right_pointer_orange.gif) center right no-repeat;
}
.last.paginate_button.paginate_button_disabled, .next.paginate_button.paginate_button_disabled {
	background: url(../images/small_right_pointer_gray.gif) center right no-repeat;
}

/*
** Form Styles:
*/

form table td {
	display: table-cell; 
}

form table td.label {
	text-align: right;
}

form input[type='text'], form input[type='password'], form textarea, 
form select {
	border: solid;
	border-width: 1px;
	border-color: black;
	background: white;
	outline: none;
	margin: 1px;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

.street_address_textarea {
	height: 28pt;
}

form input:focus[type='text'], form input:focus[type='password'], 
form textarea:focus, form select:focus {
	border: solid;
	border-width: 2px;
	border-color: #0E46C1;
	margin: 0px;
	outline: none;
}

form table td img.ui-datepicker-trigger {
	vertical-align: top;
	cursor: pointer;
}

p img.ui-datepicker-trigger {
	vertical-align: middle;
    padding-bottom: 3px;
	cursor: pointer;
}

.html_editor {
}

/* Class for a "loading" or "saving" indicator (initially not displayed): */
.loading_indicator {
	background: url(../images/loading-blue.gif) center left no-repeat;
	padding-left: 18px;
	display: none;	 
}

/* Class for a message indicating success (initially not displayed): */
.success_message {
	display: none;	 
	color: #0E46C1;
}

/* Class for highlighting errors: */
form .error {
	border: solid !important;
	border-width: 2px !important;
	border-color: #FF3300 !important;
	margin: 0px !important;
}

/* Styling for an error message: */
#error_message, .error_message {
	color: #FF3300;
	font-weight: bold;
}

/* Special styles for the test setup form: */
#test_setup_form img {
	max-width: 200px;
	max-height: 100px;
}