body, html {
	height: 100%;
}
body {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 10pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a {
	color: #6688AA;
	text-decoration: none;
	font-weight: bold;
}

a:link.nolink {
	color: #222;
	text-decoration: none;
	font-weight: bold;
}

.tblBanner a, .tblBanner2 a, .tblBannerLight a {
	color: #fff;
}

span.required {
	color: #c00;
	font-weight: bold;
}

table#viewport table {
	text-align: left;
}
table, td {
	font-size: 9pt;
}
th {
	font-size: 10pt;
	font-weight: bold;
}

.bodyText {
	line-height: 1.5em;
}

body.padded {
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
}
body.default {
	background-color: #f5f3ed;
}

.subdued {
	color: #7e7e7e;
}

a:hover {
	text-decoration: underline;
	color: red;
}

a:visited:hover {
	text-decoration: underline;
}

.underline, .u {
	text-decoration: underline;
}

option:hover {
	background-color: #cccccc;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

span, div {
	padding:0px;
	margin:0px
}

span.inline, div.inline {
	float: right;
}

.tab {
	font-family: sans-serif;
	line-height:150%;
	font-weight: bold;
	position:absolute;
	text-align:center;
	border:2px;
	border-color:#999999;
	border-style:outset;
	border-bottom-style:none;
	width:90px;
	margin:0px;
	height: 30px;
}

.panel {
	font-family: sans-serif;
	font-size: smaller;
	position:absolute;
	border: 2px;
	border-color:#999999;
	border-style:outset;
	width: 400px;
	height: 300px;
	left:0px;
	top:28px;
	margin:0px;
	padding:6px;
}

.tabOff {
	background-color: #E5E5E5;
	border-left: solid 1px #A0A0A0;
	border-right: solid 0px #A0A0A0;
	border-top: solid 1px #A0A0A0;
	border-bottom: solid 1px #A0A0A0;
}

.tabEmpty {
	border-bottom: solid 1px #A0A0A0;
	border-left: solid 1px #A0A0A0;
}

.tabOn {
	background-color: #f2f0cf;
	border-left: solid 1px #a0a0a0;
	border-right: solid 0px #a0a0a0;
	border-top: solid 1px #a0a0a0;
}

.tabBody {
	background-color: #f2f0cf;
	border-left: solid 1px #a0a0a0;
	border-right: solid 1px #a0a0a0;
	border-bottom: solid 1px #a0a0a0;
}

.selectBox {
	background-color: #f9f9f9;
	font-family: arial,sans-serif;
	font-size: 8pt;
	width: 170px;
}

.textBoxWide {
	font-family: arial,sans-serif;
	font-size: 8pt;
	width: 360px;
}

.selectBoxWide {
	background-color: #f9f9f9;
	font-family: arial,sans-serif;
	font-size: 8pt;
	width: 330px;
}

.selectBoxDefault {
	background-color: #fffff7;
}

.textAreaFull {
	width: 100%;
	font-size: 8pt;
}
h1 {
	font-size: 16pt;
	line-height: 1.2em;
}
h2 {
	font-size: 14pt;
	line-height: 1.2em;
}
hr {
	height: 0px;
	border: 0px solid #cfcfcf;
	border-top: 1px solid #e5e5e5;
	margin: 2px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

hr.dashed {
	 height: 0px;
    border-top: 1px dashed #c0c0c0;
    margin: 2px;
	 padding: 0px;
	 margin-left: auto;
	 margin-right: auto;
}

li {
	margin-top: 3px;
	margin-bottom: 3px;
}

/* ---( font styles )------------------------------------------ */

.light, .light td {
	color: #f9f9f9;
}

.bold, .b {
	font-weight:bold;
}

.navbar {font-size: 11px; }
.small, .small td {font-size: 8pt; }
.tiny, .tiny td {font-size: 7pt; letter-spacing: 0px}
.medium {font-size: 9pt; }
.medium2 {font-size: 9pt;}

.dark {
	color: #333;
}
.red {
	color: #f00;
}
.blue {
	color: #00f;
}
.green {
	color: #0f0;
}

.large {
	font-size: 13pt;
	font-weight: bold;
}

.text {
	font-size: 9pt;
	color:#50555A;
}

.smallLight, .smallLight td {
	font-size: 9px;
	color:#f9f9f9;
}

.medLight {
	font-size: 9pt;
	color:#f9f9f9;
	line-height: 14pt;
}

.largeLight {
	font-size: 13pt;
	color:#f9f9f9;
	font-weight: bold;
}

.smallGray {font-size: 9px; color:#50555A;}

.medGray {
	font-size: 9pt;
	color:#50555A;
	line-height: 14pt;
}

.largeGray {font-size: 13pt; color:#50555A; font-weight: bold}
.smallDark {font: 11px Arial; color:#304040;}

.medDark {
	font-size: 9pt;
	color:#304040;
	line-height: 14pt;
}

.largeDark {font-size: 13pt; color:#304040; font-weight: bold}
.smallBlue {font: 8pt Arial; color:#336699;}
.medBlue {font-size: 9pt; color:#336699; font-weight: bold}
.largeBlue {font-size: 14pt; color:#336699; font-weight: bold}

.xl {
	font-size: 16pt;
	font-weight: bold;
}

.xxl {
	font-size: 18pt;
	font-weight: bold;
}

.active {
	color: #009900;
}

.inactive {
	color: #b0b0b0;
}

.pending {
	color: #cfcf00;
}

.widespacing {
	letter-spacing: 0.3em;
}

/* ---( tables )------------------------------------------ */

.noBorder {
	color: #336699;
	font-weight: bold;
	border-style: solid;
	border-width: 0px ;
	background: transparent;
	background-color: transparent;
}

.noBorderRight {
	color: #304040;
	font-weight: bold;
	border-style: solid;
	border-width: 0px;
	text-align: right;
	background: transparent;
	background-color: transparent;
}

.cellBorder {
	border: 1px #ccc solid;
	background-color: #EFEFDF;
}

.tblBorder {
	border: 1px solid #a0a0a0;
	padding: 0px;
	background-color: #fff;
}

.tblOut {
	padding: 0px;
	background-color: #fff;
}

.tblBorder2 {
	border: 1px solid #cfcfcf;
	background-color: #f0f0f0;
}

.tblShadedBoxBlue {
	border: 3px solid #336699;
	padding: 4px;
	background-color: #4f7faf;
	color: #fff;
}

.tblShadedBox {
	border: 3px solid #dcc085;
	padding: 4px;
	background-color: #f4d593;
}

.tblShadedBoxGray {
	border: 2px solid #e0e0e0;
	padding: 4px;
	background-color: #f9f9f9;
}

.tblBorderGrid {
	border: 1px solid #ccc;
	padding: 0px;
	background-color: #f0f0f0;
}

.tblPad3 td {
	padding: 3px;
}

.tblPad5 td {
	padding: 5px;
}

.cellBorder {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.tblRow {
	background-color: #fff;
	color: #000;
}

.tblHeaderBox, .tblHeaderBox a {
	font-weight: bold;
	background-color: #336699;
	color: #fff;
	border: 2px solid #284277;
	padding: 4px;
}

.tblHeaderBox table {
	font-weight: bold;
	color: #fff;
}

.tblBanner .small {
	font-weight: bold;
	color: #fff;
}

.tblBanner, .tblBanner1, .tblBg1 {
	font-weight: bold;
	background-color: #284277;
	color: #fff;
}

.tblBanner2, .tblBg2 {
	font-weight: bold;
	background-color: #5c85b3;
	color: #fff;
}


tr.tblBanner {
	/*background-image: url(/img/skins/default/banner.gif);*/
	margin: 4px 0 0 2px;
}

tr.tblBanner2, tr.tblBannerLight {
	/*background-image: url(/img/skins/default/banner_light.gif);*/
	margin: 4px 0 0 2px;
	color: #fff;
}

.modern-banner {
	font-weight: bold;
	background-color: #284277;
	color: #fff;
	background-image: url(/img/skins/default/banner.gif);
	/* margin: 4px 0 0 2px; */
}

.modern-banner a {
	font-weight: bold;
	color: #fff;
	/* margin: 4px 0 0 2px; */
}

.tblRow1, tr.even {
	background-color: #e9edf4;
	color: #000;
}

.tblRow2, tr.odd {
	background-color: #d3dce8;
	color: #000;
}

.tblRow3 {
	background-color: #FAE8BA;
	color: #000;
}

.tblRowBorder {
	border: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	/* background-color: #f0f0f0; */
}

.border-t {
	border-top: 1px solid #ccc;
}

.border-b {
	border-bottom: 1px solid #ccc;
}

.border-l {
	border-left: 1px solid #ccc;
}

.border-r {
	border-right: 1px solid #ccc;
}

.borderLess {
	border-width: 0px;
	background-color: transparent;
}

.bodyText {
	line-height: 14pt;
	color: #0C0C0C;
}

.textSpacer {
	letter-spacing: 3px;
}

.error {
  color: #c00;
  font-weight: bold;
}

.error-box {
  border: 2px solid #c00;
  background-color: #c33;
  color: #fff;
  font-weight: bold;
  text-align: left;
  padding: 0.4em 0.4em;
  margin: 0.5em 1em;
}

.warning-box {
  border: 2px solid #cc0;
  background-color: #F6DE71;
  color: #222;
  font-weight: bold;
  text-align: left;
  padding: 0.4em 0.4em;
  margin: 0.5em 1em;
}

.success-box {
  border: 2px solid #080;
  background-color: #393;
  color: #fff;
  font-weight: bold;
  text-align: left;
  padding: 0.4em 0.4em;
  margin: 0.5em 1em;
}

.error2 {
	color: blue;
}

.thumbnail {
	border: 1px #aaa solid;
	padding: 3px;
}
.thumbnail-white img {
	border: 3px solid #eee;
	padding: 0;
	filter: alpha(opacity=75);
    opacity: 0.75;
}
.thumbnail-white:hover img {
	filter: alpha(opacity=100);
    opacity: 1.0;
}
.thumbnail-black {
	background-color: #222;
	padding: 3px;
	filter: alpha(opacity=75);
    opacity: 0.75;
}
.thumbnail-black:hover {
	filter: alpha(opacity=100);
    opacity: 1.0;
}

/*
* portal specific styles
*/

legend.shaded {
	background-color: #f5f5f5;
	color: #000;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #ccc;
	line-height: 1.5em;
	position: relative;
	top: -1.5em;
}

fieldset.shaded {
	margin-top: 3em;
	background-color: #F4F2E9;
	border: 1px solid #ccc;
	position: relative;
}

/* ---( form elements )------------------------------------------ */

form {
	margin: 0px;
}
select {
	font-family: helvetica, Arial, sans-serif;
	font-size: 8pt;
}
input {
	font-size: 9pt;
}
input.tiny {
	font-size: 7pt;
}
.button {
	margin: 0px 0px 0px 4px;
	padding: 1px 0px 2px 0px;
}
.button_small {
	font-size: 7pt;
	margin: 0px 0px 0px 2px;
	padding: 1px 0px 1px 0px;
}
.button_bold, .btn {
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin: 0px 0px 0px 4px;
	padding: 1px 0px 2px 0px;
}
.dropdown {
	font-family: helvetica, Arial, sans-serif;
	font-size: 8pt;
}
.textbox, .textarea {
	padding-left: 3px;
	padding-right: 3px;
	border: 1px #B5B8C8 solid;
	font-size: 9pt;
	background: #fff url("/css/images/text-bg.gif") repeat-x;
}
.radio, .checkbox {
}
.textarea {
	padding: 2px 3px;
}
.textbox:focus,.textarea:focus {
	border: 1px #a0a0a0 solid;
	border-color: highlight;
	background-color: #fff;
}
.inputError {
	border-color: #c00;
}
select.inputError {
	background-color: #c55;
	color: #fff;
}

.currency {
	text-align: right;
	font-weight: bold;
}

.currencySmall {
	text-align: right;
	font-family: arial;
}

.currencyRed {
	color: crimson;
	text-align: right;
	font-weight: bold;
}

.transparent {
	background: transparent;
	background-color: transparent;
	border: 0px #ccc solid;
}

.currencyBorderless {
	text-align: right;
	font-weight: bold;
	background: transparent;
	border: 0px #ccc solid;
}

.currencyBorderlessSmall {
	text-align: right;
	font-family: arial;
	background: transparent;
	border: 0px #ccc solid;
}

.currencyBorderlessLight {
	text-align: right;
	font-weight: bold;
	color: #fff;
	background: transparent;
	border: 0px #ccc solid;
}

.textAreaBorderless {
	background: transparent;
	background-color: transparent;
	border: 0px #ccc solid;
	overflow:hidden;
}

img.icon {
	padding: 3px 5px;
}

.opacity img {
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.opacity:hover img {
	filter: alpha(opacity=100);
	opacity: 1;
}

.label {
	font-weight: bold;
}

.r {
	text-align: right;
}
.l {
	text-align: left;
}
.c {
	text-align: center;
}
acronym {
	text-decoration: none;
	border-bottom: 1px dotted #080;
	cursor: help;
}

.login-box {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 0px 8px #aaa;
	-moz-box-shadow: 0px 0px 8px #aaa;
	-webkit-box-shadow: 0px 0px 8px #aaa;
	border: 1px solid #bbb;
	background-color: #f9f9f9;
	padding: 1px;
	width: 375px;
}
.login-bar {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #036;
	color: #fff;
	font-weight: bold;
	padding: 6px;
	text-align: left;
}
.shadow {
	box-shadow: 3px 3px 6px #888;
	-moz-box-shadow: 3px 3px 6px #888;
	-webkit-box-shadow: 3px 3px 6px #888;
}

.employee-popup-wrapper {
	z-index: 99999;
	display: none;
	margin-top: 12px;
	position: absolute;
	font-size: 11px;
	color: #fff;
	width: 255px;
	text-shadow: 0 0 2px #000;
	text-align: left;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}
.employee-popup-wrapper .arrow {
	width: 0;
	height: 0;
	line-height: 0;
	border-bottom: 8px solid #222;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	position: absolute;
	bottom: 100%;
	right: 80px;
}
input.employee-popup-descr {
	color: #000;
}
.popup-select {
	position: absolute;
	font-size: 8pt;
	font-family: verdana;
	background-color: #eee;
	color: #222;
	border: 1px solid #ccc;
	padding: 4px;
	z-index: 100;
	filter: alpha(opacity=88);
	opacity: 0.88;
	-moz-border-radius: 2px;
}

.popup-select a {
}

/*
* search styles
*/

.search-body {
    color: #333;
}
.search-title a {
    font-size: 10pt;
    font-weight: bold;
    text-decoration: underline;
    color: #259;
}
.search-result {
    padding: 0 0 0.8em 0;
}
.search-subheader {
    font-size: 8pt;
    color: #676;
}
.search-breadcrumbs {
    color: #556;
    font-weight: bold;
}
#search-options {
	border: 1px solid #e5e5e5;
	background: #f0f0f0;
	padding: 1em;
}

/*
* menu styles
*/

.menuBar, .menuBar32 {
	background: url('/img/skins/default/toolbar.png') top left repeat-x;
	background-color: #ece9d8;
	margin-bottom: 2pt;
	padding-top: 2px;
}
.menuBar46 {
	background: url('/img/skins/default/toolbar46.png') top left repeat-x;
	margin-bottom: 2pt;
}
a.logout-link {
	background: url('/img/icons/16/door_in.png') no-repeat 0px 2px;
	padding: 4px 6px 4px 20px;
}

img.iconleft-16 {
	margin-top: -8px;
	padding: 0px 5px 0 0;
}

/*
* footer
*/

#scrippsnet-footer {
	margin-bottom: 10px;
}
#scrippsnet-footer .grey {
	color: #676;
}
#scrippsnet-footer .grey b {
	color: #444;
}

/*
* department sites
*/

#breadcrumbs {
	font-weight: bold;
	color: #f5f5f5;
}

/*
* jquery tablesorter
*/

.sortHeader {
	cursor: pointer;
	text-decoration: underline;
}
.sortUp {
}
.sortDown {
}
.tblRow1 .sortHighlight {
	background-color: #f6faff;
}
.tblRow2 .sortHighlight {
	background-color: #e3ecf8;
}
#sorting {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	text-align: center;
	display: none;
	margin: 0px;
	padding: 0px;
}
#sorting div {
	border: 2px solid #000;
	padding: 10px;
	margin: auto;
	text-align: center;
	width: 300px;
	top: 200px;
	position: relative;
	background-color: #fff;
	color: #333;
	font-weight: bold;
}

/* fading tooltips */
body div#toolTip { position:absolute;z-index:1000;width:180px;background:#47f;border:2px solid #369;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }

.x-menu-list {
	padding-left: 0px;
	width: 340px;
	height: 140px;
}

/* autocomplete */

.ac_unitname { font-size:9px; color:#555; }
.ac_over .ac_unitname { color:#eee; }
.ui-datepicker-trigger {
	cursor: pointer;
	margin: 1px 0 0 2px;
	vertical-align: top;
}
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	margin: 0;
	padding: 0;
	cursor: default;
	display: block;
	font: menu;
	font-size: 12px;
	/*
	it is very important, if line-height not set or set
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}
.ac_item, .ac_limit {
	padding: 2px 5px;
}
.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}
.ac_odd {
	background-color: #eee;
}
.ac_over {
	background-color: #0A246A;
	color: #fff;
}
.ac_limit, .ac_limit .ac_unitname {
	background-color: #444;
	color: #fff;
}