/* General */
body {
	background:#e2e2e2 url(../images/hq/background.jpg) repeat-x;
	padding:0;
	margin:0;
	font:12px Arial;
}
a {
	text-decoration: none;
}
a img {
	border:none;
}
p {
	margin:0;
}
#contentContainer {
	padding-bottom:25px;
}

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

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

.align-justify {
	text-align:justify;
}

.left {
	float:left;
	display:inline;
	overflow:hidden;
}
.right {
	float:right;
	display:inline;
	overflow:hidden;
}
.block {
	display:block;
}
.clear {
	clear:both;
}

.search-cell1 {
	width:75px;
}
.search-divide {
	height:4px;
}
.donorlabel {
	padding-top:5px;
}
.donorinput {
	padding:0 5px;
}

fieldset ul {
	clear:both;
}
fieldset ul li {
	list-style-type: none;
	float:left;
}

.fieldset {
	margin-bottom:10px;
}

/* Backgrounds */
#additional-background {
	background:url(../images/hq/additional-background.png) repeat-y center;
	width:1057px;
	margin:auto;
}
#container {
	width:1020px;
	margin:auto;
	background:white;
}

/* Header */
#header {
	background:url(../images/hq/header-image.jpg) no-repeat top right #ffffff;
	height:88px;
	color:white;
	overflow:hidden;
}
#header a {
	color:white;
	font-weight:bold;
}


/* Footer */
#footer {
	background:url(../img/base/footer.png) no-repeat; 
	width:1057px;
	height:50px;
	margin:auto;
}

/* Main Body */
#body {
	width:1002px;
	margin:auto;
}
h1 {
	font-size:26px;
	margin-bottom:0px;
}
.sub-heading {
	font-size:12px;
	color:#666;
}

#chewy {
	padding-top:10px;
}

span.errorMessage 
{
    color:red;
}
/* Main Text */
#main {
	border:1px solid #ccc;
	margin-top:10px;
	padding:10px;
	padding-top:0px;
	padding-right:0px;
}
.bucket {
	width:745px;
	margin:auto;
	margin-top:5px;
}
.bucket img {
	vertical-align:middle
}
.bucket-title {
	font-weight:bold;
}
.bucket-header {
	background:#e7e7e7;
	border-bottom: 1px solid #ccc;
	font-size:12px;
	padding:4px 5px 0;
	margin-bottom: 20px;
}

.bucket-header.collapsible-panel,
.bucket-header.custom-panel{
	padding:11px 14px 6px 14px;
}

.bucket-header h1 {
	margin:0;
	font-size:12px;
}
.bucket-padding {
	padding:11px 0 6px 14px;
}
.bucket-header .bucket-padding {
	padding:4px 0 0 5px;
}
.bucket-body {
	padding:11px 0 6px 14px;
	background:#f7f7f7;
	margin-bottom:15px;
}
.bucket-column {
	font-size:11px;
	width:290px;
	padding-bottom:10px;
}
.bucket-spacer {
	height:5px;
}
.textbox {
	width:225px;
	padding:3px;
	border:1px solid #ddd;
	border-top-color:#ccc; 
}

.inputfieldheader {
	width:200px;
	float:left;
}
.inputfield {
	width:200px;
	float:left;
}
.inputfield input[type="text"] {
	width:172px;
	float:left;
	text-transform:uppercase;
}
.inputfield select {
	width:182px;
	float:left;
}
.full-inputfield select,
.full-inputfield textarea {
	width:100%;
}
.full-width {
	width:100%; 
}
.full-width .bucket-row {
	width:100% !important;
}

.full-width .bucket-row .bucket-column-wide 
{
    width: 100% !important;
}

.full-width .bucket-padding {
	padding-right:14px !important;
}

/* Content */
#content {
	 width:760px;
}
/* Sidebar */
#sidebar {
	background:#f8f8f8;
	width:220px;
	padding-top:5px;
	margin-left:10px;
}
.sidebar-bucketless
{
    width:212px;
	margin:auto;
	border: 1px solid transparent;
	margin-bottom:20px;
}
.sidebar-bucket {
	width:212px;
	margin:auto;
	border: 1px solid #d3d3d3;
	margin-bottom:20px;
}
.sidebar-header {
	background:url(../images/hq/sidebar-background.jpg) repeat-x;
	height:32px;
	font-weight:bold;
	color:#5a5a5a;
	cursor:pointer;
}
.sidebar-padding {
	padding:11px 8px 6px 8px;
}
.sidebar-body {
	border-top:1px solid #d3d3d3;
	font-size:11px;
	background-color: white;
	color:#666;
	overflow:hidden;
}
.sidebar-state-button {
	margin-top:-2px;
	float:right;
}
.sidebar-title {
	color:#000;
}
#body-office-bucket .sidebar-title { display: block; } 
#ctl00_MainContent_chkSignature + label { position: relative; top: -3px; }
#control-bar-spacer {
	height:37px;
}
#ctl00_MainContent_controlbar {
	background:#F0F0F0;
    border-color:#AAAAAA #AAAAAA;
    border-style:solid solid none;
    border-width:1px 1px medium;
    bottom:0;
    height:37px;
    left:50%;
    margin-left:-520px;
    position:fixed;
    width:1040px;
	_position:absolute;
	_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) - 1 : document.body.scrollTop +(document.body.clientHeight-this.clientHeight) - 1);
}
#ctl00_MainContent_controlbar a img {
	border:1px solid #f0f0f0;
	padding: 2px;
}
#ctl00_MainContent_controlbar a:hover img {
	border:1px solid #bbb;
	padding: 2px;
}
.control-bar-padding {
	padding:4px;
}
.control-bar-links {
	padding-top:4px;
}
input.button {
	background:url(../images/hq/button-background.jpg) repeat-x;
	border:1px solid #aaa;
	padding:6px;
	cursor: pointer;
}
input.bold {
	font-weight:bold;
}
input.save {
	background:url(../images/hq/button-background-save.jpg) repeat-x;
	border:1px solid #6b9f27;
	color:white;
	height: 31px;
}
input.cancel {
	background:url(../images/hq/button-background-cancel.jpg) repeat-x;
	border:1px solid #770000;
	color:white;
	height: 31px;
}

