body > object[type='application/x-shockwave-flash'] {
  display: none;
}

/* main page */
body {
  font-size: 11px;
  font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
  background: url(/images/bg-fallback.png) repeat;
  text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue",Tahoma,Arial,sans-serif;
}
h1  {
  font-size: 2em;
}
img  {
  border: 0;
}
#page  {
  height: 100%;
  width: 100%;
  background: url(/images/bg.png) repeat-x;
  position: relative;
}
#topnav  {
  width: 1200px;
  height: 30px;
  color: #FFF;
  margin: 0 auto;
}
#topnav ul  {
  float: right;
  margin-top: 7px;
}
#topnav ul > li  {
  float: left;
  padding: 0 5px;
}
#topnav ul li.brands  {
  background: url('/images/key.png') top left no-repeat;
}
#topnav ul li.brands.help {
  background: url('/images/help.png') top left no-repeat;
  padding-left: 20px;
}
#topnav ul li.brands.csr {
  background: url('/images/csr.png') top left no-repeat;
}
#topnav ul li > div  {
  position: relative;
  cursor: pointer;
}
#topnav ul li.brands span, #topnav ul li.help span  {
  cursor: pointer;
  background: #EEE;
  border-bottom: 1px dotted #C3C3C3;
  padding-left: 15px;
}
#topnav ul li.help span  {
  padding-left: 0;
}
#topnav ul li div.brand-menu, #topnav ul li div.help-menu  {
  display: none;
  min-width: 100px;
}
#topnav ul li div.brand-menu:hover, #topnav ul li div.help-menu:hover  {
  display: block !important;
}
#topnav ul li.brands span.list-item, #topnav ul li.help span.list-item  {
  display: block;
  padding: 5px 8px;
}
#topnav ul li.brands span.list-item:last-child, #topnav ul li.help span.list-item:last-child  {
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
}
#topnav ul li.brands span.list-item.locked  {
  background: #CCC !important;
}
#topnav ul li.brands span.list-item.locked a  {
  color: #888;
}
#topnav ul li.brands span.list-item:hover, #topnav ul li.help span.list-item:hover  {
  background: #D3D3D3;
}
#topnav ul li.brands span.list-item a, #topnav ul li.help span.list-item a  {
  text-decoration: none;
  color: #000;
}
#topnav ul li.brands span.current, #topnav ul li.help span.current  {
  background: transparent;
  display: block;
  margin-bottom: 7px;
  border-bottom: 0;
}
#topnav ul li.brands.down span.current  {
  background: url('/images/down.png') right no-repeat;
  padding-right: 14px;  
}
#topnav a  {
  color: #FFF;
  text-decoration: underline;
}

#nav  {
  position: relative;
  width: 1200px;
  margin: 80px auto 0 auto;
  background: url('/images/nav.png') top left;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-topleft: 15px;
}
#content {
  position: relative;
  text-align: left;
  margin: 0 auto 20px auto;
  padding: 15px;
  width: 1170px;
  background: #FFF;
  -webkit-border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-topleft: 0;
}

#logo {
  padding: 0;
  margin: 10px 25px 5px 15px;
  position: absolute;
  top: -80px;
}

