@CHARSET "ISO-8859-1";

body {
	font-family: Helvetica, Arial, Verdana, Sans-Serif, "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Tahoma;
	font-size: 14px;
	color: #000000;
	height: 100%;
}

#header {
	position: static;
	background-color: #1C9EFF;
	height: 56px;
}

#content {
	position: static;
	height: 100%;
}

body.splash {
	background-image: url('../img/bg1.jpg');
	background-position: center;
	background-repeat: no-repeat;
}

/**********************************************************/
/* Main Navigation */
/**********************************************************/
#nav .section {
	display: inline-block;
	vertical-align: top;
}

#nav .logo {
	background-image: url('../img/logo-small.png');
	background-repeat: no-repeat;
	height: 50px;
	width: 246px;
}

#nav .navtop {
	margin: 0px;
}

#nav .navtop ul {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0px;
}

#nav .navtop ul li {
	height: 50px;
	display: inline-block;
	padding: 14px 20px 0px 20px;
	text-transform: uppercase;
}

#nav .navtop ul li:hover, #nav .navtop ul li.selected {
	color: #FFFFFF;
	background-color: #404040;
	cursor: pointer;
}

#nav .section.info {
	float: right;
}

#nav .navtopright {
	float: right;
	margin: 0px;
	max-height: 50px;
}

#nav .navtopright ul {
	position: relative;
	top: -6px;
	display: inline-block;
	vertical-align: middle;
}

#nav .navtopright ul li {
	height: 50px;
	display: inline-block;
	padding: 16px 10px 10px 10px;
}

#nav .navtopright ul li.link:hover {
	color: #FFFFFF;
	background-color: #404040;
	cursor: pointer;
}

/**********************************************************/
/* Sub Navigation */
/**********************************************************/
#subnav ul {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0px;
}

#subnav ul li {
	height: 40px;
	display: inline-block;
	padding: 10px 20px 0px 20px;
}

#subnav ul li img {
	position: relative;
	top: 2px;
}


#subnav ul li:hover, #subnav ul li.selected {
	color: #91C449;
	cursor: pointer;
}

/**********************************************************/
/* Jquery UI Overrides */
/**********************************************************/

.ui-dialog {
	-moz-box-shadow:7px 7px 7px rgba(0,0,0,0.3);
	-webkit-box-shadow:7px 7px 7px rgba(0,0,0,0.3);
	box-shadow:7px 7px 7px rgba(0,0,0,0.3);
}

.noTitleStuff .ui-dialog-titlebar {
	display:none
}

/**********************************************************/
/* DataTables Overrides */
/**********************************************************/
#west_search input {
	height: 40px;
	background: #fff url("../img/icons/main/search.png") no-repeat 96.5% center;
	padding: 0px 10px;
}

.dataTable {
	font-size: 14px;
}

.dataTables_filter, .ColVis, .dataTables_info {
	display: none;
}
.dataTables_wrapper table{
	font-size: 14px !important;	
}

#ui-layout-south select {
	font-size: 10px;
	width: 60px;
	padding: 2px;
}

.dataTables_length {
	display: inline-block;
	width: auto !important;
}

.dataTables_paginate {
	display: inline-block;
	width: auto !important;
	float: right;
}

#west_search {
	margin: 5px;
}

.dataTables_wrapper tr:hover td {
	background-color: #C4DFF2 !important;
	cursor: pointer;
}

.dataTables_wrapper tr.odd td {
	background-color: #F6F6F6;
}

.dataTables_empty {
	padding: 2em !important; 
	font-size: 2em; 
	font-weight: bold; 
}

table.dataTable thead .sorting_asc.no-sort {
	background-image: none !important;
	width: 20px;
}

table.dataTable>tbody>tr>td, table.dataTable>thead>tr>th, table.dataTable.no-footer, table.dataTable.no-footer {
	border: 0px;
}

table.dataTable>tbody>tr>td, table.dataTable>thead>tr>th {
	font-weight: normal;
	border-top: 1px solid silver;
	padding: 4px;
}

table.dataTable>tbody>tr>td {
	text-overflow: ellipsis;
}