#date-options ul {
	padding: 0;
	margin:0;
}
#date-options ul li {
	display:inline;
	width:200px; 
	overflow:hidden;
}

/* Add Button */

.add_button, .add_button a {
	float:left;
	height:43px;
}
.add_button span {
	float:right;
	height:43px;
}
.add_button {
	background: url(../img/buttons/add/add-button-middle.gif) repeat-x;
}
.add_button a {
	background: url(../img/buttons/add/add-button-left.gif) no-repeat left;
	line-height: 44px;
	padding:0 0px 0 46px;
	font-size:14px;
	color:#666;
}
.add_button span {
	background: url(../img/buttons/add/add-button-right.gif) no-repeat right;
	width:18px;
}
#chewy .add_button span {
	float:right !important;
	display:inline !important;
	margin-bottom:0 !important;
	width:18px !important;
}

.dismiss-custom-panel {
	background:#e1c1c1;
}

/* Menu */

#ctl00_Header_TabStrip1 table table table td {
	cursor: pointer;
}
#ctl00_Header_TabStrip1 {
	background:#fafafa url(/images/menu-background.jpg) repeat-x top;
	font-size:11px
}
table.Level2Group {
	background:#fafafa;
	/*border-bottom:1px solid #ddd;*/
}
table.Level3Group {
	background:#f7e7c8;
	border-bottom:1px solid #ddd;
}
table.Level4Group {
	background:#f7dca9;
	border-bottom:1px solid #ddd;
}
table.Level5Group {
	background:#f1c36c;
	border-bottom:1px solid #ddd;
}

#ctl00_Header_TabStrip1 table table table,
#ctl00_Header_TabStrip1 .TopGroup {
	border-bottom:none;
}
#ctl00_Header_TabStrip1 .TopGroup {
	height:42px;
	overflow: hidden;
}
#ctl00_Header_TabStrip1 .TopGroup nobr {
	display:block;
	width:98%;
	margin:auto;
	text-align:center;
	padding:12px 5px 9px 5px;
	background:#A3CBFF;
	cursor:pointer;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	/**css3**/
	border-radius:3px 3px 0 0;
}
.Level2Group .SelectedLevel2Tab,
.Level3Group .SelectedLevel2Tab,
.Level4Group .SelectedLevel2Tab,
.Level5Group .SelectedLevel2Tab {
	padding:5px;
	color:#E43A23;
}
.Level2Group .Level2Tab,
.Level2Group .Level2TabHover,
.Level3Group .Level2Tab,
.Level3Group .Level2TabHover,
.Level4Group .Level2Tab,
.Level4Group .Level2TabHover,
.Level5Group .Level2Tab,
.Level5Group .Level2TabHover {
	padding:5px;
	color:#555;
}
.TopLevelTab td, .SelectedTopLevelTab td, .TopLevelTabHover td {
	padding: 5px 8px 0 8px !important;
}
.SelectedTopLevelTab {
	background:none;
	border:none;
	position:relative;
	top:0px;
	color:#e43a23
}

#ctl00_Header_TabStrip1 .SelectedTopLevelTab nobr {
	background:#FAFAFA;
}

.TopLevelTab {
	color:#777
}

.TopLevelTabHover {
	color:#555
}
span.bucket-title {
	float:none !important;
	margin-bottom:0px !important;
	width:auto !important;
}
.french {
	font-size:10px !important;
}
.french .TopGroup td table td nobr {
	padding:12px 4px 10px 4px !important;
}
.french .TopLevelTab td, .french .SelectedTopLevelTab td, .french .TopLevelTabHover td {
	padding: 5px 6px 4px !important;
}

