table.alpha-shadow.wrapper {
  margin: 0 auto 2em auto;
}
table.alpha-shadow.wrapper td {
  margin: 0;
  padding: 0;
}

.alphaShadowOuter {
  background: url(/common/acat.dropshadow1600.1.gif) no-repeat bottom right;
  margin: 0 auto;
}
.alphaShadowOuterF9 {
  background: url(/common/acat.dropshadowF9.1.gif) no-repeat bottom right;
  margin: 0 auto;
}

.alphaShadowLeft {
  float: left;
  clear: left;
  margin: 0;
}
.alphaShadowRight {
  float: right;
  clear: right;
  margin: 0;
}

.alphaShadowInner {
  background: url(/common/acat.dropshadow1600.2.png) no-repeat left top !important;
  /* the following line works around IE < v7 bug */
  -background: url(/common/NONEXISTENT.gif) no-repeat left top;
  padding: 0px 5px 5px 0px;
}
.alphaShadowInnerF9 {
  background: url(/common/acat.dropshadowF9.2.png) no-repeat left top !important;
  /* the following line works around IE < v7 bug */
  -background: url(/common/NONEXISTENT.gif) no-repeat left top;
  padding: 0px 5px 5px 0px;
}

.alphaShadow .container {
  background-color: #eee; /* this sets the background color for the .frame (if used) as well */
  border-width: 1px; /* this is the thin border between the container and the shadow */
  border-style: solid;
  border-color: #888;
  /* set the following two lines to ZERO to prevent extra space inside DIVs in IE
     this is only needed if there is any whitespace within the .container DIV tags
     also requires setting the .caption font-size and line-height to absolute pixel values */
  /*
  font-size: 0;
  line-height: 0;
  */
}

.alphaShadow .frame {
  padding: .5em .5em 0 .5em;  /* this sets the frame thickness */
}

.alphaShadow .caption {
  padding: 0; /* this looks best if same the same width as the frame thickness */
  color: #666;
  /* set the following two lines to ABSOLUTE PIXEL VALUES to override
     IE extra space fix (if used) in '.container' DIV */
}

.alphaShadow .caption p {
  margin: .375em .5em;
  color: #666;
  /* font-family: georgia, arial, helvetica; */
  font-size: .75em;
  line-height: 1.375em;
  text-align: center;
}

.alphaShadow .frame .caption p {
  margin: 0 .125em;
}

.alphaShadow .caption p.quote {
  font-style: italic;
  color: #666;
  text-align: center;
}

.alphaShadow .caption p.source {
  color: #333;
  font-style: normal;
  text-align: right;
}

.alphaShadow .frame .caption { /* override padding if this is contained in a .frame */
  padding-bottom: .5em;
}


.alphaShadow .frame img {
  margin-bottom: .5em;
}/* Redmond style sheet for jQuery date picker v3.6.1. */
#datepick-div, .datepick-inline {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #fff;
	color: #222;
	width: 185px;
}
#datepick-div {
	display: none;
	border: 1px solid #4297d7;
	z-index: 100; /*must have*/
}
.datepick-inline {
	float: left;
	display: block;
	border: 0;
}
.datepick-rtl {
	direction: rtl;
}
.datepick-dialog {
	padding: 5px !important;
	border: 4px ridge #4297d7 !important;
}
.datepick-disabled {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
button.datepick-trigger {
	width: 25px;
}
img.datepick-trigger {
	margin: 2px;
	vertical-align: middle;
}
.datepick-prompt {
	float: left;
	padding: 2px;
}
* html .datepick-prompt {
	width: 185px;
}
.datepick-control, .datepick-links, .datepick-header, .datepick {
	clear: both;
	float: left;
	width: 100%;
}
.datepick-control {
	background: #d0e5f5;
	padding: 2px 0px;
}
.datepick-links {
	padding: 2px 0px;
}
.datepick-control, .datepick-links {
	font-weight: bold;
	font-size: 80%;
}
.datepick-links label {
	padding: 2px 5px;
	color: #888;
}
.datepick-clear, .datepick-prev {
	float: left;
	width: 34%;
}
.datepick-rtl .datepick-clear, .datepick-rtl .datepick-prev {
	float: right;
	text-align: right;
}
.datepick-current {
	float: left;
	width: 30%;
	text-align: center;
}
.datepick-close, .datepick-next {
	float: right;
	width: 34%;
	text-align: right;
}
.datepick-rtl .datepick-close, .datepick-rtl .datepick-next {
	float: left;
	text-align: left;
}
.datepick-header {
	background: #5c9ccc;
	color: #fff;
	text-align: center;
	font-weight: bold;
	height: 1.6em;
}
.datepick-header select {
	background: #5c9ccc;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.datepick-header span {
	position: relative;
	top: 3px;
}
.datepick {
	text-align: center;
	font-size: 100%;
}
.datepick a {
	display: block;
	width: 100%;
}
.datepick-title-row th {
	text-align: center;
	font-weight: normal;
}
.datepick-week-col {
	background: #d0e5f5;
}
.datepick-days-cell {
	border: 1px solid #c5dbec;
}
.datepick-days-cell a {
	display: block;
	background: #dfeffc;
}
.datepick-other-month a {
	background: #fff;
}
.datepick-week-over a {
	background: #d0e5f5;
}
.datepick-unselectable {
	color: #888;
}
.datepick-today {
	border: 1px solid #fad42e;
}
.datepick-today a {
	background: #fbec88;
}
.datepick-current-day {
	border: 1px solid #4297d7;
}
.datepick-current-day a {
	background: #5c9ccc;
	color: #fff;
}
.datepick-days-cell-over {
	border: 1px solid #79b7e7;
}
.datepick-days-cell-over a {
	background: #d0e5f5;
	color: #222;
}
.datepick-status {
	width: 100%;
	font-size: 80%;
	text-align: center;
}
#datepick-div a, .datepick-inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
.datepick-inline .datepick-links a {
	padding: 0 5px !important;
}
.datepick-control a, .datepick-links a {
	padding: 2px 5px !important;
	color: #222 !important;
}
.datepick-control a:hover {
	background: #5c9ccc;
}
.datepick-links a:hover, .datepick-title-row a:hover {
	background: #d0e5f5;
}
.datepick-multi .datepick {
	border: 1px solid #a6c9e2;
}
.datepick-one-month {
	float: left;
	width: 185px;
}
.datepick-new-row {
	clear: left;
}
/* ___________ IE6 IFRAME FIX ________ */
.datepick-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -1px; /*must have*/
    left: -1px; /*must have*/
    width: 187px; /*must have*/
    height: 187px; /*must have*/
}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 101;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 102;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 103;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
  
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}/* CONTENT ELEMENTS */
/* everything except color */


html * {
  font-size: 100%;
}

/* force vertical scrollbar in non-IE browsers */
html { height: 100%; margin-bottom: 1px; }

body {
  padding: 0; margin: 0;
  font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
  font-size: 75.00%; 
  /*
  overflow-x: hidden;
  */
}

#viewport_top {
  height: 1%; /* holly hack */
  position: relative;
  z-index: 100; /* make sure this div's children (including nav menu) will be placed on top of main page content when necessary */
  border-style: solid;
  border-width: 1em 0 6px;
  border-top-color: #646464;
  border-bottom-color: #ddd;
}

#viewport_middle {
  border-width: 0;
  overflow: hidden;
  height: 1%; /* holly hack */
  padding-bottom: 1em;
  background-color: #fff;
}

#viewport_bottom {
  border-style: solid;
  border-width: 6px 0 0;
  border-top-color: #ddd;
  background-color: transparent;
}









#viewport_log {
  /*
  display: none;
  */
}

#logtitle {
  color:#aaa;
  font-size:1.5em;
  margin-bottom: 0.25em;
  padding: .75em 0 0 0.5em;
}

#logsubtitle {
  line-height: 1.25em;
  color: #888;
  margin-bottom: 1em;
  padding-left: .75em;
}

#logStatic {
  
  background-color: #F7F0EE;
  border-color: #CAAA9F;
  border-style: solid;
  border-width: 3px;
  color: #A48A82;
  height: 10em;
  padding: 0.25em 0.5em;
  width: 99%;    
  
  
  /*
  background-color:#FFF1D0;
  border-color:#FFE7AF;
  border-style:solid;
  border-width:3px 0pt 0pt;
  color:#B3A172;
  height:10em;
  padding:0.25em 0.5em;
  width:99%;
  */
  
}

.widthCap {
  /* min-width: 49.75em; */ /* 48.5em for uncontained forms, 49.75em for forms within schedule table */
  max-width: 80em;
  margin: 0 auto;
  border-width: 0;
  border-style: solid;
  padding: 0;
  position: relative;
  /* overflow: hidden; */
}

/* override for IE using expressions */
* html .widthCap {
  
  /* Fallback if no Javascript enabled */
  width: 80em;

  /* min-width & max-width width JS-Expressions */
  width: expression((document.documentElement && document.documentElement.clientHeight) ?
    (document.documentElement.clientWidth < (48.5 * parseInt(document.documentElement.currentStyle.fontSize))) ? "48.5em" : (( document.documentElement.clientWidth > (80 * parseInt(document.documentElement.currentStyle.fontSize))) ? "80em" : "auto") :

    (document.body.clientWidth < (48.5 * parseInt(document.documentElement.currentStyle.fontSize))) ? "48.5em" : (( document.body.clientWidth > (80 * parseInt(document.body.currentStyle.fontSize))) ? "80em" : "auto")
  );
}

#header { 
  position: relative;
  padding: 2em 2em 1.5em 1.75em;
}

#topnav {
  position:absolute;
  text-align: right;
  top: .5em;
  right: 1.5em;
  padding-bottom: .5em;
}

#topnavAttached {
  position:absolute;
  text-align: right;
  top: -.3em;
  right: 1.5em;
  padding: 0 1em .5em;
  white-space: nowrap;
}

#topnavSearchIcon {
  margin-right: -.5em;
}
#topnavSearch {
  background-color: #777;
  border: 1px solid #888;
  color: #bbb;
  font-size: 1em;
  margin: -0.5em .5em 0 0.5em;
  padding: 0.1em;
  display: none;
}
#topnavSearch:focus {
  color: #fff;
  border-color: #aaa;
  background-color: #999;
}

#main { padding: 0 0 0 0; }

#footer { 
  padding: 1.25em 1.5em;
  border-width: 0;
  border-style: solid;
}

#header, #nav, #main, #footer, #viewport_top, #viewport_middle, #viewport_bottom { clear:both; }

#col1 { float: left; width: 200px; z-index: 3; }
#col2 { float: right; width: 200px; z-index: 5; }
#col3 { width: auto; z-index: 1; }

#col1_content {z-index: 4}
#col2_content {z-index: 6}
#col3_content {z-index: 2}

#col1_content, #col2_content, #col3_content { position:relative }

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

.clearfix { zoom: 1; display: block }

.clear {
  clear: both;
}

.floatbox { overflow:hidden }

/* #col1 becomes the middle column */
#col1 {
  margin: 0;
  padding-top: .8em;
  width: 65%;
}

/* #col3 becomes the right column */
#col3 {
  float: right;
  width: 32%;
  margin: 0 0 0 0;
  padding: 1.5em 0;
}

/* single-column layout */
#col1.colsingle {
  margin: 0;
  width: 100%;
  float: none !important;
  /*
  margin: 0;
  padding: .875em 0 0;
  */
}

#col1 .page_content {
  /*
  background: #f6f6f6;
  border: 1px solid #CCCCCC;
  */
  padding: 1.5em 1.5em;
}
#col3 .page_content { padding: .86em 1.25em 0 0; }

.page_container { margin: 0 auto .86em; }

h1,h2,h3 { 
  margin: 1.5em 0 0.25em 0; 
}
h2 {
  border-bottom: 1px solid #ddd;
}
h4 {
  margin: 1.5em 0 0 0; 
}
h5 {
  margin: .5em 0 0 0;
}
h6 {
  margin: -.5em 0;
}
.chrome h6 {
  /* margin-top: -.75em; */
}

h1 { font-size: 2em }
h2 { font-size: 1.5em }
h3 { font-size: 1.5em }
h4 { font-size: 1.333em }
h5 { font-size: 1.166em }
h6 { font-size: .8em; font-weight: bold; color: #aaa !important; text-transform: uppercase; }

p {
  line-height: 1.75em;
  margin: 1em 0;
}

p.hanging {
  padding-left: 1em !important;
  text-indent: -1em !important;
}

fieldset, img { border: 0 solid; }

ul, ol, dl {
  margin: 0 0 0 1em;
  padding: 0 0 0 1em;
}


ul {
  list-style-type: disc;
  list-style-position: outside;
}
ul.check {
  /*
  list-style-image: url("/common/assets/icons/tick.gif");
  */
  margin-left: 0;
  list-style-type: none;
}
ul.check li {
  background: url("/common/assets/icons/tick.gif") no-repeat 0 0.2em;
  margin-left: 0;
  padding-left: 20px;  
  *height: 1%;
}
ul.check li li {
  background: url("/common/assets/icons/bullet-arrow.gif") no-repeat 0 0.45em;
  padding-left: 12px;
  *height: 1%;
}

ul ul, ul ul ul {
  list-style-type: disc;
  list-style-image: none;
  /* list-style-image: url("/common/assets/icons/tick.png"); */
}

li {
  padding: 0;
  *padding-left: .5em;
  margin: 1em 0 1em 1em;
  line-height: 1.25em;
}
li li {
  margin-left: 0;
}




dt { font-weight: bold }
dd { margin: 0 0 1em 2em }

textarea, pre, tt, code {
  font-family:"Courier New", Courier, monospace;  	
}

cite, blockquote { font-style:italic }
blockquote { margin: 0 0 1em 1.5em }

strong,b { font-weight: bold }
em,i { font-style:italic }

pre, code { font-family: monospace; font-size: 1.1em; }

acronym, abbr {
  letter-spacing: .07em;
  border-bottom: .1em dashed #c00;
  cursor: help;
}

#header h1 {
  /* padding-top and (height for ie5.5) must be set to same height as header image */
  padding: 37px 0 0 0;
  overflow: hidden;
  /* default background image */
  /*
  background-image: url("../images/biomed-logo-red-wide_400x37.jpg");
  */
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:37px; /* for IE5.5's bad box model */
}

#header b {
  font-weight: bold;
}

.page_content p {
  font-size: 1.17em;
}

.page_content ul {
}

.page_content li {
  font-size: 1.17em;
  /* margin: 1em; */
  line-height: 1.5em;
}
.page_content li li {
  font-size: .86em;
}
.page_content li li li {
  font-size: 1em;
}

.page_content li p {
  font-size: 1em;
}


.page_content table.generated {
  border-collapse: collapse;
}
.page_content table.generated td {
  padding: .75em 1.5em .75em 0;
  font-size: 1.17em;
  vertical-align: top;
}

p.indent {
  margin-left: 1em;
}

 /* make html content not visible on page */
.hidden {
  display: none !important;
}
.unhidden {
  display: inline;
}

div.breadcrumbs,
p.breadcrumbs {
  font-size: 1em;
  font-weight: bold;
  line-height: .9em;
  margin: 0;
}

div.page-title,
p.page-title,
h1.page-title {
  font-size: 2em !important;
  border-bottom: 1px solid;
  margin: 0 0 .75em 0; 
  padding-bottom: 0;
  line-height: 1.25em;
  font-weight: bold;
  position: relative;
  _zoom: 1;
}

div.page-header {
  width: 100%;
  text-align: center;
  overflow: hidden;
  height: 150px;
}

#page-title-date, #page-title-buttons {
  margin: 0 0 0 .5em;
}
#page-title-dynamic {
  white-space: nowrap;
}

#log {
  padding: 2em;
  text-align: left;
}


/*
div.sidebar.title {
  margin: 0;
  padding: 1.375em 1.5em 0.5em 1.5em;
  border-width: 1px 1px 0 1px;
  border-style: solid;
}
div.sidebar.title p {
  font-size: 1.5em;
  line-height: 1.17em;
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: normal;
  padding: 0;
  margin: 0;
}
div.sidebar.title.green {
  color: #5abb5a;
  background-color: #dfd;
  border-color: #9d9;
}

div.sidebar.title.red {
  color: #BB5B5B;
  background-color: #fdd;
  border-color: #d99;
}

div.sidebar.title.gray {
  color: #666;
  background-color: #ddd;
  border-color: #ccc;
}

div.sidebar.body {
  padding: 0 1.5em 1.5em 1.5em;
  margin: 0;
  background-color: #f6f6f6;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #dedede;
}

div.sidebar.body p {
  margin: 1em 0 0 0;
  color: #666;
  text-wrap: normal;
  word-wrap: break-word;
}

div.sidebar.body p.smallgap {
  margin: .5em 0 0 0;
}

div.sidebar.body p.nogap {
  margin: 0em;
}

div.sidebar.body p.heading {
  margin-top: .625em;
  font-size: 1.5em;
  border-bottom: 1px solid #ccc;
}

div.sidebar.body p.subhead {
}

div.sidebar.body p.indent {
  margin-left: 1em;
  color: #333;
}
*/


p.size125, span.size125 {
  font-size: 1.25em;
}

span.sizezero {
  font-size: 0.01em;
}

div.buttonCustom {
  width: 20em;
  margin: .01em auto !important;
  padding: .01em !important;
}

div.buttonCustomEdge {
  margin: 0;
  padding: 1em; /* .5em on hover */
  border-width: 0; /* .5em on hover */
  border-style: solid;
  border-color: #666;
}