a {
  text-decoration: none;
  color: #3278A6;
}
a:hover {
  color: #dd5800;
}
input  {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
input.x-combobox  {
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
}
button  {
  cursor: pointer;
}

/* Tables */
table.pretty  {
  border: 1px solid #E8E8E8;
}
table.pretty, table.plain {
  border-collapse: collapse;
  border-spacing: 0px;
}
table.pretty th  {
  background:#F5F5F5 none repeat scroll 0%;
  border-bottom:1px solid #D8D8DA;
  border-left:1px solid #FFF;
  border-right:1px solid #D8D8DA;
  font-weight:bold;
  padding:5px;
}
table.pretty th:first-child  {
  border-left:1px solid #D8D8DA;
}

table.pretty td, table.pretty th, table.plain td, table.plain th {
	padding: 4px 8px 4px 8px;
}
table.pretty td, table.plain td  {
  border-bottom: 1px dotted #DDD;
}
table.plain td {
  border: 0;
  padding: 4px 8px 4px 0;
  vertical-align: top;
}
table.pretty table td  {
  padding: 0 !important;
  border: 0 !important;
}

table.plain tr td:first-child {
  text-align: right;
  color: #666;
}

/* Navigation */
ul.navigation {
  float: right;
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
  padding-left: 5px;
}

ul.navigation li {
  float: left;
  margin: 0;
  padding: 0;
  height: 32px;
  padding-right: 1px;
}

ul.navigation li a, ul.navigation li span  {
  height: 32px;
  display: block;
}

ul.navigation li a {
  text-decoration: none;
  padding: 8px 15px 0 15px;
  font-size: 110%;
  color: #FFF;
  margin: 0;
}
ul.navigation li.active a {
  color: #000;
  background: #F0F0F0;
}
ul.navigation li:hover:not(.active):not(.search) {
  background: #013170;
}
ul.navigation li.search  {
  width: 210px;
  background: none;
  position: relative;
}

ul.navigation input {
  margin:7px 7px 0 7px;
  width: 185px;
}

#subnav  {
  clear:both;
  height:24px;
  overflow:hidden;
  border-bottom: 1px solid #D5D5D5;
}
ul.subnavigation {
  height: 24px;
  list-style: none;
  background: #F0F0F0;
  padding: 1px 20px;
}

ul.subnavigation li {
  float: left;
  margin: 0;
  padding: 0;
  height: 24px;
}

ul.subnavigation li a {
  text-decoration: none;
  display: block;
  color: #333;
  height: 15px;
  padding: 4px 10px 2px 0;
}
ul.subnavigation li:not(:last-child) a:after  {
  content: ' |';
  color: #AAA;
  padding-left: 5px;
}
ul.subnavigation li a > img  {
  float:left;
  padding-right: 5px;
}
ul.subnavigation li a:hover  {
  color: #555;
}

ul.subnavigation li a.active  {
  color: #00203f;
}

/* Ext Tweaks */
.x-panel-body  {
  background: transparent;
}

.x-fieldset  {
  border: 0;
  overflow: hidden;
}

.x-form-cb-label  {
  top: 0;
  left: 3px;
}

.basicform .x-fieldset  {
  margin: 5px 0 5px 10px;
  padding-right: 25px;
  border: 1px solid #DDD;
}

/* General ShootQ blue border interface theme */
.box  {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  border: 5px solid #d9eaf3;
  margin: 0;
  padding: 0;
}
.box .head  {
  background: #d9eaf3;
  border-bottom: 1px solid #A6C5E4;
  -webkit-box-shadow: 0px 3px 8px #EEE;
  padding: 5px;
  overflow: hidden;
}
.box > .head h3, .box > .head h2  {
  padding: 0 0 0 5px;
  color: #00203f;
  font-size: 15px;
  font-weight: bold;
  float: left;  
}
.box .body {
  clear: both;
  overflow: hidden;
  padding: 0 10px;
  margin: 10px 0 0 0;
}
.box .subfoot  {
  border-top: 1px solid #E0E0E0;
  background: #F9F9F9;
  margin: 5px 0 -10px 0;
  padding: 8px;
}
.box .subhead  {
  border-bottom: 1px solid #E0E0E0;
  background: #F9F9F9;
  margin: 0 0 5px 0;
  padding: 8px;
}
.box .foot  {
  margin-top: 10px;
  border-top: 1px solid #A6C5E4;
  clear: both;
  background: #E0EEF7;
}
.box.warning  {
  border: 5px solid #F8FFA1 !important;
}
.box.warning .head {
  border-bottom: 1px solid #F8FFA1;
}
.box.warning .head  {
  background: #F8FFA1 !important;
}

.loadingmessage {
  margin: 20px;
  font-size: 80px;
  color: #80c9e6;
}