/* Notice */
.notice-body {
	width:98%;
	margin:auto;
	display:none;
	margin-top:10px;
}
.notice-body-padding {
	padding:5px;
}
.notice-body-icon {
	width:43px
}
.notice-yellow {
	border:1px solid #ffcb05; 
	background:#ffefc6;
}
.notice-green {
	border:1px solid #72bf44; 
	background:#c3e0ae;
}
.notice-red {
	border:1px solid #d71635; 
	background:#f1b8aa;
}

/* Page Help */
#page-tip {
	overflow:hidden;
	height:0px;
}
#page-tip-body {
	background:#eaeaea;
	border-bottom:1px solid #ccc;
}
#page-tip-content {
	border:1px solid #aaa;
	background:#fafafa;
}

/** list-box UI **/
.list-box-container {
	
}

.list-box,
.list-box-buttons {
	margin-right:10px;
	margin-bottom:10px;
}

.list-box label {
	display:block;
}

.list-box-buttons {
	padding-top:40px;
}

.list-box-buttons input {
	display:block;
	margin-bottom:5px;
}

/** static button panel **/

.static-button-panel {
/*	position:fixed;
	bottom:0;
	left:50%;*/

	background: #F0F0F0;
	border-color: #AAAAAA #AAAAAA;
	border-style: solid solid none;
	border-width: 1px 1px medium;
	bottom: 0;
	height: 37px;
	z-index: 5;
	position: fixed;
	width: 976px;
	_position: absolute;
	_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) - 1 : document.body.scrollTop +(document.body.clientHeight-this.clientHeight) - 1);
}

.static-button-panel .inner {
	padding:5px 10px;
}

/** buttons **/
input.orange, input.green, input.red, input.grey,
button.orange, button.green, button.red, button.grey,
a.orange, a.green, a.red, a.grey {
	display:block;
	height:30px;
	border: none;
	cursor:pointer;
}

input.orange, button.orange, a.orange {
	color:#ffffff;
	border:1px solid #D99005;
	background:url('../images/buttons/button-background-orange.jpg') repeat-x;
}
input.green, button.green, a.green {
	color:#ffffff;
	border:1px solid #6B9F27;
	background:url('../images/buttons/button-background-green.jpg') repeat-x;
}
input.red, button.red, a.red {
	color:#ffffff;
	border:1px solid #6E0416;
	background:url('../images/buttons/button-background-red.jpg') repeat-x;
}
input.grey, button.grey, a.grey {
	color:#000000;
	border:1px solid #aaaaaa;
	background:url('../images/buttons/button-background-grey.jpg') repeat-x;
}

/** Collapsible Panels **/
.bucket-body.panel-toggle {
	display:none;
}

.collapsible-panel.panel-toggle {
	margin-bottom:15px;
}

/** Columns **/
.row:before,
.row:after,
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.row:after,
.clearfix:after { clear: both; }
.row,
.clearfix { zoom: 1; }
.column, .columns { float:left; display:inline; margin-left:5px; margin-right:5px; }

.row { margin-bottom:10px; }
.alpha { margin-left:0; }
.omega { margin-right:0; }

/** Eight Columns across **/

/** Without Sidebar
 *  one column = 108px
 */
.one.column { width:108px; }
.two.columns { width:216px; }
.three.columns { width:324px; }
.four.columns { width:432px; }
.five.columns { width:540px; }
.six.columns { width:648px; }
.seven.columns { width:756px; }
.eight.columns { width:864px; }
.prepend-one { position:relative; left:118px; }
.prepend-two { position:relative; left:236px; }
.prepend-three { position:relative; left:334px; }
.prepend-four { position:relative; left:442px; }
.prepend-five { position:relative; left:550px; }
.prepend-six { position:relative; left:658px; }
.prepend-seven { position:relative; left:766px; }
.prepend-eight { position:relative; left:874px; }
/** with sidebar
	one column = 86px
**/
.adjacent-sidebar .one.column { width:86px; }
.adjacent-sidebar .two.columns { width:172px; }
.adjacent-sidebar .three.columns { width:258px; }
.adjacent-sidebar .four.columns { width:344px; }
.adjacent-sidebar .five.columns { width:430px; }
.adjacent-sidebar .six.columns { width:516px; }
.adjacent-sidebar .seven.columns { width:602px; }
.adjacent-sidebar .eight.columns { width:688px; }
.adjacent-sidebar .prepend-one { position:relative; left:96px; }
.adjacent-sidebar .prepend-two { position:relative; left:182px; }
.adjacent-sidebar .prepend-three { position:relative; left:268px; }
.adjacent-sidebar .prepend-four { position:relative; left:354px; }
.adjacent-sidebar .prepend-five { position:relative; left:440px; }
.adjacent-sidebar .prepend-six { position:relative; left:526px; }
.adjacent-sidebar .prepend-seven { position:relative; left:622px; }
.adjacent-sidebar .prepend-eight { position:relative; left:798px; }

input[id*="btn_VINLookup"] { margin-left: 0px; }

.information-table tr td { width: 100px; }
.information-table tr td.right-side { margin-left: 35px; display: block; }
.information-table tr td select { width: 236px; }