div.buttonCustomBody {
  margin: 0;
  padding: .5em;
  border-width: 1px;
  border-style: solid;
  border-color: #666;
  background-color: #ccc;
  color: #333;
  font-weight: bold;
}










.overflow {
  overflow: visible !important;
}

.width100 {
  width: 100%;
}

.width97 {
  width: 97%;
}

.width95 {
  width: 95%;
}

.width50 {
  width: 50%;
}

.width47 {
  width: 47%;
}

.note, .important, .warning {padding: 1em; border-width: 1px 0; border-style: solid;}

.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
.floatLeft { float: left !important; }
.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
.floatRight { float: right !important; }
.center { text-align:center; margin: 0.5em auto }


a, .cursorPointer {
  cursor: pointer;
}

.smallCaps {
  font-size: .8em !important;
  text-transform: uppercase !important;
}

.titleCase {
  text-transform: capitalize;
}

.caps,
.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.small {
  font-size: .8em !important;
}

.large {
  font-size: 1.25em !important;
}
.larger {
  font-size: 1.35em !important;
}

.large150 {
  font-size: 1.5em !important;
}

.large175 {
  font-size: 1.75em !important;
}

.large200 {
  font-size: 2em !important;
}

.bold {
  font-weight: bold !important;
}
.italic {
  font-style: italic !important;
}

.left {
  text-align: left !important;
}

.center {
  text-align: center !important;
}

.right {
  text-align: right !important;
}

.noPadding {
  padding: 0 !important;
}

.noPaddingBottom {
  padding-bottom: 0 !important;
}

.noMargin {
  margin: 0 !important;
}

.noMarginTop {
  margin-top: 0 !important;
}

.noMarginBottom {
  margin-bottom: 0 !important;
}

.noBorderBottom {
  border-bottom-width: 0 !important;
}

.nowrap, .nobreak {
  white-space: nowrap !important;
}

.gapTop {
  margin-top: 1.5em !important;
}


.dark {
  color: #666 !important;
}
.darker {
  color: #000 !important;
}
.light {
  color: #999 !important;
}
.lighter {
  color: #bbb !important;
}
.white {
  color: #fff !important;
}


.backgroundWhite {
  background-color: #fff !important;
}

.indentHang50 {
  padding-left: .5em !important;
  text-indent: -.5em !important;
}
.indentHang100 {
  padding-left: 1em !important;
  text-indent: -1em !important;
}
.indentHang150 {
  padding-left: 1.5em !important;
  text-indent: -1.5em !important;
}













table { border-collapse:collapse; }

th,td { padding: 0; vertical-align: top; text-align: left;}

hr {
  margin: 2em 0 0.5em 0;
  padding: 0 0 0.5em 0;
  border-width: 0 0 3px 0;
  border-style: solid;
}
.notes hr {
  margin: 0;
  padding: 0;
}

.borderTop {
  border-style: solid !important;
  border-width: 3px 0 0 !important;
}
.borderBottom {
  border-style: solid !important;
  border-width: 0 0 3px !important;
}

div.overlay {
  position: absolute;
  z-index: 40000;
  background-color: #999;
}

div.quoteContainer {
  padding: 0 2em;
  /*
  border: 1px solid #ddd;
  */
}

div.blockUI {
  /*
  overflow: hidden !important;
  */
}

.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

div.contactDirectorySection {
  overflow: auto;
  margin-bottom: 1em;
}

div.contactDirectoryHeading {
  font-size: 1.5em;
  font-weight: bold;
  line-height: .9em;
  border-bottom: 1px solid #ddd;
  padding-bottom: .2em;
  margin-bottom: .33em;
  margin-top: 1em;
}

div.contactDirectoryEntry {
  float: left;
  width: 49%; /* 21em; */
  font-size: 1.25em;
}

div.contactDirectoryEntry a {
  text-decoration: none;
}

div.contactDirectoryEntry table {
}

div.contactDirectoryEntry img {
  margin: .5em 1em .5em 0;
}
div.contactDirectoryEntry .name {
  margin-top: -.25em;
}
div.contactDirectoryEntry .title {
  font-size: .8em;
  color: #333;
}
div.contactDirectoryEntry .content {
  font-weight: normal;
  font-size: .8em;
  line-height: 1em;
  color: #666;
}

.contactDirectoryEntry td {
  vertical-align: middle;
}




.iframeContainer {
  position: relative;
  height: 0;
}

iframe {
  display: none;
  position: absolute;
  /*
  width: 100%;
  */
  height: 1px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-style: solid;
  border-width: 3px;
  border-color: #99bbe8;
}

table#log {
  width: 100%;
  margin-bottom: 2em;
}

table#log td {
  padding: .25em .5em;
  color: #666;
  border-width: 2px 0;
  border-style: solid;
  border-color: #ddd;
  vertical-align: top;
}

table#log td.lineNum {
  width: 1em;
  color: #bbb;
  text-align: right;
}

table#log .logFuncName {
  color: #89d;
  font-weight: bold;
}
table#log .logFuncArgs {
  color: #c88;
}
table#log .logFuncSection {
  color: #88c;
}

.loadingText {
  font-size: .86em;
  color: #aaa;
}

.page-header {
  
}

#galleryContainer {
  margin: 2em auto 0;
  width: 50em;
}
#galleryContainer.full {
  width: auto;
}

#galleryContainer .alpha-shadow {
  float: none !important;
  margin: 0 !important;
}

#galleryContainer .alpha-shadow .frame img {
  margin-bottom: 2em;
}

.galleryHeader {
  text-align: center;
  font-size: .8em;
  text-transform: uppercase;
  color: #bbb;
  padding-bottom: 2em;
}

.galleryItem {
  margin: 0;
  padding: 1.5em 1.5em 1.25em;
  border: 1px solid #eee;
  background-color: #f9f9f9;
}

.galleryItem:hover {
  border-color: #eee;
}

.galleryItem:hover .alphaShadow .frame,
.galleryItemThumbnail:hover .alphaShadow .frame {
  background-color: #EDB6B6;
  border-color: #C8787E;
}

.galleryItem:hover .galleryItemText p {
 color: #C8787E;
}

.gallerySpacer {
  height: 2em;
}

.galleryItemThumbnail {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

.galleryItem .galleryItemThumbnail {
  margin-bottom: 0;
}

.galleryItemText {
  padding: 1.5em 1em 0 0;
}

.galleryItemText p {
  margin-bottom: 0;
}

.galleryCellText {
  padding: .5em;
}

p.galleryTitle {
  font-size: 1.5em !important;
  font-weight: bold;
  line-height: 1em;
  margin: 0;
  color: #666;
}

.galleryDescription {
  color: #666;
  padding: 0;
}


#proximityToggleContainer {
  font-size: .9375em;
}
  
div.mapInfoWindow {
  position: relative;
  font-size: 1.25em !important;
  margin: 0 !important;
}
div.mapInfoWindow p {
  font-size: 1em !important;
  margin: 0 0 .5em 0 !important;
}
div.mapInfoWindow p.last {
  margin-bottom: -1.5em !important; /* trick google API into properly wrapping info window height around content */
  position: relative; /* prevent negative margin overflow from being hidden in IE */
}
div.mapInfoWindow span.big {
  font-size: 1.17em !important;
}
div.mapInfoWindow span.small {
  font-size: .86em !important;
}


#loading-small {
  margin-top: 1.25em;
}


table.blogTable {
  margin-top: 2em;
}
.ie6 table.blogTable,
.ie7 table.blogTable {
  font-size: .8em;
}
table.blogTable div.dateContainer {
  border-style: solid;
  border-color: #eee;
  border-width: 0 0 0 0;
  padding: 0pt 0.375em;
  /* background-color: #f6f6f6; */
  color: #999;
  width: 3.5em;
}
table.blogTable div.dateContainer div {
  text-align: right;
  font-size: 1.17em;
  font-weight: bold;
  text-transform: uppercase;
}
table.blogTable div.dateContainer div.dateMonth {
  font-size: 1.25em;
}
table.blogTable div.dateContainer div.dateDay {
  font-size: 2.5em;
  letter-spacing: -.1em;
  line-height: .8em;
  padding-right: .05em;
}
table.blogTable div.dateContainer div.dateYear {
  font-size: 1.17em;
  color: #ccc;
}

table.blogTable h2 {
  margin-top: 0;
  padding-right: 1em;
}
table.blogTable td.blogItemContentCell {
  padding-left: 0;
  padding-bottom: 4em;
}
table.blogTable div.blogItemContent {
  padding: 0 0 0 1.5em;
  border-width: 0 0 0 3px;
  border-style: solid;
  border-color: #eee;
}
table.blogTable div.blogItemContent p {
  padding-right: 1em;
}
table.blogTable img.itemImage {
  border: 3px solid #eee;
}


div.printContact {
  margin-top: 2em;
  border-top: 3px solid #eee;
  position: relative;
  zoom: 1;
}
div.printContact p.title {
  font-size: 1.5em;
  font-weight: bold;
}
div.printContact p {
  /* font-size: 1.25em; */
  color: #999;
}




li.search-goog {
  background-image: none;
}





/* drop shadow frame */
.alphaShadowRight {
  margin: 0 0 1.5em 1.5em;
}
.alphaShadow .caption p {
  font-family: trebuchet ms;
  font-size: .875em !important;
  line-height: 1.25em !important;
}






/* lightbox */
#lightbox-container-image-data {
  padding: 0;
}
#lightbox-secNav-btnClose {
  padding-bottom: 0.8em;
  width: 72px;
}






/* autocomplete */
.ac_results {
	padding: 0px;
	border-width: 2px 1px 1px 1px;
  border-style: solid;
  border-color: black;
  margin-top: -2px;
	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: .375em .5em;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: trebuchet ms, Verdana, Helvetica, Arial, sans-serif; /* menu; */
	font-size: 1.25em;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 1.375em;
	overflow: hidden;
  border-bottom: 1px solid #eee;
  
  background-image: none;
  
  height: auto !important;
}

.ac_results li p {
  margin: 0;
  padding: 0;
}
.ac_results li label {
  display: block;
}

.ac_results li .main {
  line-height: 1.25em;
  /* margin-top: -.25em; */
}

.ac_results li .details {
  color: #999;
  font-size: .8em;
  line-height: 1.25em;
}

.ac_results li .detailsHanging {
  color: #999;
  font-size: .8em;
  /* line-height: 1.25em; */
  text-indent: -2em;
  margin-left: 2em;
  line-height: 1.25em;
}

.ac_resultsMatch {
  font-weight: bold !important;
  color: #476FA2 !important;
}

.ac_loading {
  position: absolute;
  z-index: 100;
  /*
  padding: 0;
  width: 16px;
  height: 16px;
  background: transparent url(/common/assets/images/loading-circle.gif) no-repeat scroll top right;
  */
  font-size: 1.5em !important;
  margin: 1px 1px 3px !important;
  padding: 0.25em !important;
  color: #bbb !important;
  font-style: italic;
  text-align: right;
}

.ac_noresults {
	/* background-color: #ffeded !important; */
  color: #f60 !important;
}

.ac_odd {
	background-color: #fff; /* #eee; */
}

.ac_over {
	background-color: #EDFFED; /* #0A246A; */
	color: #4EA04E; /* white; */
}

.ac_over .main,
.ac_over .details,
.ac_over .detailsHanging {
	color: #4EA04E !important; /* white; */
}

.ac_closeButton {
  background: url(/common/assets/icons/cross.png) no-repeat;
  width: 16px;
  height: 16px;
  display: block;
  z-index: 3200;
  position: absolute;
  top: .2em;
  right: 1.5em;
  cursor: pointer;
}













/* multiselect */
input.multiSelect {
	background-color: #FFF;
  background-image: url(/common/assets/icons/dropdown.gif);
  background-position: right center;
  background-repeat: no-repeat;
	padding-right: 20px; 
}

input.multiSelectEmpty {
  color: #aaa !important;
}

input.multiSelect.hover {
	background-image: url(/common/assets/icons/dropdown_hover.gif);
}

input.multiSelect.active {
	background-image: url(/common/assets/icons/dropdown_active.gif);
}

div.multiSelectOptions {
  width: 20em;
	overflow: auto;
	border: solid 1px #B2B2B2;
	background: #FFF;
}

div.multiSelectOptions label {
  display: block;
  padding: 0 .5em 0 .125em;
  margin: 0;
  font-size: 1.125em;
}

div.multiSelectOptions label.checked {
	background: #E6E6E6;
}

div.multiSelectOptions label.selectAll {
	border-bottom: dotted 1px #CCC;
}

div.multiSelectOptions label.hover {
	background: #CFCFCF;
}

div.multiSelectOptions input {
  margin: .25em .5em 0 0;
  /*
  width: 13px;
  height: 13px;
  */
  padding: 0;
  margin: 0 .5em 0 0;
  vertical-align: bottom;
  position: relative;
  top: -2px;
  *overflow: hidden;  
}












div.tablesorterPager {
  /* z-index: 101; */
  position: absolute;
  font-size: .5em;
  bottom: 0;
  right: 0;
  color: #999;
  font-weight: normal;
  line-height: 2em;
}
div.tablesorterPager * {
  *vertical-align: middle;
}
div.tablesorterPager strong {
  font-weight: bold;
  color: #000;
}
div.tablesorterPager a.disabled {
  color: #bbb;
}
div.tablesorterPager img {
}
div.tablesorterPager input {
	width: 5em;
	text-align: center;
}






#page-title {
  position: relative;
  z-index: 40;
}
div.datepickerTarget {
  display: inline;
  position: absolute;
  z-index: 10001;
  cursor: pointer;
}
.datepick-inline {
  display: none;
  border: 3px solid #5C9CCC;
  position: absolute;
  z-index: 10002;
  display: block;
  /* float: left; */
  left: .8em; /* .4em */
  top: 2.1em;
  line-height: 1.75em;
  padding: 0 5px 5px 6px;
}
.datepick-links {
  padding: 0;
}
.datepick-inline .datepick-links a {
  padding: 1em !important;
}
.datepick-one-month {
  /* width: auto; */
}
table.datepick {
  /* margin: 0 .5em .5em; */
}
.datepick-header {
  line-height: 1.1em;
}
.datepick-today,
.datepick-days-cell {
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  color: #ccc;
  text-align: center;
}
.datepick-days-cell a {
  background-color: #eee;
  color: #999;
}
.datepick-week-over td a,
.datepick-days-cell-over a {
  background-color: #D0E5F5;
  color: #6e94c5;
}
.datepick-other-month a {
  background-color: #ddd;
}
.datepick-days-cell a:hover,
.datepick-days-cell a:active,
.datepick-days-cell a:focus {
  color: #6E94C5;
  text-decoration: none;
}
.datepick-today a {
  color: #000 !important;
}
.datepick-prev,
.datepick-next,
.datepick-current,
.datepick-title-row {
  font-size: .675em;
  text-transform: uppercase;  
}
.datepick-prev,
.datepick-next {
  width: 25%;
}
.datepick-current {
  width: 50%;
}






#tooltip h3, #tooltip div { margin: 0; }
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #99BBE8;
	background-color: #DFE8F6;
	padding: .5em .75em;
	/* opacity: 0.85; */
}
#tooltip .body {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border-width: 0;
}
#tooltip ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#tooltip li {
  text-indent: -1em;
  padding-left: 1em;
}
#tooltip .header {
  font-size: 1.25em;
  font-weight: bold;
  color:#84A7D4;
}
#tooltip .title {
  font-weight: bold;
  font-size: .8em;
  text-transform: uppercase;
  color: #999;
}
.tooltipTarget {
  cursor: default;
  padding: .0625em 1em;
}


/* form.css */


div.flatContainer {
  margin: 0 auto;
  padding: 0;
  font-family: trebuchet ms, Verdana, Helvetica, Arial, sans-serif;
  font-size: .92em;
  position: relative;
  zoom: 1;
}