table.dataTable input[type=checkbox] {
	width: 20px;
	padding: 4px;
}

table.dataTable>thead>tr>th {
	white-space: nowrap;
}

.dataTables_paginate {
  float: right;
  text-align: right;
  /*padding-top: 0.25em;*/
}
.dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1em;
  padding: 0.25em 0.5em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
}
.dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #cacaca;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
  /* W3C */
}
.dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
  /* W3C */
}
.dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_paginate .ellipsis {
  padding: 0 1em;
}

ul.ColVis_collection li {
	margin: 0px 0px 4px 0px;
	padding: 0px;
	height: 2em;
}
ul.ColVis_collection li label, ul.ColVis_collection li label input, ul.ColVis_collection li label span {
	margin: 0px;
	padding: 0px;
	width: auto;
	padding: 3px 6px;
	
}
ul.ColVis_collection li label span {
	top: -2px;
	position: relative;
}

table.dataTable tr.selected_row td {
	background: silver;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting  {
	padding-right: 20px;
}

/**********************************************************/
/* Loading Modal */
/**********************************************************/
#loading_modal {
	display: table;
	position: fixed;
	top: 0px;
	height: 100%; 
	width: 100%; 
	z-index:999999; 
	background: rgba(1,1,1,0.3); 
}

#loading_container {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#loading {
	display: inline-block;
	background: rgba(254,254,254,0.95) url("../img/spinner/spinner.gif") no-repeat center 6px;
	background-size: 60px 60px;
	width: 76px;
	height: 90px;
	border: 1px solid gray; 
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px; 
		border-radius: 10px;
	font-weight:bold;
} 

#loading div {
	display: inline-block;
	font-family: Helvetica, Verdana, Arial, Sans-Serif;
	font-size: 10pt;
	color: #333333;
	position: relative;
	top: 70px;
}

img.voided {
	border: 1px solid red;
}

/**********************************************************/
/* Accordian Element */
/**********************************************************/
.accordion {
	color: #FFFFFF;
	font-size: 14px;
}

.accordion h3, .accordion li {
	font-size: 14px;
	border-top: 1px solid gray;
	padding: 13px 10px 14px 10px;
	margin: 0px;
	cursor: pointer;
	margin: 0px 6px;
	/*height: 45px;*/
	height: 20px;
}
.accordion li {
	padding-left: 30px;
}

.accordion h3 .title {
	position: relative;
	top: 2px;
}

.accordion h3:first-child {
	border-top: 0px;
}

.accordion h3:hover, .accordion li:hover {
	background: rgb(253, 40, 16) !important;
	color: black;
}

.accordion .toggle_img {
	display:inline-block;
	
	transform:scale(0.5,1); /* W3C */
    -webkit-transform:scale(0.5,1); /* Safari and Chrome */
    -moz-transform:scale(0.5,1); /* Firefox */
    -ms-transform:scale(0.5,1); /* IE 9 */
    -o-transform:scale(0.5,1); /* Opera */
}

.accordion .toggle_img.stretch {
    transform:scale(1,0.5); /* W3C */
    -webkit-transform:scale(1,0.5); /* Safari and Chrome */
    -moz-transform:scale(1,0.5); /* Firefox */
    -ms-transform:scale(1,0.5); /* IE 9 */
    -o-transform:scale(1,0.5); /* Opera */
}

.accordion .category {

}

.accordion .category.hidden {

}

.accordion ul {
	padding: 0px;
	margin: 0px;
}

.badge {
	background: #ECECEC;
	
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	font-weight: normal;
	color: black;
	
}
	

/**********************************************************/
/* Toggle2 */
/**********************************************************/

.section .collapse {
	display:inline-block;
	padding-right: 3px;
	padding-left: 0px;
	font-size: 14px;
	
    transform:scale(1,0.5); /* W3C */
    -webkit-transform:scale(1,0.5); /* Safari and Chrome */
    -moz-transform:scale(1,0.5); /* Firefox */
    -ms-transform:scale(1,0.5); /* IE 9 */
    -o-transform:scale(1,0.5); /* Opera */
    
    cursor: pointer;
}

/**********************************************************/
/* Form Layout */
/**********************************************************/
label {
	display: inline-block;
	font-weight: bold;
	padding-top: 4px;
}