/* Highlight list used throughout the app */
.highlightlist  {
  padding: 10px 0;
}
.highlightlist ul  {
  list-style: none;
  padding: 0;
  margin: 0;
}
.highlightlist ul .empty  {
  margin: 20px;
  font-size: 40px;
  color: #DDD;
  text-align: center;
  border: 0 !important;
  background: 0 !important;
  font-style: normal !important;
}
.highlightlist li  {
  padding: 3px 0;  
  cursor: pointer;
}
.highlightlist li a{
  text-decoration: none;
  max-height: 22px;
  overflow: hidden;
  display: block;
  color: black;
  line-height: 22px;
  padding: 0 15px;  
  margin-bottom: 1px;
}
.highlightlist li.unauthorized a  {
  color: #999 !important;
}
.highlightlist li a.caps  {
  text-transform: uppercase;
}
.highlightlist ul ul li a{
  padding-left: 30px;
}
.highlightlist li.selected  {
  background: url(/images/selected_item_bg.png) repeat-x !important;
}
.highlightlist li.selected.unauthorized  {
  background: #777 !important;
}
.highlightlist li.selected > a{
  color: white !important;
  background: url(/images/arrow.png) no-repeat center right;
  margin-right: 8px;
}
.highlightlist li:hover  {
  background: url(/images/hovered_item_bg.png) repeat-x;
}
.highlightlist li.unauthorized:hover  {
  background: #AAA !important;
}
.highlightlist li:hover > a{
  color: white !important;
}
.highlightlist li.nohighlight  {
  margin: 0;
  padding: 0;
}
.highlightlist li.nohighlight:hover  {
  background: transparent;
}
.highlightlist li.nohighlight  > a  {
  cursor: default !important;
}
.highlightlist li.nohighlight:hover > a {
  color: black !important;
}
.highlightlist li.nohighlight.selected:hover > a {
  color: #FFF !important;
}
.highlightlist li.separator:hover  {
  background: transparent;
}
.highlightlist li.separator {
  border-bottom: 1px solid #dd5800;
  margin: 0 12px 10px 12px;
}

/* Dashboard preview bubble */
.bubble  {
  position: absolute;
  z-index: 0;
  top: 12px;
  left: 25px;
  visibility: hidden;
}
.bubble:before,
.bubble:after  {
	content: " ";
	display: block;
	width: 10px;
	height: 10px;
	background: inherit;
}
.bubble:before {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	height: 15px;
	margin: -15px 0 0 auto;
	background-position: right top;
}
.bubble:after {
  width: 15px;
	margin: -10px 0 0 -15px;
	background-position: left bottom;
}
html>body .bubble  {
  background: url(/images/dropshadow.png) right bottom no-repeat;
  margin: 10px -10px -10px 10px;
}
.bubble div.inner {
  display: block;
	position: relative;
	margin-top: -10px !important;
	margin-left: -10px !important;
  left: -10px;
	top: -10px;
  border: 5px solid #E0EEF7;
	background: #FFF;
	padding: !important;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
}
.bubble div.inner .head  {
  margin-top: -10px;
}

.bubble div.inner:before {
  content: " ";
  display: block;
  height: 22px;
  background: transparent url(/images/tip.png) no-repeat 0 0;
  margin-top: -15px;
  margin-left: 5px;
}
.bubble.no-tip div.inner:before  {
  background: none;
}
.bubble span.closer  {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  display: block;
  top: -14px;
  right: 15px;
  height: 19px;
  width: 19px;
  background: transparent url(/images/close.png) top right no-repeat;
}

/* Rounded corners */