div.flatContainer.double {
  width: 46.5em;
}
  
  
div.flatContainer .title {
  position: relative;
  margin: 0;
  padding: 1.375em 1.5em 0.5em 1.5em;
  border-width: 1px 1px .5em;
  border-style: solid;
  zoom: 1;
}
div.flatContainer .title p {
  font-size: 1.75em;
  line-height: 1.17em;
  font-family: trebuchet ms, verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
div.flatContainer .title p .light {
  font-weight: normal;
}

div.flatContainer .title .nav {
  /*
  position: absolute;
  top: .5em;
  right: 1em;
  */
  border-width: 1px;
  border-style: solid;
  bottom: 0.5em;
  padding: 0.5em 0.75em;
  position: absolute;
  right: 0.5em;
  -margin-right: -2.375em;
}
/* adjust above to render correctly in ie6 */
* html div.flatContainer .title .nav {
  right: 3em;
}

div.flatContainer .header {
  padding: 0.5em 1.666em 0.833em 1.666em;
  font-size: 1em;
  text-align: left;
  white-space: normal;
}
div.flatContainer .body {
  /* inline-block MUST be applied to prevent peekaboo bug in IE for immediate child floats */
  *display: inline-block; /* use asterisk to target IE 6 & 7, hyphen to target only IE 6 */
  padding: 0 0 1.5em;
  margin: 0;
  border-width: 3px;
  border-style: solid;
  position: relative;
  zoom: 1;
}

div.flatContainer .row {
  padding: 0;
  margin: 1.5em 1.5em 0 1.5em;
}

div.flatContainer .rowByCallout {
  width: 25em;
  padding: 0;
  margin: 1.5em;
}

div.flatContainer .callout {
  border-style: solid;
  margin: 0;
  padding: .25em 1.5em;
}

div.flatContainer .calloutFloat {
  width: 18.75em;
  float: right;
  margin: 0 0 1.5em 0;
  border-width: .5em 0 .5em .5em;
}

div.flatContainer .calloutAttached {
  /* display: none; */
  margin: 0;
  width: 19.2em;
  padding: .5em .75em;
  border-width: 1px 1px;
}

div.flatContainer .calloutWidthFull {
  width: 41.53em;
}

div.flatContainer .calloutWide {
  padding: .5em 1.5em;
  margin-top: 1.5em;
  border-width: .5em 0;
}


div.flatContainer .item {
  /* background-color: transparent; */
  padding: 0; /* .125em .375em .25em .375em; */
  margin: 1.5em 0 0 1.5em;
  /* width: 22em; */
  float: left;
  display: inline;
  position: relative;
  zoom: 1;
}
div.flatContainer .itemRight {
  float: right;
  margin-right: 1.5em;
}
div.flatContainer .itemlist {
  /*
  font-size: 0.9em;
  margin-top: 1.25em;  
  */
}

div.flatContainer .item * {
  *vertical-align: middle;
}

div.flatContainer .staticLabel {
  width: 10em;
  text-align: right;
  font-size: .8em;
  margin-top: 2.25em;
}

div.flatContainer .staticContent {
  width: 30em;
  font-size: 1.17em;
  margin-top: 1.25em;
}


div.flatContainer .resultContent {
  font-weight: bold;
}

div.flatContainer .separator {
  margin: 0 1.5em;
  padding: 0;
  height: .5em;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

div.flatContainer .clearfix {
  clear: both;
  font-size: 0.1px;
  height: 0;
  line-height: 0;
  width: 0;
}

div.flatContainer .body p {
  font-size: 1.25em;
  line-height: 1.25em;
  margin: 1.25em 1.25em 0;
}
div.flatContainer .body p.heading {
  margin-top: 2em !important;
}
div.flatContainer .body p span.heading {
  font-size: 1.3em;
  font-weight: bold;
}
div.flatContainer .body ol {
  margin: 0 1.25em 0pt 4em;
}
div.flatContainer .body li {
  font-size: 1.17em;
  line-height: 1.17em;
}
div.flatContainer .body li li {
  font-size: 1em;
  margin-left: .5em;
}

div.flatContainer .body .indent {
  margin: 0 1.5em;
}

div.flatContainer .item p {
  margin: .75em 0 0 0;
  position: relative;
}
div.flatContainer .itemlist div.listitem {
  font-size: 1.17em;
  line-height: 1.25em;
  margin: 0 0 0.25em;
  padding: 0.3em 0.5em 0.25em 0;
}
div.flatContainer .item span.details {
  font-size: 0.8em;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1.25em;
  color: #999;
}



div.tabPage .fieldValue div.valueContent {
  margin-top: .97em;
  *margin-top: 1.05em;
  /* padding-bottom: .25em; */
  position: relative;
  /* border: 1px solid #ccc; */
  /* background-color: transparent; */
  top: -.25em;
  left: -.5em;
  padding: .25em 1.5em .25em .5em;
  *padding-bottom: .5em;
  font-weight: bold;
  font-size: 1.25em;
  line-height: 1.2em;
  vertical-align: bottom;
}
div.tabPage .fieldValue div.deleted {
}
/*
div.tabPage .fieldValue div.valueContent .vip {
  color: #d66;
}
*/
div.tabPage .fieldValue div.valueContent .vipMarker {
  background-color: #d66 !important;
  color: #FFF !important;
  font-size: 1em;
  font-weight: bold;
  margin: 0 0.5em;
  padding: 0 0.25em;
}
div.tabPage .fieldValue div.valueContent span.contactDetails {
  font-size: 0.8em;
  font-weight: normal;
  line-height: 1.25em;
}
div.tabPage .fieldValue div.valueContentGroupHeader,
div.tabPage .fieldValue div.valueContentGroupItem,
div.tabPage .fieldValue div.valueContentGroupFooter {
  border-style: solid;
  border-color: #eee;
}
div.tabPage .fieldValue div.valueContentGroupHeader {
  padding-bottom: .375em;
  border-width: 1px 1px 0 0;
  /* color: #d66 !important; */
}
div.tabPage .fieldValue div.valueContentGroupFooter {
  margin: 0 0 1em;
  padding-top: 1em;
  border-width: 0 1px 1px 0;
}
div.tabPage .fieldValue div.valueContentGroupItem {
  border-width: 0 1px 0 0;
}

div.editableInline {
  position: relative;
}
div.editableInline div.editable {
  position: relative;
  cursor: pointer;
}
div.editableInline span.vip {
  color: #d66;
}
div.editableInline div.hover{
  background-color: #D4E2F3;
  color: #6096CC;
}
div.editableInline div.hover .highlightLight {
  color: #6096CC !important;
}
div.editableInline div.editing {
  background-color: #6096CC;
  color: #fff;
}
div.editableInline div.editing span,
div.editableInline div.editing span.details,
div.editableInline div.editing span.vip,
div.editableInline div.editing .highlightLight,
div.editableInline div.editing a {
  color: #fff !important;
}
div.editableInline div.editableHint {
  position: absolute;
  top: 0;
  left: 100%;
  text-align: left;
  font-weight: bold;
  color: #fff;
  background-color: #6096CC;
  text-transform: uppercase;
  font-size: .725em;
  line-height: 1em;
  padding: .1em .5em .1em .25em;
  display: none;
  *margin: .06em 0 0;
  *padding-bottom: .6em;
  white-space: nowrap;
  z-index: 9999;
}

div.flatContainer .callout p {
  font-size: 1em !important;
  line-height: 1.17em !important;
  margin: .25em 0 !important;
}

div.flatContainer .row br {
  line-height: .75em;
}

div.flatContainer .row-message {
  padding: 0;
  margin: 1.5em 0;
}

div.flatContainer .button-submit-container {
  text-align: center;
}

div.flatContainer .body p.deflabel {
  margin-bottom: 0;
  margin-left: 1.75em;
  font-size: .86em;
  text-transform: uppercase;
  /* font-size: .938em; */
}

div.flatContainer .body p.defcontent {
  margin-top: 0;
  /* text-align: right; */
  font-size: 1.375em;
  font-weight: bold;
  margin-left: 1.1em;
}
div.flatContainer .body p.defcontentlarge {
  margin-top: 0;
  font-size: 1.75em;
  line-height: .9375em;
  margin-left: .8em;
}

div.flatContainer .body p emph {
  font-size: 1.25em;
  font-weight: bold;
}

div.flatContainer tr {
  vertical-align: top;
}





div.flatContainer .borderTop {
  border-top-width: 3px;
  border-top-style: solid;
  /* margin-top: 1.75em; */
}

div.flatContainer .divider {
  width: 100%;
  height: 0;
  line-height: .01em;
  border-top: .5em solid #ddd;
  margin-top: 1.75em;
}










.button,
.buttonFramedContainer .frame {
  cursor: pointer !important;
}
.buttonDisabled {
  cursor: not-allowed !important;
}
  
div.buttonFramedContainer {
  display: inline;
}

div.buttonFramedContainerAdjacent,
div.flatContainer div.buttonFramedContainerAdjacent {
  padding-top: 1.7em;
}

div.buttonFramedContainer .frame,
div.flatContainer div.buttonFramedContainer .frame {
  border-width: 1px;
  border-style: solid;
  /* border-color: #aaa; */
  /* background-color: #ddd; */
  padding: 3px;
  display: inline-block;
}
div.buttonFramedContainer div.body,
div.button,
div.flatContainer div.buttonFramedContainer div.body,
div.flatContainer div.button {
  border-width: 1px;
  border-style: solid;
  /* border-color: #aaa; */
  /* background-color: #fff; */
  padding: 0.25em .5em;
  /* color: #999; */
  font-size: 1.5em;
  display: inline-block;

  /* fixes for IE6 & 7 */
  *display: inline; /* target IE6/7 - don't understand inline-block */
  zoom: 1; /* set hasLayout = true */
  _margin-bottom: 2px; /* target IE6 - fix bottom border being cut off */
  
}
div.buttonFramedContainer .frameHover,
div.buttonFramedContainer .bodyHover,
div.flatContainer div.buttonFramedContainer .frameHover,
div.flatContainer div.buttonFramedContainer .bodyHover {
  cursor: pointer;
}






div.buttonSmall {
  display: inline;
}
div.buttonSmall div.buttonFramedContainer {
  padding: 0;
}
div.buttonSmall .body {
  font-size: 1em;
}



div.buttonContainer {
  display: inline;
}



span.button, span.buttonInline {
  border-width: 1px;
  border-style: solid;
  font-weight: bold;
  padding: 0.2em 0.55em 0.19em 0.5em; /* .25em .5em; */
}

span.buttonInline {
  line-height: 2em;
  /*
  padding: 0 .375em 0 .375em;
  */
  margin: 0 0 0 .5em;
}
span.buttonInlineLeft {
  margin: 0 .5em 0 0;
}

span.buttonInline .check {
  margin-right: .4em;
  font-weight: bold;
}

span.buttonTab {
  font-size: 1.25em;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 2px;
  line-height: 2.5em;
  padding: .28em .5em .29em;
  *padding-bottom: .33em;
}
span.buttonTabActive {
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 4px;
}

div.buttonBig, span.buttonBig {
  font-size: 1.5em;
}

div.buttonAdjacent {
  margin-top: 2.6em !important;
}


  
 


 






table.schedule {
  
  /* border-spacing: 1px; /* same as cellspacing attribute - not recognized by IE6 */
 
  border-collapse: separate;
  /*
  border-bottom-width: 1px;
  border-bottom-style: solid;
  */
  width: 100%;
}
table.scheduleCondensed {
  /* table-layout: fixed; */
}
table.schedule td, th {
  border-style: solid;
  border-width: 0;
}
table.schedule th {
  padding: .25em .5em;
  cursor: pointer;
  font-weight: normal;
}

table.schedule .rowth {
  text-align: left;
  line-height: 1.25em;
  /* padding-top: 0.5em; */
}
table.schedule th.rowth p.taskheader {
  white-space: nowrap;
}
table.schedule th.rowth span.taskheaderCategory {
  font-weight: bold;
  margin-right: .5em;
}
table.schedule .colth .daycondensed,
table.schedule .colth .daynum,
table.schedule .rowth .namelast {
  font-size: 1.35em;
  font-weight: bold;
}
table.scheduleCondensed .colth .monthNameLight {
  font-size: .8em;
  text-transform: uppercase;
}
table.schedule .colth .dayname {
  font-size: .9em;
  text-transform: uppercase;
}
table.schedule .rowth .namefirst {
  margin-bottom: -.25em;
}
table.schedule .rowth .phone {
  font-size: .9em;
  text-transform: uppercase;
  margin-top: .17em;
}
table.schedule .colth {
  text-align: center;
}
table.month .colth {
  text-align: right;
}
table.month .colthDayNames {
  text-align: center;
}

table.schedule tr.divider td {
  height: 2px;
}




table.schedule table.task {
  width: 100%;
}

table.schedule table.taskcontainer {
  width: 100%;
  /*
  border-width: 3px;
  border-style: solid;
  */
  margin: 0;
  padding: 0;
}
table.schedule table.task td.time {
  font-size: .8em;
  text-transform: lowercase;
  text-align: right;
  padding: 0 .25em;
}
table.schedule table.task td.description {
  width: 100%;
  padding: 0 .5em;
}
table.schedule td.task p,
table.schedule th.taskheader p {
  font-size: 1.05em;
}
table.schedule td.task p {
  margin: .25em 0;
}
table.schedule td.task p.taskLocation {
  display: block;
}
table.schedule td.task p.taskLocationShort {
  display: none;
}
table.schedule th.taskheader p {
  margin: 0;
}
table.scheduleCondensed td.task p {
  /*
  overflow: hidden !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  */
}

/*
div.flatContainer table.scheduleCondensed td.task p.taskLocation,
div.flatContainer table.scheduleCondensed td.task p.taskUnique,
div.flatContainer table.scheduleCondensed td.task p.taskSummary,
*/
table.scheduleCondensed td.task p.taskLocation,
table.scheduleCondensed td.task p.taskType,
table.scheduleCondensed td.task p.taskTime,
table.scheduleCondensed th p.daynum,
table.scheduleCondensed th p.dayname,
table.month th p.dayname,
table.scheduleCondensed th p.namefirst,
table.schedule th p.daycondensed {
  display: none;
}
table.scheduleCondensed td.task p.taskLocationShort {
  display: block;
}

table.schedule th.colthDayNames p.dayname {
  display: inline !important;
}
table.scheduleCondensed th p.daycondensed {
  display: inline;
}
table.scheduleCondensed td.task p.taskLocation {
  font-size: 1em;
  text-transform: uppercase;
}

table.schedule table.task td.description p,
table.schedule div.taskEdit p {
  /*
  font-size: 1.05em;
  margin: .25em 0;
  */
}
table.schedule table.task .hours,
table.schedule table.task td.description p.hours,
table.schedule table.task td.description span.hours {
  font-size: .8em;
  text-transform: uppercase;
}

table.schedule .taskempty,
table.schedule .taskempty table.task td {
  vertical-align: middle;
  text-align: center;
}

table.schedule td.task {
  cursor: pointer;
  border-width: 5px;
  border-style: solid;
  padding: .17em .5em;
  /*
  padding: 5px 5px 0 5px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-left-style: solid;
  border-right-style: solid;
  */
}
table.schedule td.task-fifth {
  width: 20%;
}
table.schedule td.task-seventh {
  width: 14.29%;
}




table.schedule td.buttonTableSide {
  padding: 1em;
  cursor: pointer;
  /*
  border-bottom-width: 3px;
  border-bottom-style: solid;
  */
  background-repeat: repeat-y;
  background-position: top center;
}
table.schedule td.buttonTableSide div {
  height: 100%;
  overflow-x: hidden;
}
table.schedule td.buttonTableSide p {
  font-size: 3.5em;
  font-weight: bold;
  margin: 0 0 5em 0;
}
table.schedule td.buttonTableSideLeft {
  border-right-width: 3px;
  border-right-style: solid;
}
table.schedule td.buttonTableSideRight {
  border-left-width: 3px;
  border-left-style: solid;
}




tr.taskEditRow td,
table.billingTable td.billingGroupRow table.billingTableItemization tr.taskEditRow td {
  padding: 0;
}
tr.taskEditRow div.taskEdit,
div.clientEdit,
div.itemEdit {
  padding: .5em 1em 1em;
  margin: 0;
  /*
  clear: both;
  overflow: hidden;
  */
  zoom: 1;
}
div.flatContainer div.clientEdit,
div.flatContainer div.itemEdit {
  margin: 1.5em 1.5em 0;
}
tr.taskEditRow div.taskEditTitle,
div.clientEdit div.clientEditTitle,
div.itemEdit div.itemEditTitle {
  font-size: 1.5em;
  line-height: 1.17em;
  font-weight: bold;
  padding-top: .25em;
  padding-bottom: .4em;
}
tr.taskEditRow div.taskEditHeader table,
div.clientEditHeader table,
div.itemEditHeader table {
  width: 100%;
}
tr.taskEditRow div.taskEditHeader td,
div.clientEditHeader td,
div.itemEditHeader td {
  font-size: 1.05em;
  line-height: 1.75em;
  padding: 0;
}
tr.taskEditRow div.taskEditHeader td.right,
div.clientEditHeader td.right,
div.itemEditHeader td.right {
  text-align: right;
}
tr.taskEditRow table.taskEditSubtitle,
table.clientEditSubtitle,
table.itemEditSubtitle {
  margin-bottom: 1em;
}
tr.taskEditRow table.taskEditContent,
div.clientEditContent,
div.itemEditContent {
  padding: 0;
}
/*
#taskEditContent div.body,
#clientEditContent div.body {
  width: 46.25em;
  margin: 0 auto;
}
*/
tr.taskEditRow div.taskEditMessage,
div.clientEditMessage,
div.itemEditMessage {
  font-size: 1.25em;
}

div.taskEditMessage p {
  margin: .5em 0;
}

tr.taskEditRow div.taskEditHistory {
  margin-bottom: 1em;
}
tr.taskEditRow div.taskEditHistory p {
  font-size: 1.17em;
  line-height: 1em;
  color: #999;
  margin: .5em;
}
table.taskEditHistory  {
  width: 100%;
}
table.taskEditHistory th {
  text-align: left;
}
table.taskEditHistory th,
table.taskEditHistory td,
table.billingTable td.billingGroupRow table.billingTableItemization tr.taskEditRow table.taskEditHistory th,
table.billingTable td.billingGroupRow table.billingTableItemization tr.taskEditRow table.taskEditHistory td  {
  padding: .25em .5em;
}



div.tableControlsContainer {
  margin: -1.2em 0 .5em;
  text-align: right;
  position: relative;
  z-index: 20;
}
div.tableControlsContainer * {
  *vertical-align: middle;
}
div.flatContainer .body div.tableControlsContainer {
  padding: .375em .5em .375em 0;
  margin: 0;
}
#historyTableControlsContainer {
  padding: .375em 1em;
}

div.flatContainer .body div.tabPage div.tableControlsContainer {
  background-color: #eee;
}
div.flatContainer .body div.tabPage div.tableControlsContainerBorder {
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #ddd;
}
div.tableControlsContainer .item {
  margin: 0 0 .5em;
  text-align: left;
}


#billingLockControls {
  position: absolute;
  right: 1em;
  text-align: right;
  top: 0.75em;
}