input,select,textarea {
	display: inline-block;
	width: 100%;
	border: 1px solid #A5A5A5;
	padding: 3px 6px;
}

input .spinner {
	display: inline-block;
	border: 1px solid #A5A5A5;
	padding: 3px 6px;
}

button {
	border: 1px solid black;
	border-radius: 3px;
	padding: 3px 6px;
	margin: 0px 6px;
	float: right;
	font-weight: bold;
}

button:hover {
	border: 1px solid red;
	color: red;
	border-radius: 3px;
}

/* select {
	background: url(../img/icons/trigger.png) no-repeat right #fff;
	background-position: right 6px center;
	overflow: hidden;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}*/

form {
	display: table;
	width: 100%;
}

form table {
	width: 100%;
	font-size: 14px;
}

.form_pair .l {
	white-space: nowrap;
}

.form_pair td {
	vertical-align: top;
	padding: 4px 10px;
}

.required {
	color: red;
	font-weight: bold;
}

:-ms-input-placeholder { font-style:italic; }
::-webkit-input-placeholder { font-style:italic; }
::-moz-placeholder { font-style:italic; }

.error:-ms-input-placeholder { font-style:italic; color:red; }
.error::-webkit-input-placeholder { font-style:italic; color:red; }
.error::-moz-placeholder { font-style:italic; color:red; }

/**********************************************************/
/* Form Section */
/**********************************************************/

tr.section td {
	padding: 4px;
	font-weight: bold;
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
}

tr td.gap {
	height: 8px;
}

tr td.gap:first-child {
	height: 0px;
}

tr.section div {
	display: inline-block;
}

tr.section .actions {
	float:right;
}

tr.section td {
	padding: 6px;
}

tr.section .section_button {
	font-size: 10px;
	margin-left: 4px;
}



/**********************************************************/
/* Form Tables */
/**********************************************************/
.form_table {
	width: 100%;
	font-size: 14px;
	border-spacing: 2px;
    border-collapse: separate;
}

.form_table td, .form_table th {
	padding: 4px 8px;
	white-space: nowrap;
}

.form_table td  {
	background: #E5E5E5;
	vertical-align: top;
}

.form_table th {
	background: #D5D5D5;
}


/**********************************************************/
/* Includes selector */
/**********************************************************/
%vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/**********************************************************/
/* Dashboard CSS */
/**********************************************************/

/* Dashboard */
.dash-container {
	width: 1000px;
}

/* Dashboard Block */
.dash-info-block {
	margin: 10px;
	width: 200px;
	min-height: 115px;
	vertical-align: bottom;
	/* padding: 5px; */
	display: inline-block;
	border: 1px solid #d5d5d5;
	position: relative; 
	background: #fafafc;
	background: -moz-linear-gradient(top,  #fafafc 0%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafc), color-stop(100%,#efefef));
	background: -webkit-linear-gradient(top,  #fafafc 0%,#efefef 100%);
	background: -o-linear-gradient(top,  #fafafc 0%,#efefef 100%);
	background: -ms-linear-gradient(top,  #fafafc 0%,#efefef 100%);
	background: linear-gradient(to bottom,  #fafafc 0%,#efefef 100%);
	text-align: center;
	color: #000000;
        box-shadow: 10px 10px 5px #888888;
        cursor: pointer;
}

.dash-info-block-1 {
	width: 170px;
}

.dash-info-block-2 {
	width: 100px;
}

.dash-info-block-3 {
	width: 228px;
}

.dash-info-block > h2 {
	background: inherit;
	margin: 0;
}

.dash-info-block > span {
	display: block;
	color: #000000;
	font-weight: bold;
	width: 100%;
	position: absolute;
	bottom: 0;
	margin-bottom: 10px;
}

.dash-info-block .dashboard-image {
    padding-bottom: 22px;
}


#west_content .selected {
    color: black;
    background-color:grey;
}

.image_thumb {
	display: inline-block;
	width: 125px;
	margin: 6px;
	border: 1px solid #d5d5d5;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px; 
		border-radius: 10px;
	cursor: pointer;
}