.rounded  {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
}
.large-rounded  {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.top-only {
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
}
.bottom-only {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
}


/* Control Panel misc. widget tweaks */
.x-add-icon  {
  background-image:url(../images/add.gif) !important;
}
.x-remove-icon  {
  background-image:url(../images/delete.gif) !important;
}
.x-editable-cell  {
  cursor: pointer;
}
.x-invalid-grid-row  {
  background: url(../images/invalid.gif) right no-repeat #FFBBBB !important;
}
.x-form-item-label  {
  padding: 3px 0;
  display: block;
}
.x-form-item-discontinued  {
  background: #EEE !important;
  color: #777;
}
.x-form-item-discontinued.x-form-item-discontinued-hidden  {
  display: none !important;
}

.panelbody .browse  {
  display: none;
}

.x-combo-list-item {
  text-align: left;
}

/* Color picker */
.x-color-picker, .x-color-picker {
  height: 195px;
  position: relative;
  overflow: hidden;
}
.x-color-picker div canvas {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.x-color-picker-wheel {
  z-index: 1;
}
.x-color-picker-gradient  {
  z-index: 0;
}

/* Template rich text editor */
.x-edit-variables  {
  width: 75px !important;  
}
.x-edit-variables .x-btn-text {
  background: none;
  width: 75px !important;  
}
.x-edit-variables .x-btn-text:after  {
  content: "Variables";
  padding-left: 15px;
}
.x-edit-variables button  {
  width: 16px;
  height: 16px;
  background: transparent url(/images/variables.png) no-repeat !important;
}
.x-edit-insertimage  {
  background: transparent url(/images/camera.png) no-repeat !important;
}
.x-plain-text button  {
  width: 16px;
  height: 16px;
  background: transparent url(/images/paste.png) no-repeat !important;
}

/* ShootQ tips */
.shoot-tip  {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  border: 3px solid #E0EEF7;
  background: #E0EEF7;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.shoot-tip span  {
  background: #FFF;
  padding: 3px 5px;
  display: block;
}
.shoot-tip:before  {
  background: url(/images/lightbulb.png) no-repeat left center;
  border-bottom: 1px solid #A6C5E4;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  content: "Q-Tip";
  display: block;
  font-weight: bold;
  margin: 0 5px;
  padding: 5px 5px 5px 20px;
}

/* Star Rater */
.x-star-rater {
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 125px;
	height: 25px;
	position: relative;
	overflow:hidden;
	background: url(/images/star.gif) top left repeat-x;		
}
.x-star-rater li{
	padding:0px;
	margin:0px;
	width:25px;
	height:25px;
	float: left;
}
.x-star-rater li a{
	display:block;
	width:25px;
	height: 25px;
	line-height:25px;		
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	padding: 0px;
	overflow:hidden;
	position: absolute;
}
.x-star-rater li a:hover{
  background: url(/images/star.gif) bottom left;
  z-index: 2;
  left: 0;
  width: 25px;
}
.x-star-rater li a.two:hover{
	width: 50px;
}
.x-star-rater li a.three:hover{
	width: 75px;
}
.x-star-rater li a.four:hover{
	width: 100px;
}
.x-star-rater li a.five:hover{
	width: 125px;
}
.x-star-rater li.current-rating{
	background: url(/images/star.gif) left center;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

/* remove halo effect in firefox   */
a:active{
	outline: none;
}

/* Highlighter Effect */
.highlighted  {
  background: #FFFF00;
  padding: 1px 3px;
  margin: 0 1px;
  -webkit-box-shadow: 0px 2px 5px #333;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;  
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  color: #000 !important;
}

.empty  {
  padding: 10px;
  background: #F5F5F5 !important;
  font-style: italic !important;
  border: 1px solid #E5E5E5 !important;
}

/* reminders */
.reminder-category {
  display: block;
  float: left;
  padding: 2px 8px 3px 8px;
  margin: 4px 3px 0 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 5px;
  background: #1D3D6B;
  color: white;
}

.x-reminder-form  {
  overflow: hidden;
  padding: 15px;
}
.x-reminder-form .categories  {
  padding: 0 10px 10px 10px;
  overflow: hidden;  
}
.x-reminder-form label{
  display: block;
  margin: 5px 0;
  font-weight: bold;
}
.reminder-category:hover  {
  background: #6C6C6C;
  float: none;
}
.reminder-category.no-hover:hover  {
  background: #1D3D6B;
  float: left;
}
.reminder-category-container  {
  cursor: pointer;
  float: left;
  overflow: hidden;
  padding: 0 18px 0 0;
  margin-right: 2px;
  background: url(/images/close.png) no-repeat 4px right;
}
.x-reminder-form input, .x-reminder-form select, .x-reminder-form input, .x-reminder-form textarea  {
  padding: 2px;
  margin: 0 5px 0 10px;
  display: block;
}
.x-reminder-form .datepicker  {
  margin: 5px 10px;
}
.x-reminder-form .buttons  {
  clear: both;
  padding: 10px 0 0 5px;
}

/* quick lead */
#quick-lead {
  position: relative;
  clear: both;
  width: 100%;
  height: 265px;
}

#quick-lead-contents {
  margin: 0 auto 20px auto;
  border-top: 0;
  background: #fff;
  width: 635px;
  height: 240px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
}

#quick-lead-contents > .box {
  -moz-border-radius-topright: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
}
#quick-lead-contents > .box .foot  {
  padding: 3px 0 0 7px;
}