#scheduleNav {
  position: relative;
  zoom: 1;
  top: -1em;
  padding-top: 1em;
  background-color: #fff;
  z-index: 1;
}
#scheduleNav.fixed {
  position: fixed;
  top: 0;
  /*
  top: 14.75em;
  */
  width: 77em;
}



div.flatContainer .billingEmpty {
  background-color: #fff;
  color:#BBBBBB;
  font-size:1.25em;
  font-weight:bold;
  padding:1.5em 1.5em 0;
}

/*
div.flatContainer #billingSummary {
  margin-top: 0;
}
div.flatContainer #billingSummary p {
  margin: 0 .75em;
}
div.flatContainer #injectBilling #billingSummary {
  margin-top: 0;
}
*/

#formBilling > .body > .item {
  margin-top: 1em;
  margin-left: 1em;
}

#billingSummary p {
  margin: 0;
}

#billingTableSelectedStatus {
  margin-right: .5em;
}
table.billingTable {
  /*
  margin: 0 1.75em .25em;
  */
  border-collapse: separate;
  width: 100%;
}
table.billingTable p,
div.flatContainer table.billingTable p {
  margin: 0;
}
table.billingTable p.detail,
table.billingTable div.detail,
div.flatContainer table.billingTable p.detail,
div.flatContainer table.billingTable div.detail {
  font-size: 1.25em;
  line-height: 1.25em;
  margin: .75em .5em;
}
table.billingTable p.detailBox,
table.billingTable div.detailBox {
  padding: .25em .5em .25em .5em;
  margin-left: 0;
}
table.billingTable th,
table.billingTable td {
  padding: .25em .5em;
  border-bottom-width: 5px;
  border-bottom-style: solid;
}
table.billingTable td th,
table.billingTable td td {
  border-bottom-width: 0;
  border-bottom-style: none;
}
table.billingTable th {
  font-size: .91em;
  text-transform: uppercase;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
}
table.tablesorter th, table.tablesorter td {
  padding: .25em .5em;
}
table.tablesorter thead tr .header {
	background-image: url(/common/assets/images/sortable-box8.gif);
	background-repeat: no-repeat;
	background-position: center right;
  font-size: .91em;
  padding: .5em;
  padding-right: 2em !important;
  vertical-align:middle;
  white-space:nowrap;
	cursor: pointer;
  text-transform: uppercase;
}
table.tablesorter tbody th {
  padding-right: 2em !important;
  vertical-align:middle;
  white-space:nowrap;
	/* cursor: pointer; */
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/common/assets/images/sorted-blue-light-desc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/common/assets/images/sorted-blue-light-asc.gif);
}
table.tablesorter tbody tr.expand-child td{
  padding-top: 0;
}
#timeTable tr.expand-child td.notesContent div {
  /* background-color: #f8f8f8; */
  
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #ddd;
  
  padding: .25em .25em;
  margin-top: .17em;
  margin-left: -.25em;
}
#timeTable tr.evenRow td.notesContent div {
  /* background-color: #eee; */
  /* border-color: #eee; */
}
table.billingTable td.accountContainer {
  padding: 1em;
  width: 20%;
}
table.billingTable table.groupContainer {
  /* border-collapse: separate; */
  width: 100%;
}
table.billingTable table.billingGroup {
  /* border-collapse: separate; */
  width: 100%;
}
table.billingTable table.billingGroup td.headerLeft {
  width: 50%;
}
table.billingTable table.billingGroup td.headerRight {
  width: 50%;
}
table.billingTable td.billingGroupRow {
  padding: 0.5em;
  border: 1px solid #ddd;
}
table.billingTable table.billingTableItemization {
  border-collapse: separate;
  width: 100%;
  *width: 97%;
}
table.billingTable td.billingTableItemizationContainer {
  padding: 0.5em;
}
table.billingTable td.billingGroupRow table.billingTableItemization td {
  padding: .25em .5em;
}
table.billingTable td.billingGroupRow table.billingTableItemization tr.notes td.notesSubtree {
}
table.billingTable td.billingGroupRow table.billingTableItemization tr.notes td.notesContent,
#taskEditHistoryTable tr.notes td.notesContent {
  padding: 0 .25em .25em .25em !important;
}
table.billingTable td.billingGroupRow table.billingTableItemization tr.notes td.notesContent div,
table.billingTable td.billingGroupRow table.billingTableItemization div.notesReport,
#taskEditHistoryTable tr.notes td.notesContent div {
  background-image: url(/common/assets/images/note.gif);
  background-position: .25em .2em;
  background-repeat: no-repeat;
  padding-left: 1.75em;
  padding-right: .5em;
  background-color: #ffc;
  color: #888;
}
table.billingTable td.billingGroupRow table.billingTableItemization tr.notes td.notesContent hr {
}
table.billingTable td.billingGroupRow table.billingTableItemization tr.notes td.notesContent div.notesWarning,
#taskEditHistoryTable tr.notes td.notesContent div.notesWarning {
  background-image: url(/common/assets/images/exclamation.gif);
  background-color: #fdd;
  color: #b77;
}
table.billingTable td.billingGroupRow table.billingTableItemization tr.notes td.notesContent div.notesReport,
table.billingTable td.billingGroupRow table.billingTableItemization div.notesReport,
#taskEditHistoryTable tr.notes td.notesContent div.notesReport {
  background-color: transparent;
  background-image: url("/common/assets/images/check3-11x12.gif");
  background-position: 0 .2em;
  color: #77BB77;
  padding-left: 1.25em;
}
div.notesReport p {
  text-indent: -1em !important;
  padding-left: 1em !important;
}

/*
table.billingTable td.billingGroupRow table.billingTableItemization tr.notes td.notesContent div.notesReportUncertain,
#taskEditHistoryTable tr.notes td.notesContent div.notesReportUncertain {
  background-image: url(/common/assets/icons/link.png);
}
*/

table.billingTable td.billingGroupRow table.billingTableItemization tr.notes td.notesContent div.notesReport p,
table.billingTable td.billingGroupRow table.billingTableItemization div.notesReport p,
#taskEditHistoryTable tr.notes td.notesContent div.notesReport p {
  font-size: 1em;
  line-height: 1.45em;
}
table.billingTable td.billingGroupRow table.billingTableItemization tr.notes td.notesContent div.notesDoubleBooked {
  background-image: url(/common/assets/images/exclamation.gif);
  background-color: #AFE28D;
}
div.flatContainer .invoiceList .rowYear {
  display: none;
}
table.billingTable td.billingGroupRow div.billingItemizationTotal {
  text-align: right;
  padding: 1em .5em .25em 0;
  *padding-right: 1.5em;
}
table.billingTable td.groupSeparator {
  padding: 0;
}
table.billingTable hr {
  background-color:#ddd;
  color:#ddd;
  border-style: solid;
  border-width: 1;
  height:1px;
  margin: 0;
  padding: 0;
}


  
  
div.flatContainer form,
div.flat {
  width: 100%;
  margin: 0;
  padding: 0;
  zoom: 1;
}

div.flatContainer form.noGap,
div.noGap {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

div.flatContainer form.widthAuto,
div.widthAuto {
  width: auto;
}

div.flatContainer label {
  /* display: block; */
  padding: 0 0 0 1px; /* =.25em @ 137.5%*/ 
  margin: 0 0 0 0; /* =.5em @ 137.5%*/
  text-align: left;
  font-size: 1em;
  /* line-height: 2em; */
  cursor: default;
}
div.flatContainer div.multiSelectOptions label {
  font-size: .75em;
  padding: .17em .17em .17em .25em;
}
div.flatContainer div.multiSelectOptions label span.description {
  font-size: .8em;
  text-transform: uppercase;
  color: #999;
}
div.flatContainer label.optional,
div.flatContainer .inputLabelOptional {
  font-style: italic;
}

div.flatContainer label.required {
  font-weight: bold;
}

div.flatContainer .inputLabelContainer {
  width: 19.2em;
}
div.flatContainer .inputLabelContainerWide {
  width: 42.1875em;
}
div.flatContainer .inputLabelLeft {
  padding: 0;
  line-height: 2em;
}
div.flatContainer .inputLabelRight {
  padding: 0 0 0 .5em;
  line-height: 2em;
  text-align: right;
  color: #999;
}


div.flatContainer input, select, textarea {
  font-family: trebuchet ms, Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;
}

div.flatContainer textarea {
  overflow: auto;
}

div.flatContainer div {
  display: block;
  font-size: 100%;
  margin: 0;
}


input.multiSelect,
div.multiSelectOptions,
div.multiSelectOptions label,
div.multiSelectOptions input {
  cursor: pointer;
}

input.inputText,
select.inputText,
div.inputText,
div.flatContainer input.inputText,
div.flatContainer select.inputText,
div.flatContainer div.inputText {
  border-style: solid;
  border-width: 1px 1px 3px 1px;
  font-size: 1.5em;
  width: 13.25em;
  padding: 0.25em; /* =.25em */
  margin: 0 0 0 0; /* =.5em */
  /* text-transform: capitalize; */
}

textarea.inputTextarea,
div.inputTextarea,
div.flatContainer textarea.inputTextarea,
div.flatContainer div.inputTextarea {
  border-style: solid;
  border-width: 1px 1px 3px 1px;
  font-size: 1.17em;
  width: 19.86em; /* 13.25em; */
  padding: 0.25em;
  margin: 0;
}

div.readOnly,
div.flatContainer div.readOnly {
  border-style: solid;
  border-width: 1px 1px 3px 1px;
  font-size: 1.5em;
  width: 13.25em;
  padding: 0 0.25em;
  margin: 0;
}



select.inputText,
div.flatContainer select.inputText {
  font-size: 1.5em;
}

input.width-sixth,
div.flatContainer input.width-sixth,
div.flatContainer div.width-sixth {
  width: 3em;
}
input.width-quarter,
div.flatContainer input.width-quarter,
div.flatContainer div.width-quarter {
  width: 5.8125em;
}
input.width-threequarters,
div.flatContainer input.width-threequarters,
div.flatContainer div.width-threequarters {
  width: 20.6875em;
}
input.width-third,
div.flatContainer input.width-third,
div.flatContainer div.width-third {
  width: 8.3em;
}
input.width-twothirds,
div.flatContainer input.width-twothirds,
div.flatContainer div.width-twothirds {
  width: 17.9em;
}
input.width-full,
input.widthX2,
div.width-full,
div.widthX2,
div.flatContainer input.width-full,
div.flatContainer input.widthX2,
div.flatContainer div.width-full,
div.flatContainer div.widthX2 {
  width: 28.17em;
}

table.labelwidth-full {
  width: 43em;
}

input.widthX3,
div.widthX3,
div.flatContainer input.widthX3,
div.flatContainer div.widthX3 {
  width: 40.625em;
}

input.widthX4,
div.widthX4,
div.flatContainer input.widthX4,
div.flatContainer div.widthX4 {
  width: 54.17em;
}

textarea.width-full,
div.width-full.inputTextarea,
div.flatContainer textarea.width-full,
div.flatContainer div.width-full.inputTextarea { 
  width: 36.11em;
}



input.button-submit,
div.flatContainer input.button-submit {
  font-family: trebuchet ms, verdana, arial, helvetica;
  font-size: 1.25em;
  font-weight: bold;
  padding: 0.25em;
  margin: 0;
}


#jq-form-inject.fixedGap {
  margin-top: 10.5em;
}

#jq-formstatic-inject,
#jq-formbilling-inject {
  /* overflow: hidden; */
  padding-bottom: 1.5em;
}


div.iconLink {
  padding: .25em 0;
}
  

  
table.formTable td {
  padding-right: 1em;
}

td.fieldName {
  vertical-align: top !important;
  text-align: right;
  color: #999;
}
td.fieldName p,
div.flatContainer td.fieldName p {
  margin-top: 1.05em;
  *margin-top: 1.15em;
}
body:first-of-type td.fieldName p {
  /* margin-top: 1.1em; */
}





div.tabsContainer,
div.flatContainer div.tabsContainer {
  text-align: left;
  position: relative;
  z-index: 200;
  margin: 0;
  padding-top: 1em;
  zoom: 1;
}
div.tabPage,
div.flatContainer div.tabPage {
  border-style: solid;
  border-width: 3px 0 0;
  padding-bottom: 1em;
  margin-top: -.4em;
  /*
  -margin-top: -.5em;
  _margin-top: -.3em;
  */
}
body:first-of-type div.tabPage,
body:first-of-type div.flatContainer div.tabPage {
  /* margin-top: -.4em; */
}

div.billingSearchOlder {
  background-color: #FFFFFF;
  border-top: 3px solid #E6E6E6;
  padding: 1em;
  text-align: center;
}


table.billingTable div.paperlessStatus {
  background-color: #EEFFDD;
  margin-left: 0;
  padding-bottom: 0.25em;
  padding-left: 0.25em;
  padding-right: 0.5em;
  padding-top: 0.25em;
}
table.billingTable div.paperlessStatusSent {
  background-color: transparent;
}



div.flatContainer div.inlineBlock {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
div.flatContainer div.uploadStatus {
  line-height: 2em;
  padding: 0.5em 0 0.5em 1em;
}


div.flatContainer .body .billingSearchOlder p {
  font-size: 1.08em;
  margin: 1em 0;
}

/* form-color.css */


div.flatContainer div {
  border-color: #e6e6e6;
}

div.flatContainer .title-green {
  color: #5abb5a;
  background-color: #dfd;
  border-color: #9d9;
}
div.flatContainer .title-green .light {
  color: #9d9;
}
div.flatContainer .title-blue {
  color: #84a7d4; /* #69d; */
  background-color: #dfe8f6;
  border-color: #ccdff5;
  border-bottom-color: #9cb8dd; /* #AECAED; */
}
div.flatContainer .title-blue .light {
  color: #A8C6ED !important; /* #AECAED; */
}
div.flatContainer .title-red {
  color: #AF5960;
  background-color: #ECB7B7;
  border-color: #AF5960;
}
div.flatContainer .title-red .light {
  color: #AECAED;
}

div.flatContainer .title .nav {
  background-color: #FFFFFF;
  border-color: #CCDFF5;
  color: #7390B7;
}

div.flatContainer div.header {
  color: #666;
}
div.flatContainer div.body {
  background-color: #f0f0f0; /* #e9e9e9; */
  border-color: #e6e6e6; /* #ddd; */
  color: #777;
}

div.flatContainer .callout {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}
div.flatContainer .calloutFocused,
div.flatContainer .calloutStatic {
  background-color: #FFFFCC !important;
  border-color: #EFEFAC;
}


div.flatContainer .separator {
  border-bottom-color: #ddd;
}



/*
div.flatContainer .highlight {
  color: #5AAD52;
}
div.flatContainer .highlightBright {
  color: #5AAD52;
}
div.flatContainer .highlightMedium {
  color: #AF5960;
}
div.flatContainer .highlightSubtle {
  color: #999;
}
div.flatContainer .highlightblue {
  color: #FF7F55;
}
div.flatContainer .highlightLight {
  color: #bbb;
}
div.flatContainer .highlightAttention {
  color: #a0914e;
}
div.flatContainer .backgroundAttention {
  background-color: #f7e69a;
}
*/



div.flatContainer #jq-formstatic-inject {
  /*border-color: #e6e6e6; */ /* #ddd; */
  /* background-color: #f6f6f6; */
  border-width: 3px;
  border-style: solid;
}




div.flatContainer div.button,
div.flatContainer span.button,
div.flatContainer td.button {
  background-color: #dfd;
  border-color: #6b6;
  color: #5abb5a;
  white-space: nowrap;
}

div.flatContainer div.buttonToggle,
div.flatContainer span.buttonToggle {
  border-color: #bbb;
  background-color: #ddd;
  color: #999;
}

div.flatContainer div.buttonToggleOn,
div.flatContainer span.buttonToggleOn {
  border-color: #9CB8DD;
  background-color: #DFE8F6;
  color: #6781A9;
}

div.flatContainer div.buttonRed,
div.flatContainer span.buttonRed {
  border-color: #f88;
  background-color: #fbb;
  color: #944;
}

div.flatContainer div.buttonYellow,
div.flatContainer span.buttonYellow,
div.flatContainer div.buttonUploading,
div.flatContainer span.buttonUploading,
div.flatContainer div.buttonHover,
div.flatContainer span.buttonHover {
  border-color: #DADA88; /* C1B76A; */
  background-color: #ffc;
  color: #BBA749;
}

div.flatContainer div.buttonGreen,
div.flatContainer span.buttonGreen,
div.flatContainer td.buttonGreen {
  background-color: #dfd;
  border-color: #6b6;
  color: #5abb5a;
}

div.flatContainer div.buttonDisabled,
div.flatContainer span.buttonDisabled,
div.flatContainer td.buttonDisabled {
  background-color: #e9e9e9;
  border-color: #ddd;
  color: #bbb;
}

div.flatContainer span.buttonTab {
  color: #6E94C5;
  background-color: #f6f6f6;
  border-top-color: #e6e6e6;
  border-left-color: #e6e6e6;
  border-right-color: #e6e6e6;
  border-bottom-color: #ddd;
}
div.flatContainer span.buttonTabActive {
  color: #666; /* #476FA2; */
  background-color: #eee;
  border-top-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-bottom-color: #eee;
}