#quick-lead-contents h3, #quick-lead-contents dt {
  margin-bottom: 3px;
}

#ql_remarks  {
  width: 160px;
}

#quick-lead-contents #ql_time  {
  display: none;
}
#quick-lead-contents #ql_start_time, #quick-lead-contents #ql_stop_time  {
  width: 80px;
}

#ql-owner-info, #ql-shoot-info {
  width: 215px;
  float: left;
}

.side-content  {
  margin: 15px 0 15px 170px;
}
.side-subnav {
  background: #F2F2F2;
  padding: 15px 6px;
  position: absolute;
  top: 0;
  width: 140px;
  bottom: 0;
  left: 0;
  z-index: 0;
  border-right: 1px solid #D2D2D2;
}
.side-subnav li  {
  padding: 6px 8px;
  margin: 0 -6px 0 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
}
.side-subnav li.current  {
  position: relative;
  left: 1px;
  background: #FFF;
  border: 1px solid #D2D2D2;
  border-right: 0;
}
.side-subnav li.current a {
  color: black;
}
.side-subnav li a {
  color: #3278A6;
}
.side-subnav li.separator {
  padding: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #AAA;
  margin: 10px 8px 6px 8px;
}

.x-token-field  {
  overflow: hidden;
}
.x-token-field .x-form-field-wrap  {
  cursor: text;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;  
}
.x-token-field input  {
  border: 0;
  width: 100px !important;
  padding: 3px !important;
  background-color: white;
  margin: 2px 0;
  float: left;
  height: 14px !important;
}
.x-token-field-token  {
  overflow: hidden; 
  height: auto !important; 
  height: 1%;
  margin: 2px 3px 0 0;
  padding: 0 3px 0 5px;
  background-color: #eff2f7;
  color: #000;
  cursor: default;
  border: 1px solid #ccd5e4;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left !important;
}
.x-token-field-token p {
  display: inline;
  padding: 0;
  margin: 0;
  font-size: 11px;
}
.x-token-field-token span {
  color: #a6b3cf;
  margin-left: 5px;
  font-weight: bold;
  cursor: pointer;
}
.x-token-field-token-selected  {
  background-color: #5670a6;
  border: 1px solid #3b5998;
  color: #fff;  
}
.x-token-field-token-invalid  {
  background-color:#ffeeee;
  border: 1px solid #ff7870;
  color:#ee0000;  
}
.x-token-field-token-invalid span  {
  color: #ffB8B0;
}
.x-token-field-token-selected.x-token-field-token-invalid  {
  background-color: #ff7870;
  color: #FFF;
}
.x-token-field-list  {
  background-image: url(/images/search.png) !important;  
}
.x-token-field-photographer  {
  background-image: url(/images/camera.png) !important;
}
.x-token-field-relationship  {
  background-image: url(/images/person.png) !important;
}

div.csr-info  {
  width:1200px;
  margin:3px auto 0;
}

div.csr-info > div  {
  width:350px;
  height:45px;
  color:#FFF;
  padding:5px 3px;
  clear:right;
  float:right;  
}
div.csr-info > div > p  {
  float:right;
}
.x-combo-over  {
  z-index: 99999 !important;
}

body > object[type='application/x-shockwave-flash']  {
  display: none;
}

.x-date-inner .x-date-conflict a  {
  background:#FFFFBB url(../images/default/shared/glass-bg.gif) repeat-x left top;
  border:1px solid #DDDD55;
  padding: 2px 0;
}
.x-date-inner .x-date-conflict a span  {
  padding: 0 5px;
}

.x-date-inner .x-date-booking a  {
  background:#FFC597 url(../images/default/shared/glass-bg.gif) repeat-x left top;
  border:1px solid #BF8557;
  padding: 2px 0;
}
.x-date-inner .x-date-booking a span  {
  padding: 0 5px;
}

p.tip {
  background: #FFFFCC;
  padding: 10px;
}

/* global search */
#search-window {
  display: none;
  z-index: 9999;
  position: fixed;
  width: 350px;
}
#search-box {
  padding: 5px;
  background: #ccc url(/images/gradient-search.png);
  overflow: hidden;
}

#search-box input, #search-box img {
  float: left;
}
#search-window input {
  margin-left: 5px;
  width: 310px;
}
#search-results {
  opacity: 0.9;
  padding: 0 5px;
  background: white url(/images/search-bg.png) repeat-y;
  border: 1px solid #ddd;
  border-top: 0;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px; 
  overflow: hidden;
}
#search-results label {
  padding-top: 10px;
  float: left;
  width: 100px;
  text-align: right;
  color: #666;
  font-size: 12px;
  font-weight: bold;
}
#search-results ul {
  font-size: 12px;
  float: left;
  padding: 10px 10px 5px 20px;
  width: 205px;
}
#search-results li {
  margin-bottom: 3px;
}

/* footer */
#main-footer {
  margin: 0 0 15px 0;
  text-align: center;
  color: white;
  font-size: 8px;
}
#main-footer p  {
  font-size: 11px;
}
#main-footer a {
  color: #FFF;
  text-decoration: underline;
}

/* box subheads */
.box.navigable .subhead  {
  overflow: hidden;
}
.box.navigable .subhead ul  {
  margin: 0 0 4px 4px;
}
.box.navigable .subhead li  {
  border-right: 0 !important;
  padding: 3px 5px;
  margin: 0 3px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-bottom: 0 !important;
  float: left;
}
.box.navigable .subhead li.current  {
  background: #FFF !important;
  border: 1px solid #DDD !important;  
}