div.buttonFramedContainer div.frame {
  background-color: #e9e9e9; /* #ddd; */
  border-color: #e9e9e9; /* #ccc; */
}
div.buttonFramedContainer div.body {
  background-color: #dfd;
  border-color: #6b6;
  color: #5abb5a;
}
div.buttonFramedContainer div.frameHover,
div.buttonFramedContainer div.frame.hover {
  background-color: #ada;
  border-color: #6b6;
}
div.buttonFramedContainer div.bodyHover,
div.buttonFramedContainer div.frame.hover div.body {
  background-color: #dfd;
  border-color: #6b6;
  color: #5abb5a;
}
div.buttonFramedContainer div.uploading div.body {
  background-color: #ffc !important;
  border-color: #DADA88 !important;
}
div.buttonFramedContainer div.bodyClick {
  background-color: #fff;
}


div.flatContainer table.schedule td.buttonTableSide {
  color: #5abb5a;
  border-color: #ddd;
  background-color: #dfd;
}
div.flatContainer table.schedule td.buttonTableSideLeft {
  background-image: url(/common/assets/icons/arrow-previous-banner.png);
}
div.flatContainer table.schedule td.buttonTableSideLeftHover {
  background-image: url(/common/assets/icons/arrow-previous-banner-hover.png);
}
div.flatContainer table.schedule td.buttonTableSideRight {
  background-image: url(/common/assets/icons/arrow-next-banner.png);
}
div.flatContainer table.schedule td.buttonTableSideRightHover {
  background-image: url(/common/assets/icons/arrow-next-banner-hover.png);
}
div.flatContainer table.schedule td.buttonTableSideHover {
  background-color: #ada;
}







div.flatContainer table.schedule {
  background-color: #ddd;
  border-bottom-color: #ddd;
}
div.flatContainer table.schedule th {
  background-color: #e9e9e9;
}
div.flatContainer table.month th {
  background-color: #fff;
}
div.flatContainer table.tablesorter th {
  background-color: #e9e9e9;
}
div.flatContainer table.schedule th.colth {
  border-bottom-color: #ddd;
  border-left-color: #ddd;
  /* color: #999; */
}

/*
div.flatContainer table.schedule th.otherPeriod {
  border-bottom-color: #ddd;
  border-left-color: #ddd;
  background-color: #dfd;
  color: #C8E5C8;
}
*/
div.flatContainer table.schedule th.weekend {
  background-color: #e3e3e3;
}
div.flatContainer table.month th.weekend {
  background-color: #f9f9f9;
}
div.flatContainer table.schedule th.rowth {
  border-right-color: #ddd;
  border-top-color: #ddd;
  border-bottom-color: #ddd;
}

div.flatContainer table.schedule tr.divider td {
  border-color: #ddd;
}

div.flatContainer table.schedule td.task{
  background-color: #fff; /* #f8f8f8; */
  border-color: #fff;
}
/*
div.flatContainer table.schedule td.taskRecentDark{
  background-color: #F7e8DD;
  border-color: #ecb994;
}
*/

div.flatContainer table.schedule td.taskempty {
  background-color: #eee;
  border-color: #f4f4f4;
  color: #bbb;
}
div.flatContainer table.schedule td.taskOpen{
  background-color: #ffc;
  border-color: #ffc;
}
div.flatContainer table.schedule td.taskSpecial{
  background-color: #f0f0f0;
  /* border-color: #e9e9e9; */
}
div.flatContainer table.schedule td.weekend {
  /* border-color: #e9e9e9; */
}
div.flatContainer table.schedule td.taskDoubleBilled{
  background-color: #E8F7DD;
  /* border-color: #AFE28D; */
}

div.flatContainer table.schedule td.taskUnknown{
  background-color: #F7DDDD;
  /* border-color: #E28D8D; */
}
div.flatContainer table.schedule td.taskAttention{
  /* background-color: #F7DDDD; */
  /* border-color: #E28D8D; */
}
div.flatContainer table.schedule td.taskRecent{
  /*
  background-color: #F7F3DD;
  border-color: #F7E69A;
  */
  /* background-color: #F7e8DD; */
  border-color: #FFD984; /* #ecb994; */
}

div.flatContainer table.schedule td.taskNotRecent{
  /*
  border-color: #bbb;
  background-color: #bbb;
  */
}

/*
div.flatContainer table.schedule tr.timeblockRowFirst td.task {
  border-top-color: #ddd;
}
div.flatContainer table.schedule tr.timeblockRowLast td.task {
  border-bottom-color: #ddd;
}


div.flatContainer table.schedule .highlight {
  background-color: #eee;
}
*/

div.flatContainer table.schedule td.dayhover {
  background-color: #dfe8f6;
}

/*
div.flatContainer table.schedule table.task {
  background-color: #eee;
}
*/

div.flatContainer table.schedule td.crosshairhover {
  background-color: #eee;
}
div.flatContainer table.schedule th.headerhover {
  background-color: #ddd;
}

div.flatContainer table.schedule th p.phone {
  color: #aaa;
}
div.flatContainer table.schedule th.colth .monthNameLight,
div.flatContainer table.schedule th.colth .dayname {
  color: #bbb;
}
div.flatContainer table.month th.colth .monthNameLight,
div.flatContainer table.month th.colth .dayname {
  color: #ccc;
}
div.flatContainer table.schedule th.colthDayNames .dayname {
  color: #999;
}
div.flatContainer table.schedule tr.dayNameHeader th {
  background-color: transparent;
}
div.flatContainer table.schedule tr.dayNameHeader th p {
  color: #666;
}

div.flatContainer table.schedule th.coltoday,
div.flatContainer table.schedule th.rowuser,
div.flatContainer table.schedule th.coltoday p,
div.flatContainer table.schedule th.rowuser p {
  background-color: #aaa;
  color: #fff;
}
div.flatContainer table.month th.coltoday,
div.flatContainer table.month th.coltoday p {
  background-color: #aaa;
  /* border-right: 1em solid #6096CC; */
}
div.flatContainer table.schedule th.coltoday p,
div.flatContainer table.schedule th.coltoday .monthNameLight {
  color: #fff; /* #476FA2; */
}
div.flatContainer table.schedule th.coltoday .dayname {
  color: #fff;
}
div.flatContainer table.schedule th.rowuser p.phone {
  color: #ddd;
}

div.flatContainer table.schedule th.headerselected,
div.flatContainer table.schedule th.headerselected p,
div.flatContainer table.schedule th.headerselected .daycondensed {
  background-color: #D4E2F3; /* #B0CFF5; */
  color: #4F7BA7;
}
div.flatContainer table.schedule th.headerselected .monthNameLight,
div.flatContainer table.schedule th.headerselected .dayname,
div.flatContainer table.schedule th.headerselected p.phone {
  color: #83A6C8;
}

div.flatContainer table.schedule th.headerselectedReadonly,
div.flatContainer table.schedule th.headerselectedReadonly p,
div.flatContainer table.schedule th.headerselectedReadonly .daycondensed {
  background-color: #FEE2E2; /* #B0CFF5; */
  color: #A75050;
}
div.flatContainer table.schedule th.headerselectedReadonly .monthNameLight,
div.flatContainer table.schedule th.headerselectedReadonly .dayname,
div.flatContainer table.schedule th.headerselectedReadonly p.phone {
  color: #DD9A9A;
}



/*
div.flatContainer table.schedule .highlighthover{
  background-color: #ccdff5;
}
*/


div.flatContainer table.schedule td.taskselected {
  /* background-color: #D4E2F3; */
  border-color: #6096CC;
}
div.flatContainer table.schedule td.taskselectedReadonly {
  /* background-color: #FEE2E2; */
  border-color: #D27777;
}
div.flatContainer table.schedule td.taskediting {
  background-color: #D4E2F3; /* #dfe8f6; */ /* #ffc; */
  border-color: #6096cc; /* #EFEFAC; /* #FFE0C1; */
}
div.flatContainer table.schedule td.taskeditingReadonly {
  background-color: #FEE2E2;
  border-color: #D27777;
}

div.flatContainer table.schedule td.taskNotes {
  background-image: url(/common/assets/images/note.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
}
div.flatContainer table.schedule td.taskDeleted {
  background-image: url(/common/assets/images/deleted8.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
}
div.flatContainer table.schedule td.taskdirty {
  background-image: url(/common/assets/images/dirty-right.gif) !important;
  background-position: top right !important;
  background-repeat: no-repeat !important;
}

div.flatContainer table.schedule td.taskloading {
  background-image: url(/common/assets/images/loading.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
}


div.flatContainer table.schedule td.taskHiddenSiblingLeft {
  border-left-color: #000 !important;
}
div.flatContainer table.schedule td.taskHiddenSiblingRight {
  border-right-color: #000 !important;
}

/*
div.flatContainer table.schedule tr.timeblockRowLast td.task p.taskLocation {
  border-top: 1px solid #ddd;
}
div.flatContainer table.schedule tr.timeblockRowLast td.taskSpecial p.taskLocation,
div.flatContainer table.schedule tr.timeblockRowLast td.taskRecent p.taskLocation,
div.flatContainer table.schedule tr.timeblockRowLast td.taskempty p.taskLocation,
div.flatContainer table.schedule tr.timeblockRowLast td.taskOpen p.taskLocation,
div.flatContainer table.schedule tr.timeblockRowLast td.taskDoubleBilled p.taskLocation,
div.flatContainer table.schedule tr.timeblockRowLast td.taskUnknown p.taskLocation,
div.flatContainer table.schedule tr.timeblockRowLast td.taskAttention p.taskLocation,
div.flatContainer table.schedule tr.timeblockRowLast td.taskselected p.taskLocation,
div.flatContainer table.schedule tr.timeblockRowLast td.taskselectedReadonly p.taskLocation,
div.flatContainer table.schedule tr.timeblockRowLast td.taskediting p.taskLocation {
  border-top: none;
}
*/


#taskEditRow div.taskEdit,
#clientScheduleEditRow div.taskEdit,
div.flatContainer div.clientEdit,
div.flatContainer div.itemEdit {
  background-color: #6096CC; /* #F09E4D; */
  border-color: #6096CC; /* #F09E4D; */
}
#taskEditRow div.taskEditReadonly,
#clientScheduleEditRow div.taskEditReadonly {
  background-color: #D27777;
  border-color: #D27777;
}
#taskEditRow div.taskEditBlurred,
#clientScheduleEditRow div.taskEditBlurred,
div.flatContainer div.clientEditBlurred,
div.flatContainer div.itemEditBlurred {
  background-color: #bbb;
  border-color: #bbb;
}

#taskEditRow div.taskEditTitle,
#taskEditRow div.taskEditHeader,
#clientScheduleEditRow div.taskEditTitle,
#clientScheduleEditRow div.taskEditHeader,
div.flatContainer div.clientEditTitle,
div.flatContainer div.clientEditHeader,
div.flatContainer div.itemEditTitle,
div.flatContainer div.itemEditHeader {
  color: #D4E2F3;
}
#taskEditRow div.taskEditReadonly div.taskEditTitle,
#taskEditRow div.taskEditReadonly div.taskEditHeader,
#clientScheduleEditRow div.taskEditReadonly div.taskEditTitle,
#clientScheduleEditRow div.taskEditReadonly div.taskEditHeader {
  color: #FEE2E2;
}
#taskEditRow div.taskEditBlurred div.taskEditTitle,
#taskEditRow div.taskEditBlurred div.taskEditHeader,
#clientScheduleEditRow div.taskEditBlurred div.taskEditTitle,
#clientScheduleEditRow div.taskEditBlurred div.taskEditHeader,
div.flatContainer div.clientEditBlurred div.clientEditTitle,
div.flatContainer div.clientEditBlurred div.clientEditHeader,
div.flatContainer div.itemEditBlurred div.itemEditTitle,
div.flatContainer div.itemEditBlurred div.itemEditHeader {
  color: #e6e6e6;
}
#taskEditRow div.taskEditBlurred div.taskEdit div.taskEditTitle,
#taskEditRow div.taskEditBlurred div.taskEdit div.taskEditHeader,

#clientScheduleEditRow div.taskEditBlurred div.taskEditdiv.taskEditTitle,
#clientScheduleEditRow div.taskEditBlurred div.taskEditdiv.taskEditHeader,
div.flatContainer div.clientEditBlurred div.taskEditdiv.clientEditTitle,
div.flatContainer div.clientEditBlurred div.clientEditHeader,
div.flatContainer div.itemEditBlurred div.itemEditTitle,
div.flatContainer div.itemEditBlurred div.itemEditHeader {
  color: #D4E2F3;
}
#taskEditRow div.taskEditContent,
#clientScheduleEditRow div.taskEditContent,
div.flatContainer div.clientEditContent,
div.flatContainer div.itemEditContent {
  background-color: #e9e9e9; /*#dfe8f6; /* #FFE0C1; */
}
#taskEditRow div.taskEditReadonly div.taskEditContent,
#clientScheduleEditRow div.taskEditReadonly div.taskEditContent {
  background-color: #FEE2E2;
}
#taskEditRow div.taskEditContent div.taskEditHistory th,
#clientScheduleEditRow div.taskEditContent div.taskEditHistory th {
  background-color: #ddd;
  color: #888;
  font-weight: bold;
}



table.tablesorter tbody td {
  color: #666;
}
table.tablesorter.highlightActive tbody td {
  /*
  color: #888;
  */
}

table.tablesorter td.highlightblue,
table.tablesorter tr.highlightblue > td {
  background-color: #D4E1F1 /* #C6DBF5 */ !important;
  color: #476FA2 !important;
}
table.tablesorter td.highlightblue p,
table.tablesorter tr.highlightblue > td p {
  color: #476FA2 !important;
}
table.tablesorter td.highlightbluedark,
table.tablesorter tr.highlightbluedark > td {
  border-width: 3px 0 0;
  border-style: solid;
  border-color: #6096cc !important;
  background-color: #D4E1F1 /* #C6DBF5 */ !important;
  color: #476FA2 !important;
  
}
table.tablesorter td.highlightbluedark:first-child,
table.tablesorter tr.highlightbluedark > td:first-child {
  border-left-width: 3px !important;
}
table.tablesorter td.highlightbluedark:last-child,
table.tablesorter tr.highlightbluedark > td:last-child {
  border-right-width: 3px !important;
}
table.tablesorter tr.expand-child td { /* make sure child rows don't have top border */
  border-top-width: 0 !important;
}
table.tablesorter td.highlightbluedark p,
table.tablesorter tr.highlightbluedark > td p {
  background-color: #D4E1F1 /* #C6DBF5 */ !important;
  color: #476FA2 !important;
}

td.highlightgreen,
tr.highlightgreen td {
  background-color: #DDFFDD !important;
  color: #4EA04E !important;
}


table.tablesorter td.highlightorange,
table.tablesorter tr.highlightorange td {
  background-color: #FFE7C7 !important; /* #FFDCAD; */
  color: #D27400 !important; /* #DC8F31; */
}

table.tablesorter td.highlightyellow,
table.tablesorter tr.highlightyellow td {
  background-color: #FFFFCC !important; /* #FFEB9C; */
  color: #928A50 !important; /* #9C6500; */
}

table.tablesorter td.highlightred,
table.tablesorter tr.highlightred > td {
  background-color: #fee /* #C6DBF5 */ !important;
  color: #b77 !important;
}
table.tablesorter td.highlightred p,
table.tablesorter tr.highlightred > td p {
  color: #b77 !important;
}




div.flatContainer table.billingTable {
  background-color: #e9e9e9;
}
div.flatContainer #billingTableItemization {
  background-color: #ddd;
}
div.flatContainer table.billingTable th {
  border-color: #e9e9e9;
  background-color: #ddd;
  color: #888;
}
div.flatContainer table.billingTable td {
  background-color: #fff;
  border-color: #e9e9e9;
}

div.flatContainer table.billingTable td.accountContainer,
div.flatContainer table.billingTable table.groupContainer {
  background-color: #f0f0f0;
}
div.flatContainer table.billingTable table.billingTableItemization td {
  background-color: #fff;
}
#clientScheduleEditRow td {
  background-color: transparent;
}
div.flatContainer table.billingTable table.billingTableItemization td.doubleBilled {
  color: #AFE28D;
}
div.flatContainer table.billingTable tr.accountselected td.accountContainer,
div.flatContainer table.billingTable tr.accountselected table.groupContainer {
  background-color: #dfe8f6;
}
div.flatContainer table.billingTable tr.accountselected div.iconLink {
  background-color: #dfe8f6 !important;
}

div.flatContainer table.billingTable tr.accountselected table.billingTableItemization td {
  background-color: #ebeff6;
}
div.flatContainer table.billingTable tr.accountselected table.billingTableItemization header, 
div.flatContainer table.billingTable tr.accountselected table.billingTableItemization th {
  background-color: #ACC1E2;
  color: #425F8E;
}

div.flatContainer table.billingTable tr.accountselected table.tablesorter tbody tr.evenRow td,
div.flatContainer table.billingTable tr.accountselected table.tablesorter tbody tr.odd td {
	background-color: #CED8E8;
}
#clientScheduleEditRow td {
  background-color: transparent;
}
div.flatContainer table.billingTable table.tablesorter tbody tr.evenRow td,
div.flatContainer table.billingTable table.tablesorter tbody tr.odd td,
#taskEditRow div.taskEditContent table.taskEditHistory tr.evenRow td,
#clientScheduleEditRow div.taskEditContent table.taskEditHistory tr.evenRow td,
#taskEditRow tr.evenRow td,
#clientScheduleEditRow tr.evenRow td {
	background-color:#f6f6f6;
}
div.flatContainer table.billingTable table.tablesorter tbody tr.evenRow td td,
div.flatContainer table.billingTable table.tablesorter tbody tr.odd td td,
#taskEditRow div.taskEditContent table.taskEditHistory tr.evenRow td td,
#clientScheduleEditRow div.taskEditContent table.taskEditHistory tr.evenRow td td,
#taskEditRow tr.evenRow td td,
#clientScheduleEditRow tr.evenRow td td {
	background-color: transparent;
}
div.flatContainer table.billingTable table.tablesorter tbody tr.future td,
table.tablesorter tbody tr.future td,
table.tablesorter tbody tr.past td {
	color: #bbb;
}
div.flatContainer table.billingTable table.tablesorter tbody tr.current td,
table.tablesorter tbody tr.current td {
	color: #333;
  /* font-weight: bold; */
}
div.flatContainer table.tablesorter thead tr th.headerSortDown,
div.flatContainer table.tablesorter thead tr th.headerSortUp {
  color: #fff !important; /* #69d; */
  background-color: #86A1CC !important;
}




div.flatContainer input,
div.flatContainer select,
div.flatContainer textarea {
  color: #333;
}

div.flatContainer div {
  color: #666;
}




div.flatContainer input.inputText,
div.flatContainer textarea.inputTextarea,
div.flatContainer select.inputText {
  border-color: #ddd;
  /* background-color: #f6f6f6; */
}

div.flatContainer div.readOnly {
  color: #999;
  border-color: #f0f0f0;
}


div.flatContainer input.disabled,
div.flatContainer textarea.disabled,
div.flatContainer select.disabled {
  border-color: #ddd;
  background-color: #e9e9e9;
  color: #bbb;
  cursor: not-allowed;
}
div.flatContainer div.disabled {
  color: #bbb;
}

div.flatContainer div.itemInvalid input,
div.flatContainer span.invalid,
div.flatContainer textarea.invalid,
div.flatContainer select.invalid {
  border-color: #dd6161;
  color: #dd6161;
}
div.flatContainer div.itemInvalid label,
div.flatContainer td.invalid {
  color: #dd6161;
}

div.flatContainer input.valid {
  background-color: #EDFFED;
  border-color: #ddd;
}
div.flatContainer label.valid {
  color: #4EA04E;
}

div.flatContainer div.item input.focused,
div.flatContainer div.item textarea.focused,
div.flatContainer div.item select.focused {
  background-color: #fff;
  border-color: #666;
}
div.flatContainer div.item label.focused {
  color: #000;
}



div.flatContainer div.tabPage {
  background-color: #fff;
  border-color: #ddd;
}


/* icons.css - icon definitions */


.iconleft {
  background-position: 3px 50%;
  padding-left: 24px !important;
}
.iconleftgapless {
  background-position: 0 50%;
  padding-left: 20px !important;
  /* padding: .25em 0 .25em 20px !important; */
}
.iconlefttop {
  background-position: 3px 0;
  padding-left: 24px !important;
}
.iconlefttopgapless {
  background-position: 0 0;
  padding-left: 20px !important;
  /* padding: .25em 0 .25em 20px !important; */
}
.iconlefttop1 {
  background-position: 3px 1px;
  padding-left: 24px !important;
}
.iconlefttop2 {
  background-position: 3px 2px;
  padding-left: 24px !important;
}

.iconright {
  background-position: 100% 50%;
  padding-right: 20px !important;
}
.iconrightnopad {
  background-position: 100% 50%;
}
.iconrightgap {
  background-position: 99% 50%;
}
.iconrightgapless {
  background-position: 100% 50%;
  padding-right: 20px !important;
}
.iconrighttop {
  background-position: 100% 0;
  padding-right: 20px !important;
}
.iconrighttopgapless {
  background-position: 100% 0;
  padding-right: 20px !important;
}

.iconinline {
  background-position: 0 50%;
  padding: 0 8px;
}
.iconinlinegap {
  background-position: 4px 50%;
  padding: 0 12px;
}

.icon-help {
  background-image: url("/common/assets/icons/help.png") !important;
	background-repeat: no-repeat;
  zoom: 1;
}

.icon-edit {
	background-image: url("/common/assets/icons/pencil.png") !important;
	background-repeat: no-repeat;
  zoom: 1;
}
.icon-cut {
	background-image: url("/common/assets/icons/cut_red.png") !important;
	background-repeat: no-repeat;
  zoom: 1;
}
.icon-copy {
	background-image: url("/common/assets/icons/copy_page.png") !important;
	background-repeat: no-repeat;
  zoom: 1;
}
.icon-paste {
	background-image: url("/common/assets/icons/paste_page.png") !important;
	background-repeat: no-repeat;
  zoom: 1;
}
.icon-add {
	background-image: url("/common/assets/icons/add.png") !important;
	background-repeat: no-repeat;
  zoom: 1;
}
.icon-delete {
	background-image: url("/common/assets/icons/cross.png") !important;
	background-repeat: no-repeat;
  zoom: 1;
}
.icon-open {
  background-image: url("/common/assets/icons/folder_page.png") !important;
	background-repeat: no-repeat;
  zoom: 1;
}
.icon-save {
  background-image: url("/common/assets/icons/disk.png") !important;
	background-repeat: no-repeat;
  zoom: 1;
}
.icon-refresh {
  background-image: url("/common/assets/icons/arrow_refresh.png") !important;
	background-repeat: no-repeat;
  zoom: 1;
}

.icon-ok {
  background-image: url("/common/assets/icons/tick.png") !important;
	background-repeat: no-repeat;
  zoom: 1;
}
.icon-cancel,
.icon-error {
  background-image: url("/common/assets/icons/cross.png") !important;
	background-repeat: no-repeat;
  zoom: 1;
}
.icon-undo {
  background-image: url("/common/assets/icons/arrow_undo.png") !important;
	background-repeat: no-repeat;
  zoom: 1;
}

.icon-item-edit {
	background-image: url("/common/assets/icons/vcard_edit.png") !important;
	background-repeat: no-repeat;
  zoom: 1;
}
.icon-item-add {
	background-image: url("/common/assets/icons/vcard_add.png") !important;
	background-repeat: no-repeat;
  zoom: 1;
}
.icon-item-delete {
	background-image: url("/common/assets/icons/vcard_delete.png") !important;
	background-repeat: no-repeat;
  zoom: 1;
}

.icon-print {
	background-image: url("/common/assets/icons/printer.png") !important;
	background-repeat: no-repeat;
  zoom: 1;
}

.icon-view {
	background-image: url("/common/assets/icons/magnifier.png") !important;
	background-repeat: no-repeat;
}

.icon-loading {
	background-image: url("/common/assets/images/loading-circle-light.gif") !important;
	background-repeat: no-repeat;
}


.icon-vip {
  background-image: url("/common/assets/icons/vip.png") !important;
	background-repeat: no-repeat;
  zoom: 1;
}

.icon-email {
  background-image: url("/common/assets/icons/page_white_go.png") !important;
	background-repeat: no-repeat;
  zoom: 1;
}

.icon-lock {
  background-image: url("/common/assets/icons/lock5.png") !important;
	background-repeat: no-repeat;
  zoom: 1;
}

.icon-hover-plus {
  background: url("/common/assets/images/plus-16x16-3state.gif") no-repeat 0 0;
}
.icon-hover-minus {
  background: url("/common/assets/images/minus-16x16-3state.gif") no-repeat 0 0;
}
.icon-hover-help {
  background: url("/common/assets/images/help-16x16-3state.gif") no-repeat 0 0;
}
.icon-hover16 {
  /*
  position: absolute;
  height: 16px;
  width: 16px;
  right: 0;
  top: 50%;
  margin-top: -8px;
  overflow: hidden;
  */
  
  position: relative;
  height: 16px;
  width: 16px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  float: right;
}
.icon-hover16-hover {
  background-position: -16px 0;
}
.icon-hover16-active {
  background-position: -32px 0;
}




/* main_screen_blockquote.css

  Custom blockquote formatting with huge curly quotes
  
  adapted from: http://www.defusion.org.uk/archives/2005/12/24/large-curly-quotes-without-images/
  
*/


blockquote {
  /* border: 1px solid #ddd; */
  margin: 1em 0;
  padding: 0;
  position: relative;
  text-indent: 2em;
  /*
  width: 99%;
  */
}

.bqstart,
.bqend { font-size: 300%; }

/* apply IE specific rules first */
.bqstart {
  text-indent: 0;
  margin: -0.6em 0 -2em 0;
  float: left;
  position: relative; /* relative positioning to stop from disappearing in IE when the blockquote has a background color - probably peek-a-boo or something */
}

blockquote > .bqstart {
  /* add extra non-ie rules */
  position: absolute;
  top: -0.2em;
  left: 0;
  /* remove IE specific rules */
  float: none;
  margin: 0;

}

.bqend {
  position: absolute;
  margin-top: -0.6em;
  right: 0;
  text-indent: 0;
}

blockquote > .bqend {
  margin-top: -0.2em;
}



/*
 *	extra huge quote mark example
 *****************************************************/
.hugeQuotes {
  margin: 3em 0;
  padding: 0;
  position: relative;
  text-indent: 4em;
  background-color: transparent;
  line-height: 2em;
  color: #666;
}


.hugeQuotes b {
  font-size: 1.5em;
  line-height: 1.333em;
  color: #888;
}

.hugeQuotes strong {
  font-size: 2em;
  line-height: 1em;
}


.hugeQuotes .bqstart,
.hugeQuotes .bqend {
  font-size: 700%;
}

/* apply IE 6 specific rules first */
.hugeQuotes .bqstart {
  line-height: 1em;
  text-indent: 0;
  margin: -1.8em -1.2em -7em -0.8em;
  float: left;
  position: relative; /* relative positioning to stop from disappearing in IE when the blockquote has a background color - probably peek-a-boo or something */
}

.hugeQuotes  > .bqstart {
  /* add extra non-ie rules */
  position: absolute;
  top: -0.25em;
  left: -0.2em;
  /* remove IE specific rules */
  float: none;
  margin: 0 0 0 0;

}

.hugeQuotes .bqend {
  position: absolute;
  width: .5em; /* fix IE overflow bug */
  line-height: 1em;
  margin-top: -0.2em; /* notice this is 1/2 of the start quotation mark, there may be some exponential relationship there */
  right: 0;
  margin-right: 0;
  -margin-right: 2.5em;
  text-indent: 0;
}

.hugeQuotes  > .bqend {
  margin: -0.05em 0 0 0;
}

.ie8 .hugeQuotes {
  text-indent: .55em;
}



#nav_menu_container {
  /* position: relative; */
  /* z-index: 30000; */
  padding-left: 1.5em;
}

#nav_menu {
  border-width: 0 0 0 0;
  border-style: solid;
  border-color: #666;
}

#nav_menu, #nav_menu ul {
	float: left;
	width: 100%;
	list-style: none;
  font-size: 1em;
	line-height: 1em;
	/* background: #fff; */
	font-weight: bold;
	padding: 0;
	border-style: solid;
	border-width: 0;
	margin: 0 0 0 0;
  /* z-index: 30001; */
  /* background: url("../images/navmenu_background.jpg") repeat-x center right; */
}

#nav_menu a {
	display: block;
	/*
  width: 10em;
	w\idth: 6em;
  */
	color: #000;
	text-decoration: none;
	padding: 0.25em 1.75em;
}


#nav_menu a.nav_menu_parent {
	background: url("/common/assets/ci/images/nav_menu_rightarrow.gif") center right no-repeat;
}


/*
#nav_menu > li > a {
  border-style: solid;
  border-width: 0.2em;
  font-size: 1.25em;
  padding: 0.2em 1.2em 0.3em;
}
*/

#nav_menu li a {
  /*
  border-style: solid;
  border-width: 0.2em .2em 0;
  */
  font-size: 1.25em;
  padding: 0.2em .8em 0.3em;
}

#nav_menu li * a {
  /*
  border-style: solid;
  border-width: 0;
  */
  font-size: 1em;
  padding: 0;
}




#nav_menu li {
  line-height: 1.5em;
	float: left;
	padding: 0;
  margin: 0 .5em 0 0;
  border-style: solid;
  border-width: 1px 1px 0;
  border-color: #ddd;
  background-image: none;
  /*
	width: 10em;
  */
}

#nav_menu li ul {
	position: absolute;
  z-index: 95;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
  border-color: #ddd;
	border-width: 0.25em;
	margin-left: -.25em;
  background: #e9e9e9;
  padding: 0.25em;
  /* transparency...
  filter:alpha(opacity=90); 
  -moz-opacity: 0.9; 
  opacity: 0.9;
  */
}
#nav_menu li ul.col1 {
  border-right-width: 1px;
}
#nav_menu li ul.col2 {
  border-left-width: 1px;
  margin-left: 14.4em;
}

#nav_menu li li {
	padding-right: 0.9em;
	width: 13em;
  margin: 0;
  border-style: none;
}

#nav_menu li ul a {
  padding: 0.375em .8em;
  line-height: 1.25em;
	width: 13em;
	w\idth: 10.5em;
  /* 
  border-style: solid;
  border-width: 0.25em;
  line-height: 0.925em;
  */
}

#nav_menu li ul ul {
	margin: -2.5em 0 0 13.75em;
}

#nav_menu li:hover ul ul,
#nav_menu li:hover ul ul ul,
#nav_menu li.sfhover ul ul,
#nav_menu li.sfhover ul ul ul {
	left: -999em;
}

#nav_menu li:hover ul,
#nav_menu li li:hover ul,
#nav_menu li li li:hover ul,
#nav_menu li.sfhover ul,
#nav_menu li li.sfhover ul,
#nav_menu li li li.sfhover ul {
	left: auto;
}

#nav_menu li:hover ul ul,
#nav_menu li:hover ul ul ul,
#nav_menu li:hover ul ul ul ul,
#nav_menu li.sfhover ul ul,
#nav_menu li.sfhover ul ul ul,
#nav_menu li.sfhover ul ul ul ul {
	left: -999em;
}

#nav_menu li:hover ul,
#nav_menu li li:hover ul,
#nav_menu li li li:hover ul,
#nav_menu li li li li:hover ul,
#nav_menu li.sfhover ul,
#nav_menu li li.sfhover ul,
#nav_menu li li li.sfhover ul,
#nav_menu li li li li.sfhover ul {
	left: auto;
}

#nav_menu li:hover,
#nav_menu li.sfhover {
  position: static !important; /* fix for IE7 stuck after hover out */
	background: #fff url("/common/assets/ci/images/navmenu_background_hover.jpg") repeat-x center right;
  /* border-color: #f99; */
}/* COLOR */

body {
  background-color: #e9e9e9; /* 444; */
  color: #444;
}


#viewport_top {
  background: #fff url(/common/assets/ci/images/gradient-ff.jpg) repeat-x scroll left top;
  border-bottom-color: #edb6b6;
  z-index: 1;
}
#viewport_middle {
  background-image: url("/common/assets/ci/images/gradient-ff.jpg");
  background-repeat: repeat-x;
  background-position: top left;
  overflow: visible;
  position: relative;
  z-index: 2;
}
#viewport_bottom {
  background: #E9E9E9 url(/common/assets/ci/images/gradient-e9b.jpg) repeat-x scroll left top;
  *background-position: left 6px; /* target IE 6, 7, and 8: move background down by the width of the top border, otherwise border overlaps top of background */
}

#page_margins { background-color: #ddd; border-color: #fff; }

#page_margins_inner { background-color: #bbb; }

#page { background-color: #fff; border-color: #fff; }

/* .jquery-corner div { border-color: #f00; } */


#col1 {
  padding-top: 1em;
}
#col3 {
  padding-top: 2em;
}

.col1listbox {
  width: 37% !important;
}
.col3listbox {
  width: 60% !important;
}

h1,h3,h4,h5,h6 { color: #666; }

/*
h2 { color: #182E7A; }
*/

ul, ul ul, ul ul ul {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
}
li {
  line-height: 1.25em;
  background: url("/common/assets/icons/bullet-arrow.gif") no-repeat 8px 0.45em;
  margin-left: 0;
  padding-left: 20px;  
  *height: 1%;
}
li li {
  margin-top: .5em;
  margin-bottom: .5em;
}

h5 {
  margin-bottom: -.75em;
}



#header {
  color: #000;
  /* background-color: #e9e9e9; */
  padding-top: 1.5em;
  padding-bottom: 1em;
  padding-left: 1.5em;
}

#header h1 {
  margin: 0;
  padding: 0;
  position: absolute;
}

#header span { color:#999; }

#header b {
  /* color: #666; */
}

#main { background-color: #fff; }

#footer { 
  color:#666; 
  border-color: #ddd;
  padding: 1.25em;
}

.alphaShadow .container {
  background-color: #e9e9e9;
  border-style: none;
}

.alphaShadow, .alphaShadowInner {
  position: relative;
}
.alphaShadow div.quoteContainer {
  margin: 0;
}
.alphaShadow div.bodyInline {
  margin: 0 !important;
}

.alphaShadowRight {
  clear: none;
}

.alphaShadow .frame {
  padding: 0;
}
.alphaShadow .frame img {
  margin: 0;
}



div.page-title,
p.page-title,
h1.page-title {
  border-bottom-width: 3px;
  border-bottom-color: #eee;
}

#page-title {
  z-index: auto;
}

#page-title-dynamic {
  /*color: #bbb; */
  color: #6096CC;
}