.date_marker  {
    font-size: 9px;
    background: #34609A;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    float: left;
    width: 22px;
    max-width: 22px;
    padding: 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/* spinner */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.x-form-spinner-proxy{
	/*background-color:#ff00cc;*/
}
.x-form-field-wrap .x-form-spinner-trigger {
    background:transparent url('/images/spinner-trigger.gif') no-repeat 0 0;
}

.x-form-field-wrap .x-form-spinner-overup{
    background-position:-17px 0;
}
.x-form-field-wrap .x-form-spinner-clickup{
    background-position:-34px 0;
}
.x-form-field-wrap .x-form-spinner-overdown{
    background-position:-51px 0;
}
.x-form-field-wrap .x-form-spinner-clickdown{
    background-position:-68px 0;
}


.x-trigger-wrap-focus .x-form-spinner-trigger{
    background-position:-85px 0;
}
.x-trigger-wrap-focus .x-form-spinner-overup{
    background-position:-102px 0;
}
.x-trigger-wrap-focus .x-form-spinner-clickup{
    background-position:-119px 0;
}
.x-trigger-wrap-focus .x-form-spinner-overdown{
    background-position:-136px 0;
}
.x-trigger-wrap-focus .x-form-spinner-clickdown{
    background-position:-153px 0;
}
.x-trigger-wrap-focus .x-form-trigger{
    border-bottom: 1px solid #7eadd9;
}

.x-form-field-wrap .x-form-spinner-splitter {
	line-height:1px;
	font-size:1px;
    background:transparent url('/images/spinner-split.gif') no-repeat 0 0;
	position:absolute;
	cursor: n-resize;
}
.x-trigger-wrap-focus .x-form-spinner-splitter{
    background-position:-14px 0;
}
.x-form-color-trigger  {
    background-image: url(/images/color-trigger.gif) !important;
}

.x-edit-saving  {
  background: none !important;
  margin-left: 5px; 
}
.x-edit-saving-button.x-item-disabled, .x-edit-saving-button *  {
  color: #000 !important;
  opacity: 1 !important;
}

/* Custom file input styles */
.fileinput  {
  position: relative;
  height: 25px;
  width: 275px;
  cursor: pointer;
}
.fileinput .file  {
  position: relative;
  text-align: right;
	z-index: 2;
  width: 100px;
  overflow: hidden;
  cursor: pointer;  
  opacity: 0;
}
.fileinput .fakefile  {
  position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: inherit;
  cursor: pointer;
}
.fileinput .fakefile a  {
  padding-left: 2px;
  cursor: pointer;
}
.fileinput .fakefile a img  {
  cursor: pointer;
}

/* Non-ugly styling for Ext tabs */
.tabs-center .x-tab-strip-wrap  {
  border-top: 1px solid #CCC;
  border-left: 1px solid #E3E3E3;
  border-right: 1px solid #E3E3E3;
  width: 1168px;  
  margin-top: 25px;
  overflow: visible;
  position: absolute;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;  
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;  
}
.tabs-center .x-tab-strip-wrap li  {
  position: relative;
  border-top: 1px solid #AAA; 
  border-bottom: 1px solid #999;
  border-right: 1px solid #DDD;
  border-left: 0;
  height: 22px;
  top: -16px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: url(/images/center-tab-inactive.png);  
}
.tabs-center .x-tab-strip-wrap li .x-tab-strip-text  {
  color: #000 !important;
}
.tabs-center .x-tab-strip-wrap li .x-tab-strip-text:hover  {
  color: rgb(21, 66, 139) !important;
}
.tabs-center .x-tab-strip-wrap li *  {
  background: transparent !important;
}
.tabs-center .x-tab-strip-wrap li.x-tab-first  {
  border-left: 1px solid #AAA;
  border-right: 1px solid #DDD;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
}
.tabs-center .x-tab-strip-wrap li.x-tab-last  {
  border-right: 1px solid #999;
  border-left: 0;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}
.tabs-center li.x-tab-strip-active  {
  background: url(/images/center-tab-active.png);
  border-left: 1px solid #5A8CC2;
  border-right: 1px solid #5A8CC2;  
}
.tabs-center .x-tab-strip-wrap li.x-tab-first.x-tab-strip-active  {
  border-right: 1px solid #5A8CC2;
  border-left: 1px solid #AAA;
}
.tabs-center .x-tab-strip-wrap li.x-tab-last.x-tab-strip-active  {
  border-left: 1px solid #5A8CC2;
  border-left: 1px solid #999;
}
.tabs-center .x-tab-strip-wrap li.x-tab-last.x-tab-first  {
  border-right: 1px solid #999;
  border-left: 1px solid #AAA;
}
.tabs-center ul.x-tab-strip {
  margin: 0 auto !important;
}
.tabs-center .x-tab-panel-bwrap  {
  margin-top: 25px;
  border-left: 1px solid #E3E3E3;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #FFF;
}
.tabs-center .x-tab-panel-body  {
  padding-top: 15px;
  width: 1168px !important;
  padding-bottom: 15px;
  border-right: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
}

/* Reusable settings button */
.s-btn {
    display:block;
    float:left;
    margin:0 3px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.s-btn.right  {
  float: right;
}
.s-btn.left  {
  float: left;
}
button.s-btn  {
    width: auto;
    overflow: visible;
}
button.s-btn[type]  {
    padding: 5px 10px 5px 7px; /* Firefox */
    line-height: 17px; /* Safari */
}
.s-btn img  {
    margin: 0 3px -3px 0 !important;
    padding: 0;
    border: none;
    width: 16px;
    height: 16px;
}
.s-btn a  {
  color: #000;
}
.s-btn:hover  {
    background-color: #dff4ff;
    border: 1px solid #c2e1ef;
    color: #336699;
}
.s-btn:hover a  {
    color: #336699;
}
.s-btn a:hover  {
    color: #336699;
}
.s-btn.pos a  {
    color: #529214;
}
.s-btn.pos:hover  {
    background-color: #E6EFC2;
    border: 1px solid #C6D880;
    color: #529214;  
}
.s-btn.neg a  {
    color: #d12f19;
}
.s-btn.neg:hover  {
    background-color: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #d12f19;  
}
.s-btn.s-btn-disabled  {
    background-color: #F5F5F5;
    border-color: 1px solid #333;
    color: #BBB;
    cursor: auto !important;
}
.s-btn.s-btn-disabled  {
    cursor: auto !important;  
}
.s-btn.s-btn-disabled img  {
    opacity: .5;
}
.s-btn.s-btn-disabled a  {
    color: #BBB;
}
.s-btn.s-btn-disabled:hover  {
    background-color: #F5F5F5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;    
}

/* Relationship Lookup CSS */
.x-relationship-lookup-container  {
    display: none;
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
}
.x-relationship-lookup  {
    background: #FFF;
    border: 5px solid #AAA;
    width: 550px;
    margin: 25px auto;
    position: relative;
}
.x-relationship-lookup > a  {
    position: absolute;
    top: -20px;
    right: -20px;
}
.x-relationship-search-bar  {
    overflow: hidden;
    border: 5px solid #E3E3E3;
}
.x-relationship-search-bar input  {
    width: 510px;
    font-size: 1.4em;
    padding: .5em .5em .5em 35px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: 0;
    color: #000;
    background: url('/images/search.png') 5px 8px no-repeat #FFF;
}
.x-relationship-search-bar input.empty-text  {
    color: #BBB;
}
.x-relationship-list-container  {
    border-collapse: collapse;
    border-spacing: 0px;
}
.x-relationship-legend  {
    width: 12px;
    font-family: Arial, "Lucida Console", monospace;
    font-size: 11px;
}
.x-relationship-legend > div  {
    margin: 5px;
    margin-right: 0;
    background: #EEE;    
}
.x-relationship-legend a  {
    color: #000;
    display: block;
    margin-bottom: 2px;
}
.x-relationship-legend a:hover  {
    color: #3278A6;
}
.x-relationship-list-column  {
    padding: 5px;
    position: relative;
}
.x-relationship-list  {
    height: 540px !important;
    overflow: auto;
}
.x-letter-block  {
  padding: 10px;
  font-weight: bold;
  font-size: 13px;
}
.x-relationship  {
    padding: 10px;
    padding-right: 0;
    cursor: pointer;
    margin-right: 5px;
    font-size: 12px;
}
.x-relationship:nth-child(2n+1){
    background: #F3F3F3;
}
.x-relationship:hover  {
    background: rgba(221, 238, 255, 1);
}
.x-relationship:hover a  {
    color: #dd5800;
}
.x-relationship a.name  {
    text-decoration: underline;
}
.x-relationship .email  {
    float: right;
    position: relative;
    padding-right: 35px;
}
.x-relationship .email img  {
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 9999;
}
.x-relationship-legend-letter  {
    padding: 3px 8px;
}
.x-relationship-list-column .loading  {
    position: absolute;
    top: 100px;
    left: 265px;
}
a.x-hidden-letter  {
  color: #BBB !important;
  cursor: default !important;
}
a.x-hidden-letter:hover  {
  color: #BBB !important;
}

.cke_focus  {
  outline: none !important;
}
span.cke_skin_kama { border: 0 !important; padding: 5px 0 !important; }