#log { background-color: #fff; }


p {
  line-height: 1.5em;
}

.page_content p {
  font-size: 1.08em;
}
.page_content p.heading {
  font-size: 1.5em;
  font-weight: bold;
  margin: 1.5em 0 .25em !important;
}

.page_content li {
  font-size: 1.08em;
  line-height: 1.5em;
}

.note {background-color: #dfd; border-color: #bdb;}
.important {background-color: #ffd; border-color: #ddb;}
.warning {background-color: #fdd; border-color: #dbb;}

/*
thead th { background-color: #444; color: #fff }
tbody th { background-color: #ccc; color: #333 }
tbody th.sub { background-color: #ddd; color: #333 }
*/

hr {
  color: #eee;
  background: transparent;
  border-color: #eee;
}

hr.dark {
  color: #bbb
  background: transparent;
  border-color: #bbb;
}


/* all links */
a { 
  font-weight: bold;
  color: #6E94C5;
  background: transparent;
  /* font-weight: bold; */
  text-decoration: none;
}

a:focus,
a:hover,
a:active {
  color: #333;
  text-decoration: underline;
}




#topnav { color: #646464; background-color: transparent; }
#topnavAttached { background-color: #646464; }
#topnavAttached span { color: #ddd; }



/* topnav and footer links */
#topnav a, #topnavAttached a, #footer a {
  /* border-color: #fff; */
  border-style: solid;
  border-width: 0 0 .25em 0;
  padding: 0 .25em;
}
#topnav a, #topnavAttached a {
  color: #9FC9FF;
  border-color: #646464;
}
#footer a {
  color: #4879B9;
  border-color: #e6e6e6;
}

#topnav a:focus, #footer a:focus,
#topnav a:hover, #footer a:hover,
#topnav a:active, #footer a:active { color: #666; border-color: #666; text-decoration: none; }

#topnavAttached a:focus,
#topnavAttached a:hover,
#topnavAttached a:active { color: #fff; border-color: #aaa; text-decoration: none; }





#nav_menu_container {
  position: absolute;
  right: 1.13em;
  bottom: 0;
}
#nav_menu_container.bottom {
  bottom: auto;
  top: -2.06em; /* height of nav menu */
  margin-top: -6px; /* height of viewport_top border */
  z-index: 1000;
}

#nav_menu, #nav_menu ul {  
  border-color: #ddd;
  border-top-width: 0;
  float: none;
  width: auto;
  /* border-bottom-width: 0; */
  /* background: url("../images/navmenu_background.jpg") repeat-x center right; */
  /*
  background-color: #e9e9e9;
  */
}

#nav_menu li a {
  font-size: 1.13em;
}
#nav_menu li li a {
  font-size: 1em;
}

#nav_menu > li > ul {
  /* border-top-width: 0; */
}

#nav_menu a.nav_menu_parent {
  background: url("/common/assets/ci/images/nav_menu_rightarrow.gif") center right no-repeat;
}
#nav_menu li ul {
  border-color: #ddd;
  background-color: #e9e9e9;
  width: 12.9em;
}
#nav_menu li ul.col1 {
  border-right-width: .25em;
}
#nav_menu li ul.col2 {
  border-left-width: 0;
  margin-left: 13.4em;
}
#nav_menu li ul ul {
	margin: -2.5em 0 0 12.75em;
}


#nav_menu li:hover,
#nav_menu li.restricted:hover,
#nav_menu li.current:hover,
#nav_menu li.sfhover,
#nav_menu li.restricted.sfhover,
#nav_menu li.current.sfhover {
  background: #fff url("/common/assets/ci/images/navmenu_background_hover.jpg") repeat-x center right;
}



/* nav_menu links */
#nav_menu a {
  color: #000;
  font-weight: normal;
}

/*
#nav_menu > li > a {
  font-weight: bold;
  color: #90363D;
  border-color: #e9e9e9;
}
*/


#nav_menu li {
  background-color: #F7E8E8;
  border-color: #f3d6d6;
  border-width: 0 0 0 3px;
}

#nav_menu li.restricted {
	background-color: #DFE8F6;
  border-color: #B8CCEC;
}
#nav_menu li.current {
	background-color: #edb6b6;
  border-color: #edb6b6;
}

#nav_menu li li {
  background: transparent;
  width: 12em;
}

/* ie6 doesn't support child selectors, so first we apply to all elements... */
#nav_menu li a {
  font-weight: bold;
  color: #C8787E;
  border-color: #F3D6D6;
  padding: .2em 1.2em .3em .4em;
}

#nav_menu li.restricted a {
  color: #6096CC;
}
#nav_menu li.current a {
  color: #9a4a4a;
}

/* ... then we undo all elements that aren't direct children */
#nav_menu li * a,
#nav_menu li.restricted * a,
#nav_menu li.current * a {
  font-weight: normal;
  color: #333;
  border-color: #e9e9e9;
}


#nav_menu li ul a {
  border-color: #e9e9e9;
  padding: .38em .6em;
	width: 13.4em;
	w\idth: 10.9em;
}

#nav_menu a:focus, 
#nav_menu a:hover,
#nav_menu a:active { }

#nav_menu li:hover, #nav_menu li.sfhover,
#nav_menu li.restricted:hover, #nav_menu li.restricted.sfhover,
#nav_menu li.current:hover, #nav_menu li.current.sfhover {
  background-image: none !important;
	background-color: #fff;
  border-color: #ddd;
}




/* blockquote */
div.quoteContainer {
  margin: 3em 0;
  padding: 2em 2.5em;
  background-color: #f9f9f9; /* gray */
  background-color: #FAF6E3; /* yellow */
  background-color: #F7E8E8; /* pink */
  border-style: solid;
  border-width: 1px 1px 1px 6px; /* 3px; */
  border-color: #eee;
  border-color: #F7F1D0;
  border-color: #F3D6D6;
  border-color: #EDB6B6;
  border-top-color: #f0cccc;
  border-right-color: #f0cccc;
  border-bottom-color: #f0cccc;
}
.hugeQuotes {
  margin:0 0;
  font-size: 1.08em;
  color:#D2B42E;
  color:#9A4A4A;
}

.hugeQuotes b {
  font-size: 1.25em;
  color:#D2B42E;
  color:#A75050;
}

.hugeQuotes .bqstart,
.hugeQuotes .bqend {
  color: #EBDC89;
  color: #DD9A9A;
}





.highlight {
  color: #5AAD52 !important; /* #6096CC; */
}
.highlightBright {
  color: #5AAD52 !important;
}
.highlightMedium {
  color: #AF5960 !important;
}
.highlightMediumLight {
  color: #C8787E !important;
}
.highlightSubtle {
  color: #999 !important;
}
.highlightWarning {
  color: #FF7F55 !important; /* #FF7F55 */
}
.highlightWarningLight {
  color: #FFbb99 !important; /* #FF7F55 */
}
.highlightRed {
  color: #b77 !important; /* #d66 */
}
.backgroundRed {
  background-color: #d66 !important;
}
.highlightPurple {
  color: #b6b !important;
}
.backgroundHighlight { /* green */
  background-color: #efd !important;
}
.backgroundYellow {
  background-color: #ffc !important;
}
.backgroundYellowLight {
  background-color: #ffe !important;
}
.backgroundWarning {
  background-color: #fdd !important;
}
.highlightLight {
  color: #bbb !important;
}
.highlightAttention {
  color: #a0914e !important;
}

.highlightResult {
  background-color: #fe0 !important;
  color: #a80 !important;
}

.backgroundLight {
  background-color: #f0f0f0 !important;
}

a.linkWhite {
  color: #fff;
}

a.linkWhite:focus,
a.linkWhite:hover,
a.linkWhite:active {
  color: #fff;
}


/* form */
div.flatContainer div.title {
  padding-bottom: 0.25em;
  padding-left: 2em;
  border-width: 0 0 6px;
}
div.flatContainer .title .nav {
  font-size: 1.25em;
}

div.flatContainer div.body {
  padding: 0 0 1.5em;
  border-width: 1px 1px 1px 6px; /* 3px; */
  border-style: solid;
}

/*
form.flat div.body {
  padding-right: 1.5em;
}
*/

div.flatContainer .backgroundWhite {
  border-width: 1px 1px 1px 6px !important;
}
div.flatContainer div.bodyWithTitle {
  border-top-width: 0;
}

div.flatContainer #jq-formstatic-inject {
  border-width: 1px 1px 1px 6px;
}

div.flatContainer div.bodyBlue {
  background-color: #D4E2F3; /* #dfe8f6; */
  border-color: #6096CC;  /* #a4bddc; */
  border-width: 6px;
}
div.flatContainer div.bodyWhite {
  background-color: #fff;
  border-color: #fff;
}


div.flatContainer div.bodyInline {
  margin: 3em 0;
  padding: 1em 1em 1.5em;
  *padding-top: 2.5em;
}

div.flatContainer div.body li {
  font-size: 1.17em;
  line-height: 1.5em;
}
div.flatContainer div.body li li {
  font-size: 1em;
}
div.flatContainer div.body li p {
  margin: 0;
}

div.flatContainer div.body p.defTitle {
  /*
  margin-top: 0;
  margin-bottom: -.5em;
  */
  font-size: 1.75em;
  font-weight: bold;
  
  background-color: #6096CC;
  color: #FFFFFF !important;
  margin: 6px 6px 0 6px !important;
  padding: 0.25em 40px .25em 0.5em;  
  position: relative;
}
div.flatContainer div.bodyBlue p.defTitle {
  margin: 0 !important;
  padding-top: 0;
  padding-left: .25em;
}
.page_content p.defTitle {
  font-size: 1.5em;
  font-weight: bold;
  margin: 1.5em 0 .25em !important;
}
div.flatContainer div.body p.defTitle a {
  color: #fff !important;
}

p.defTitle img.icon {
  position: absolute;
  top: .1em;
  right: .25em;
}
div.flatContainer div.bodyBlue p.defTitle img.icon {
  top: -.2em;
  right: 0;
}
div.flatContainer div.bodyText {
  padding: 1.5em;
}
div.flatContainer div.bodyNoPad {
  padding: 0;
}
div.flatContainer div.bodyList {
  padding: 2em 2em 1em;
}
div.flatContainer div.bodyList ul {
  margin-left: 0;
}
div.flatContainer div.bodyText p {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
div.flatContainer div.bodyNoPad p {
  margin: 1em !important;
}
div.flatContainer div.bodyNoPad ul {
  margin: 0 1.25em !important;
}
div.flatContainer div.bodyNoPad ul ul,
div.flatContainer div.bodyNoPad p ul {
  margin: 0 !important;
}
div.flatContainer div.bodyNoPad div.imgright {
  float: right;
  margin: 6px 6px 1em 2em;
}
div.imgright {
  float: right;
  margin: 0 0 1em 1em;
}

div.flatContainer div.body p.defcontent {
  margin-bottom: 1em;
}
div.flatContainer div.body p.defcontentlarge,
div.flatContainer div.body span.defcontentlarge {
  font-size: 2em;
  font-weight: bold;
}

div.flatContainer .divider {
  border-top-width: 2em;
}

div.flatContainer div.gapTop {
  border-top-width: 6px !important;
  margin-top: 0 !important;
}

/*
div.flatContainer .body #billingSummary p {
  margin-top: 0;
}
*/

table.billingTable,
table.groupContainer {
  border-collapse: separate;
}

table.billingTable th,
table.billingTable td {
  border-style: none;
  border-width: 0;
}

table.billingTable td.accountContainer {
  padding: 1em;
}

table.billingTable table.groupContainer {
  border-width: 1em;
  border-style: solid;
}

table.billingTable td.accountColumn {
  border-top-width: 0;
  border-top-style: solid;
}

table.billingTable div.detail p,
div.flatContainer table.billingTable div.detail p {
  /*
  line-height: 1em;
  font-size: 1em;
  padding-left: 1em;
  text-indent: -1em;
  margin: .25em;
  */
}

#injectBilling .notesReport {
  display: none;
}



div.flatContainer .divider {
  border-color: #fff;
}

table.billingTable table.groupContainer {
  border-color: #f0f0f0;
}

table.billingTable tr.accountselected table.groupContainer {
  border-color: #DFE8F6;
}

table.billingTable td.accountColumn {
  border-color: #e6e6e6;
  background-color: #f0f0f0;
}
table.billingTable td.billingGroupRowNotFirst {
  border-top: 3px solid #f0f0f0;
}

table.billingTable table.billingGroup td.headerLeft,
table.billingTable table.billingGroup td.headerRight {
  /* width: auto; */
}


div.tableContainer {
  width: 97%;
  float: left;
  margin-bottom: 1.5em;
}
div.tableContainerRight {
  margin-left: 1.5em;
}
div.tableContainer33 {
  width: 31%;
}
div.tableContainer50 {
  width: 48%;
}
div.tableContainer66 {
  width: 64%;
}

div.tableContainerHeader {
  padding: .25em .25em .25em .5em;
  background-color: #DFE8F6;
  border-style: solid;
  border-color: #99BBE8;
  border-width: 3px 3px 1px;
  font-size: 1.5em;
  font-weight: bold;
  color: #84A7D4;
  position: relative;
  zoom: 1; /* fixed position: absolute of child elements in IE6 */
}
div.tableContainerHeader .icon-hover16 {
  /* right: .375em; */
}
div.toggleContainer {
  display: block;
}
div.tableContainerControls {
  padding: .25em .75em;
  background-color: #DFE8F6;
  border-style: solid;
  border-color: #99BBE8;
  border-width: 0 3px 1px;
  /* font-size: .8em; */
  color: #84A7D4;
  position: relative;
  z-index: 50;
}

div.tableContainerControls div.flatContainer {
  z-index: 1; /* need a non-auto and non-zero z-index to prevent new stacking context in IE 6/7 */
}

div.tableContainerBody {
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  border-style: solid;
  border-color: #99BBE8;
  border-width: 0 3px 3px;
}
div.tableContainerBody p,
div.flatContainer div.tableContainerBody p,
#timeTablePageContainer p {
  margin: 0;
  font-size: 1em;
  line-height: 1.25em;
}
div.tableContainerBody p.title {
  font-weight: bold;
  font-size: 1.13em;
}
div.tableContainerBody table {
  width: 100%;
  -width: 90%;
}
div.tableContainerBody table th,
div.tableContainerBody table td {
  padding: .38em 1em;
  /* border-bottom: 1px solid #ddd; */
}
div.tableContainerBody table td {
  vertical-align: top;
  /* line-height: 1.25em; */
  /* border-bottom: 1px solid #ddd; */
}
div.tableContainerBody table th {
  font-size: .91em;
  text-transform: uppercase;
  vertical-align: middle;
  line-height: 1em;
  background-color: #ddd;
  color: #888;
}
div.tableContainerBody table td p.title {
}
div.tableContainerBody table tr.evenRow td {
  background-color: #f6f6f6;
}
div.tableContainerBody table.highlightVacation tr.vacation td {
  background-color: #bfb;
}
div.tableContainerBody table.highlightVacation tr.vacation.past td,
div.tableContainerBody table.highlightVacation tr.vacation.evenRowPast td {
  background-color: #beb;
}
div.tableContainerBody table.highlightVacation tr.vacation td .color {
  color: #6a6;
}
div.tableContainerBody table.highlightVacation tr.vacationLow td {
  background-color: #ff9;
}
div.tableContainerBody table.highlightVacation tr.vacationLow.past td,
div.tableContainerBody table.highlightVacation tr.vacationLow.evenRowPast td {
  background-color: #ee9;
}
div.tableContainerBody table.highlightVacation tr.vacationLow td .color {
  color: #aa5;
}
div.tableContainerBody table.highlightVacation tr.vacationOut td {
  background-color: #fcc;
}
div.tableContainerBody table.highlightVacation tr.vacationOut.past td,
div.tableContainerBody table.highlightVacation tr.vacationOut.evenRowPast td {
  background-color: #ecc;
}
div.tableContainerBody table.highlightVacation tr.vacationOut td .color {
  color: #a66;
}


div.tableContainerBody table tr.past td {
  background-color: #ddd;
}
div.tableContainerBody table tr.evenRowPast td {
  background-color: #ccc;
}
div.tableContainerBody table tr.dividerTop td {
  border-top: 1px solid #bbb;
  /*
  background-color: #eee;
  color: #bbb;
  text-transform: uppercase;
  */
}

div.tableContainer div.flatContainer .item {
  margin: 0 1em 0 0;
}
div.tableContainer div.flatContainer .item input.inputText {
  font-size: 1.25em;
}
div.tableContainer div.flatContainer div.item div.multiSelectOptions label {
  /* font-size: .875em; */
}

div.tableContainer div.flatContainer div.item div.multiSelectOptions input {
  /*
  margin: .2em .5em .5em .25em;
  vertical-align: middle;
  */
}


#timeTablePageContainer table.billingGroup td {
  white-space: nowrap;
  line-height: 1.545em;
}
#timeTablePageContainer td.billingGroupRow {
  border-color: #ddd;
}
#timeTablePageContainer table.billingGroup table.timeDetail {
  /* width: auto; */
}
#timeTablePageContainer table.billingGroup table.timeDetail th,
#timeTablePageContainer table.billingGroup table.timeDetail td {
  padding: 0;
  vertical-align: baseline;
  background-color: transparent;
  white-space: normal;
}
#timeTablePageContainer table.billingGroup table.timeDetail th {
  padding-right: 1em !important;
}
#timeTablePageContainer table.billingGroup table.timeDetail td {
  width: 70%;
}


#timeTablePageContainer div.dateOffset {
  width: 75%;
}
#timeTablePageContainer div.dateNext,
#timeTablePageContainer div.dateCurr,
#timeTablePageContainer div.datePrev,
#timeTablePageContainer div.dateOlder {
  position: relative;
}
#timeTablePageContainer div.dateNextEnd,
#timeTablePageContainer div.dateCurrEnd,
#timeTablePageContainer div.datePrevEnd,
#timeTablePageContainer div.dateOlderEnd {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

#timeTablePageContainer div.dateNext, 
#staffTimeHelp p.dateNext {
  background-color: transparent;
  border-color: #eee;
}
#timeTablePageContainer div.dateCurr,
#staffTimeHelp p.dateCurr {
  background-color: #ffd;
  border-color: #dd9;
}
#timeTablePageContainer div.dateCurr div.totalInline {
  /* color: #C8C885; */
}
#timeTablePageContainer div.datePrev,
#staffTimeHelp p.datePrev {
  background-color: #f3f3f3; /* #efe; */
  border-color: #ddd; /* #ada; */
}
#timeTablePageContainer div.datePrev div.totalInline {
  /* color: #6b6; */
}
#timeTablePageContainer div.dateOlder,
#staffTimeHelp p.dateOlder {
  background-color: transparent;
  border-color: #eee;
}


#timeTablePageContainer span.dateTentative,
#staffTimeHelp p.dateTentative {
  color: #bbb;
}


#timeTablePageContainer span.timeTableDateNoteMarker,
#staffTimeHelp p.timeTableDateNoteMarker {
  background-image: url(/common/assets/images/notesmall2.gif);
  background-position: left .5em;
  background-repeat: no-repeat;
}




#timeTablePageContainer td.accountColumn {
  border-top-width: 0;
  background-color: #f0f0f0;
}

#timeTablePageContainer div.totalInline {
  font-size: 1.25em;
  font-weight: bold;
  position: absolute;
  text-align: right;
  top: -.075em;
  right: .25em;
}
#timeTablePageContainer div.totalInlineOffsetYear {
  font-size: 1.25em;
  font-weight: bold;
  position: absolute;
  color: #bbb;
  left: 100%;
  padding-left: .25em;
  padding-right: .25em;
  right: auto;
  top: -.665em;
  line-height: 1.24em;
  border-bottom: 1px solid #ccc;
  text-align: center;
}
.ie #timeTablePageContainer div.totalInlineOffsetYear {
  top: -.63em;
  line-height: 1.2em;
}

.chrome #timeTablePageContainer div.totalInlineOffsetYear {
  line-height: 1.30em;
  /* top: -.6em;*/
}

#timeTablePageContainer div.totalInlineAbove {
  top: -1.35em;
  /* padding-top: .125em; */
}

#timeTablePageContainer .timeTablePage,
#timeTablePageContainer .timeTableContainer,
#timeTablePageContainer .timeTableColumn {
  padding: 0;
}

#timeTablePageContainer .timeTable {
  border-collapse: separate;
}

#timeTablePageContainer .timeTableColumnHeader {
  background-color: #eee; 
  border-style: solid; 
  border-width: 1px 1px 0; 
  border-color: #ccc;
}
#timeTablePageContainer .timeTableColumnSubHeader {
  background-color: #ddd;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
}


#staffTimeHelp {
  background-color: #fff;
  border: 1em solid #99bbe8;
  /* display: none; */
  position: absolute;
  top: .5em;
  right: .5em;
  width: 15em;
  z-index: 100;
}
#staffTimeHelp div.title {
  background-color: #dfe8f6; /* #ddd; */
  color: #6487b4;
  font-weight: bold;
  padding: .25em .5em;
  font-size: .9em;
  line-height: 1.25em;
  border-width: 0 0 1px;
  border-color: #99bbe8;
  text-transform: uppercase;
}
#staffTimeHelp p {
  margin: 1em;
  font-size: 1em;
  line-height: 1.25em;
  color: #666;
}
#staffTimeHelp p.colorKey {
  border-style: solid;
  border-width: 1px 0;
}



#ticklerImport {
  padding: 1em;
  border: 3px solid #ddd;
  height: 40em;
  overflow: auto;
}
#ticklerImportCandidates {
  border-collapse: collapse;
  border: 1px solid #fff;
}
#ticklerImportCandidates td {
  border: 1px solid #eee;
  padding: .25em .5em .13em;
}
#ticklerImportCandidates td.location_id {
  width: 3em;
  text-align: center;
}
#ticklerImportCandidates tr.tagged td {
  color: #9c9;
}
#ticklerImportCandidates tr.current td {
  background-color: #ffb;
}
#ticklerImportCandidates tr.current td span.name {
  font-weight: bold;
}

#ticklerImportCandidates tr.pending td.name {
  background-image: url(/common/assets/images/dirty-right.gif) !important;
  background-position: top right !important;
  background-repeat: no-repeat !important;
}




.ticklerfore3 {color: #c33;} /* red */
.ticklerfore4 {color: #383;} /* green */
.ticklerfore6 {color: #aa6;} /* yellow */

.ticklerback3 {background-color: #fdd;} /* red */
.ticklerback4 {background-color: #dfd;} /* green */
.ticklerback6 {background-color: #ffb;} /* yellow */
.ticklerback15 {background-color: #ddd;} /* light gray */
.ticklerback33 {background-color: #0cf;} /* light blue */
.ticklerback43 {background-color: #9c0;} /* dark green */
.ticklerback48 {background-color: #aaa;} /* dark gray */




.galleryItem {
  border-color: #fff;
  background-color: #fff;
}

.galleryItem:hover {
  border-color: #eee;
  background-color: #f9f9f9
}

.galleryItem:hover .alphaShadow .frame,
.galleryItemThumbnail:hover .alphaShadow .frame {
  background-color: #EDB6B6;
  border-color: #C8787E;
}

.galleryItem:hover .galleryItemText p {
 color: #C8787E;
}


div.listBox {
  width: 60%;
  margin-top: -1.75em;
  z-index: 99;
}
/*
div.listBox div.flatContainer div.body {
  background-color: #D4E2F3;
  border-color: #6096CC;
}
*/
div.listBoxContactTab,
div.flatContainer div.listBoxContactTab {
  position: absolute;
  z-index: 99;
  bottom: 100%;
  right: 0;
}
div.listBoxContactTabContent {
  background-color: #6096CC !important;
  padding: 0.5em 0.75em .5em 3em !important;
  color: #DFE8F6 !important;
  font-size: 1.25em !important;
  border-width: 0 !important;
}


div.listBoxContactTabIcon,
div.flatContainer div.listBoxContactTabIcon {
  position: absolute;
  top: 0;
  left: .4em;
}

div.footLinks {
  border-top: 3px solid #eee;
  padding-top: 1em;
  margin-top: 2em;
  font-size: 1em;
}


#tooltip {
  padding: .5em .75em .5em .5em;
}
#tooltip div.body {
  padding: 0;
}
#tooltip p {
  margin: .25em;
  line-height: 1.13em;
}



.null tr.historyTaskRow[task=unknown] td {
  background-color: #ffc /* rgb(255,252,221) */ !important;
}
.null tr.historyTaskRow.evenRow[task=unknown] td {
  background-color: #efefac /* rgb(255,248,183) */ !important;
}
table.highlightActive tr.active > td,
div.flatContainer table.billingTable table.highlightActive tbody tr.active td,
div.flatContainer table.billingTable tr.accountselected table.highlightActive tbody tr.active td {
  /* 
  background-color: #dfd;
  color: #696;
  */
  font-weight: bold;
  color: #000;
}
table.highlightActive tr.expand-child > td,
div.flatContainer table.billingTable table.highlightActive tbody tr.expand-child td,
div.flatContainer table.billingTable tr.accountselected table.highlightActive tbody tr.expand-child td,
table.highlightActive tr > td div,
div.flatContainer table.billingTable table.highlightActive tbody tr td div,
div.flatContainer table.billingTable tr.accountselected table.highlightActive tbody tr td div,
table.highlightActive tr > td p,
div.flatContainer table.billingTable table.highlightActive tbody tr td p,
div.flatContainer table.billingTable tr.accountselected table.highlightActive tbody tr td p {
  font-weight: normal;
}
table.highlightActive tr.evenRow.active > td,
div.flatContainer table.billingTable table.highlightActive tbody tr.evenRow.active td,
div.flatContainer table.billingTable tr.accountselected table.highlightActive tbody tr.evenRow.active td {
  /*
  background-color: #efe;
  */
}
table.tablesorter tr.historyTaskRow.future > td,
div.flatContainer table.billingTable table.tablesorter tbody tr.future td,
div.flatContainer table.billingTable tr.accountselected table.tablesorter tbody tr.future td {
  color: #bbb;
}
table.highlightActive tr.future.active > td,
div.flatContainer table.billingTable table.highlightActive tbody tr.future.active td,
div.flatContainer table.billingTable tr.accountselected table.highlightActive tbody tr.future.active td {
  color: #333;
}


div.flatContainer table.schedule,
div.flatContainer table.schedule th {
  background-color: #eee;
}


div.tableControlsContainer {
  padding-right: 1em !important;
}
div.scheduleControlsContainer {
  margin-top: .5em !important;
  *margin: -.75em 0 !important;
  padding-right: 0 !important;
}



.scheduleDisplayPhysicistContainer {
  bottom: 100%;
  display: block;
  float: none;
  margin-bottom: 1.3em !important;
  *margin-bottom: 0 !important;
  position: absolute !important;
  right: 0;
}
.scheduleDisplayPhysicistContainer input.multiSelect,
.scheduleDisplayPhysicistContainer div.inputText {
  width: 10em !important;
}

ul.blog,
ul.blogCompact {
  list-style-type: none;
  /* list-style-image: url("/common/assets/icons/bullet-arrow.gif"); */
  margin: 0;
  padding: 0;
}
ul.blogCompact {
  margin: 0 1em;
}
ul.blog li {
  margin: 3.5em 0;
  padding: 0;
  background: url("/common/assets/icons/bullet-arrow.gif") no-repeat 8px 0.5em;
  margin-left: -20px;
  padding-left: 20px; 
  *height: 1%;
}
ul.blog li h2 {
  margin-top: 0;
}
ul.blogCompact li {
  margin: 1em 0;
  padding: 0;
  line-height: 1.25em !important;
  background: url("/common/assets/icons/bullet-arrow.gif") no-repeat 0 0.37em;
  padding-left: 12px;  
  *height: 1%;
}
ul.blogCompact h2 {
  font-size: .85em;
  border: none;
  margin: 0;
}

.sidebarNewsTitle {
  margin-bottom: 0 !important;
}
.sidebarLinkTop,
.sidebarLinkBottom {
  position: absolute;
  right: .5em;
  top: .25em;
  font-size: 1em !important;
  text-transform: uppercase;
}
.sidebarLinkBottom {
  top: auto;
  bottom: .25em;
}


div.imgexpand {
  margin: 0;
  height: 160px;
  background-repeat: no-repeat;
  background-position: center center;  
}




#clientDetailsLeft,
#clientDetailsRight {
  margin-top: .55em;
}

table.formTable td {
  padding-right: 0 !important;
}
td.fieldName {
  padding-right: 0 !important;
}
td.fieldValue {
  width: 100% !important;
}
div.tabPage .fieldValue div.valueContent  {
  margin-top: .44em;
  margin-right: -.5em;
  top: 0;
  line-height: 1.16em;
  padding-top: .5em;
  padding-bottom: .5em;
}

div.editableInline div.editableHint {
  top: -2.2em;
  right: 0;
  left: auto;
  bottom: auto;
}
#contactsValueContainer {
  padding-top: .55em !important;
}
#contactsValueContainer div.valueContent {
  margin-top: 0 !important;
}



div.installmentContainer p {
  font-size: 1em !important;
  line-height: 1em !important;
  padding-left: 1em !important;
  text-indent: -1em !important;
  margin: .25em !important;
}

div.flatContainer div.tabPage {
  background-color: transparent !important;
  zoom: 1;
}

td.fieldName p, div.flatContainer td.fieldName p {
  margin-top: 1em;
  *margin-top: .97em;
}


#taskEditMessage,
#itemEditMessage {
  padding: .5em 1em !important;
}
@media print {

  /* use CSS3 :not filter to apply to all elements EXCEPT... */
  *:not(.tableContainerBody) {
    /* set overflow to visible on all elements to prevent firefox printing bug (cuts off at end of page, etc.) */
    overflow: visible !important;
    
    /* disabling all floats will cause inline images to span full width of page */
    /* float: none !important; */
  }
  
  
  div.contactDirectoryEntry {
    float: none !important;
  }

  .widthCap {
    min-width: none;
    max-width: none;
    width: auto;
  }

  
  .dontprint, .dontPrint, .button, .breadcrumbs, .iconLink,
  #formClientsBody, #billingTableControlsContainer,
  .page-clients #page-title,
  #topnav, #nav_menu_container,
  #linkTicklerImport,
  #searchResultTabsContainer,
  .tableControlsContainer,
  #mapContainer,
  #mapBorder,
  #statusDevServerBanner,
  .taskEditRow {
    display: none !important;
  }
  
  #mapContainerStatic {
    display: block !important;
  }
  
  /*
  .clientFacilityNamePrepend {
    display: inline !important;
  }
  */

  #viewport_top {
    border-width: 0 !important;
    margin-top: 0 !important;
  }

  #viewport_middle {
    overflow: visible !important;
  }

  #header {
    padding-top: 0;
    padding-left: 0;
  }

  #footer {
    padding-bottom: 1.25em !important;
    padding-left: 0;
  }

  #col1, #col2, #col3, #col1_content, #col2_content, #col3_content
  /*div.flatContainer .item*/
  {
    z-index: 0;
    position: static;
    float: none;
  }

  #col1 { width: 100% !important; margin: 0 !important; padding: 1.5em 0 0 !important; }
  #col3 { width: 100%; margin: 0; padding: 1.5em 0; }

  #col1 .page_content {
    padding: 0;
  }

  #col1 .page_content p {
    padding-right: 2.5em;
  }

  /*
  div.flatContainer div.title p {
    font-size: 1.25em;
  }
  div.flatContainer div.body p,
  div.flatContainer div.body p.deflabel,
  div.flatContainer div.body p.defcontent,
  div.flatContainer div.body p.defcontentlarge {
    font-size: 1em;
    margin-left: 1.25em;
  }
  */

  div.flatContainer table.schedule td.task {
    border-color: #ddd;
    color: #000;
  }
  div.flatContainer table.schedule td.taskSpecial {
    border-color: #fff;
  }

  div.flatContainer table.schedule td.taskempty {
    border-color: #fff;
    color: #ff4;
    font-size: .8em;
    text-transform: uppercase;
  }
  
  div.flatContainer table.scheduleCondensed td.task p.taskLocation {  
    font-size: .8em;
  }
  
  div.flatContainer table.schedule th {
    color: #000;
  }

  div.flatContainer table.schedule tr.divider td {
    /* background-color: #333; */
    height: 1em;
  }
  
  /*
  h1, h2, h3, h4, h5, h6,
  tr.timeblockRowFirst td {
    page-break-after: avoid;
  }
  table tr, ul, ol,
  tr.timeblockRowFirst, tr.timeblockRowFirst td {
    page-break-inside: avoid;
  }
  */
  
  div.listBox {
    float: none;
    width: auto;
    margin: 1em 0 0;
  }
  div.flatContainer div.body,
  div.listBox div.flatContainer div.body {
    padding: 0;
    background-color: transparent;
    border-style: none !important;
  }
  
  
  ul, ul.check {
    list-style-type: disc !important;
    margin-left: 1em !important;
    padding-left: 0 !important;
  }
  li {
    margin-left: 1em !important;
    padding-left: 0 !important;
  }
  
  
  div.tabPage {
    margin-top: 1em !important;
  }
  div.clientFacilityName {
    margin-left: 0 !important;
    margin-top: -2em !important;
    width: 100% !important;
  }
  #historyTableGroupContainer,
  #historyTableGroupContainer td.billingGroupRow,
  #historyTableGroupContainer td.billingTableItemizationContainer  {
    border-width: 0 !important;
    padding: 0 !important;
  }
  #historyTable td {
    border-top: 1px solid #ddd;
  }
  #clientUpdateStats {
    top: -5em !important;
    right: 0 !important;
  }
  
  
  table.tablesorter tr.historyTaskRow.activeLocationHighlight > td,
  div.flatContainer table.billingTable table.tablesorter tbody tr.activeLocationHighlight td,
  div.flatContainer table.billingTable tr.accountselected table.tablesorter tbody tr.activeLocationHighlight td { 
    color: #000;
  }
  
  td.fieldName p {
    margin-right: 0 !important;
  }
  
  
  table.billingTable td.billingGroupRow table.billingTableItemization tr.notes td.notesContent div,
  table.billingTable td.billingGroupRow table.billingTableItemization div.notesReport,
  #taskEditHistoryTable tr.notes td.notesContent div,

  table.billingTable td.billingGroupRow table.billingTableItemization tr.notes td.notesContent div.notesWarning,
  #taskEditHistoryTable tr.notes td.notesContent div.notesWarning

  {
    background: none;
    padding-left: 0;
    margin-left: 1.75em;
    display: list-item;
  }
  
  
}@media screen {

  .printonly {
    display: none !important;
  }

  div.flatContainer table.schedule tr.divider td {
    /* background-color: #333; */
  }
}