html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: none;
	border: 0px none;
	margin: 0px;
	outline: 0px none;
	padding: 0px;
}
html, body {
	height: 100%;
	position: relative;
}
body, textarea, input, select {
	margin: 0px;
	padding: 0px;
	font: 13px "Segoe UI","Lucida Grande",Verdana,Arial,Helvetica,san-serif;
}
body, textarea {
	line-height: 1.4em;
}
body {
	min-width: 785px;
	background: rgb(249,249,249);
	overflow: hidden;
}
body, #wrap, #menu li.active > a {
	color: rgb(51,51,51);
}
table {
	font-family: "Segoe UI",Arial,Helvetica,sans-serif;
}
label {
    cursor: pointer;
}

.float {
    float: left;
}
.clear { clear: both; }
div.clear { margin-bottom: -1px; }

.hideMe { display: none; }

.center, #body th.center, #body td.center { text-align: center; }
.rAlign { text-align: right; }
.lAlign { text-align: left !important; }
.highlight { background-color: rgb(250,250,32); }

.tip-wrap {
	z-index: 99999;
	background-color: rgb(0,0,0);
	color: rgb(255,255,255);
	font-size: 10px;
	padding: 2px 4px;
}
.tips .tip-text {display: none;}

a, .tips { color: rgb(33,117,155); }
.tips { cursor: help; }

.tips { border-bottom: 1px dotted rgb(33,117,155); }


.fixedToolTip {
	z-index: 99999;
	background-color: rgb(255,255,255);
	color: rgb(51,51,51);
	font-size: 10px;
	line-height: 12px;
	padding: 4px;
	border-width: 1px;
	border-style: solid;
	min-width: 110px;
}
.fixedToolTip .tip-text { display: none; }
.fixedToolTip .tip-top {
	z-index: 10000;
	position: absolute;
	left: 10px;
	top: -6px;
	width: 11px;
	height: 7px;
	background: url('/images/layout/pointer-up.png');
}

.menuToolTip {
	font-family: "Microsoft Sans Serif", sans-serif;
	z-index: 99999;
	color: rgb(76,76,76);
	font-size: 11px;
	line-height: 14px;
	padding: 4px;
	border-color: rgb(118,118,118);
	border-width: 1px;
	border-style: solid;
	border-radius: 3px 3px;
	width: 200px;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5f0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5f0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5f0',GradientType=0 ); /* IE6-8 */
}
.menuToolTip .tip-title {
	font-weight: bold;
	margin: 0.4em 0.2em 0.8em;
}
.menuToolTip .tip-text {
	margin: 0px 1em;
}

input[type=text], input[type=password], select, textarea, button {
	border: 1px solid rgb(204,204,204);
	border-radius: 3px 3px;
	font-size: 0.96em;
	padding: 2px;
	margin-top: 2px;
}
input[type=checkbox], input[type=radio] {
	margin: 0px 0px 2px;
	vertical-align: middle;
}
select {
	padding: 1px;
	vertical-align: bottom;
}
textarea {
	font-family: inherit;
	font-size: 0.95em;
	resize: none;
	height: 106px;
	max-width: 527px;
	width: 503px;
}

#wrap {
	/*height: auto;
	min-height: 100%;*/
	height: 100%;
	position: relative;
	width: 100%;
	background-color: rgb(233,237,241);
	overflow: hidden;
}

#header {
	height: 19px;
	background-color: rgb(219,225,232);
}
#header h1 {
	/*color: rgb(223, 54, 54);
	text-shadow: 1px 1px rgba(0,0,0,0.7);*/
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

#content {
	min-height: 450px;
	height: calc(100% - 160px);
	width: calc(100% - 32px);
	margin: 0px 0px 0px 4px !important;
	overflow: auto;
}

nav {
	height: 119px;
	background: rgb(0,0,0);
	background: url('/images/layout/nav.png') repeat-x;
}

/*
 * Outer border color
 */
#menu, #menuTabs li, #content, #menuUnder, #menu .dropdown ul, #body .inline-dropdown ul, #body .fauxDropdown, #body .fauxDropdown:hover .toggle, .ajax-dropdown, #menu input[type=input], .fixedToolTip, .menu-popup ul, .menu-popup .line {
	border-color: rgb(182,186,191);
}

#menuTabs {
	z-index: 101;
}
#menuTabs li {
	display: inline-block;
	padding: 5px 12px;
	margin-bottom: -1px;
	margin: 1px 1px -1px;
	font-size: 11px;
	color: rgb(102,102,102);
}
#menuTabs li.active, #menuTabs li.hover {
	border-width: 1px 1px 0px;
	border-style: solid;
	border-radius: 4px 4px 0px 0px;
	box-shadow: 0px 1px 1px rgb(255,255,255) inset;
	margin-right: 0px;
	margin-left: 0px;
}
#menuTabs li.hover {
	margin-left: 0px;
	margin-right: 0px;
	background: url('/images/layout/tabhover.png') repeat-x;
}
#menuTabs li.active {
	background-color: rgb(255,255,255);
}
#menuTabs li.current {
	border-width: 1px 1px 0px;
	border-style: solid;
	box-shadow: 0px -15px 6px rgb(219,225,232) inset;
	background-color: rgb(237,245,255);
	border-color: rgb(185,215,252);
	border-radius: 4px 4px 0px 0px;
	margin-left: 1px;
	margin-right: 1px;
}
#menuTabs li.active.current {
	box-shadow: 0px -15px 6px rgb(255,255,255) inset;
	background-color: rgb(237,245,255);
}

#menuTabs li.hover.current {
	/*border-color: rgb(244,208,83);
	background: rgb(253,228,138);
	box-shadow: 0px -15px 6px rgb(219,225,232) inset;*/
	box-shadow: 0px -15px 6px rgb(255,255,255) inset;
}

#menu {
	background: rgb(255,255,255) url('/images/layout/menu.png') repeat-x left bottom;
	position: relative;
	margin: 0px 16px;
	height: 81px;
	border-width: 1px;
	border-style: solid;
	border-radius: 2px 2px 0px 0px;
	padding: 2px 4px;
	z-index: 100;
	border-bottom-color: rgb(139,144,159);
}
#menu li a, #menu .label, #menu li.spacer, #menuTabs li, #productPanel .auto, #pageNav .button, #body .menu-popup, .buttons .button {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#menu input[type=text] {
	-webkit-touch-callout: text;
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

#menu, #menuTabs, #content, #menuUnder {
	position: relative;
	margin: 0px 4px;
}

#menu a {
	text-decoration: none;
}
#menu .strike {
	text-decoration: line-through;
}
#menu ul li.hover {
	background-color: rgb(235,241,250);
	border-top-color: rgb(218,224,235);
	border-bottom-color: rgb(218,224,235);
	cursor: pointer;
}
/*#menu, #menu ul li.active, #content, #stripMenu li {
	border-color: rgb(184,189,203);
}*/
#menu  ul, #menuTabs  ul, #body .menu-popup ul {
	list-style: none outside none;
	position: relative;
}
#menu .dropdown ul {
	display: none;
}
#menu > ul > li {
	display: inline-block;
	position: relative;
	height: 62px;
	vertical-align: top;
}
#menu ul li.icon {
	border: 1px none;
	margin: 1px;
}
#menu ul li.icon, #body .buttons li a, #body .radio-button {
	cursor: default;
	font-size: 11px;
}
#menu > ul > li.icon {
	width: 52px;
}
#menu ul li.spacer {
	width: 3px;
	height: 83px;
	background: url('/images/layout/menuspacer.png') no-repeat left top;
}
#menu ul li.spacerDouble {
	width: 3px;
	height: 61px;
	background: url('/images/layout/menuspacer-double.png') no-repeat left top;
}
/*
 * Selected blue border & background
 */
#menu .list li.selected > a, #menu .inline-dropdown.single .dropdown .selected, #menu ul li.active {
	border-width: 1px;
	border-style: solid;
	box-shadow: 0px -2px 6px rgb(255,255,255) inset;
	background-color: rgb(237,245,255);
	border-color: rgb(185,215,252);
}
#menu ul li.active {
	border-radius: 4px 4px;
	border-style: solid;
	margin: 0px;
}
/*
 * Hover orange border
 */
#menu > ul > li.enabled:hover, #menu ul li.dropdown.open, #body li.selectable:hover, #menu .list .enabled > a:hover, #menu .list ul li.ajax.open > a,
#menu .list .selected > a, #body .inline-dropdown.single li.selected:hover, #body .inline-dropdown.multi li.selected:hover, #body .buttons .enabled a:hover,
#body .buttons .selected a, #productLookupResults li:hover,
#body .radio-button:hover, #body .radio-button.selected {
	border-width: 1px;
	border-style: solid;
	border-color: rgb(244,208,83);
	border-radius: 4px 4px;
	margin: 0px;
}

/*
 * Hover orange background
 */
#menu > ul > li.enabled:hover, #body li.selectable:hover, #menu .list .enabled > a:hover, #body .fauxDropdown div.toggle:hover,
#calendarPicker .selectable:hover span, #body .buttons .enabled a:hover, #productLookupResults li:hover,
#body .radio-button:hover {
	box-shadow: 0px -2px 6px rgb(255,255,255) inset;
	background-color: rgb(253,228,138);
}
/*
 * Open orange background
 */
#menu ul li.dropdown.open, #menu ul li.inline-dropdown.open .toggle, #menu .list .enabled.open > a, #menu ul li.split.open a, #body .button.selected a,
#body .radio-button.selected {
	box-shadow: none;
	border-color: rgb(194,148,60);
	background-color: rgb(255,216,108);
}

/* Special bits for the split functionality */
#menu > ul > li.split:hover {
	box-shadow: none;
	background-color: inherit;
}
#menu > ul > li.split:hover a, #menu > ul > li.split.open a {
	margin: 0px;
	border-top: 1px solid rgb(244,208,83);
}
#menu > ul > li.split:hover a.top, #menu > ul > li.open a.top {
	border-top: 0px none;
}
#menu > ul > li.enabled.split a:hover, #menu > ul > li.split.open a {
	background-color: rgb(253,228,138);
	border-radius: 0px 0px 4px 4px;
}
#menu > ul > li.enabled.split a:hover {
	box-shadow: 0px -2px 6px rgb(255,255,255) inset;
}
#menu > ul > li.enabled.split.open a {
	box-shadow: none;
}
#menu > ul > li.enabled.split a.top:hover, #menu > ul > li.split.open a.top {
	border-radius: 4px 4px 0px 0px;
	background-image: inherit;
	background-repeat: no-repeat;
	background-position: inherit;
}
#menu > ul > li.split.open {
	background-color: transparent;
}
#menu ul li.split.open a.top {
	background-color: rgb(254,238,183);
	box-shadow: 0px -2px 6px rgb(244,208,83) inset;
}



#menu ul li .label {
	position: absolute;
	top: 33px;
	left: 0px;
	width: 100%;
}
#menu ul li.split .label {
	top: 0px;
}
#menu ul li > a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	cursor: default;
}
#menu ul li.split a {
	height: 29px;
	top: 32px;
	margin-top: 1px;
}
#menu ul li.split a.top {
	height: 33px;
	top: 0px;
	margin: 0px;
}

#menu ul li, #menu ul li > a, #body .menu-popup li {
	font-size: 11px;
	line-height: 14px;
}
#menu ul li, #menu ul li > a, #body .buttons .button a, .inline-dropdown .fauxDropdown, #body .menu-popup a {
	color: rgb(24,24,24);
}
#menu li.label {
	position: absolute;
	height: auto;
	text-align: center;
	bottom: 1px;
	color: rgb(102,102,102);
}
#menu .icon {
	background-repeat: no-repeat;
	background-position: center 0px;
}
#menu .list .icon > a {
	background-repeat: no-repeat;
	background-position: 2px 2px;
}
#menu .list .icon.disabled > a {
	background-position: 2px -22px;

}
#menu li.icon.disabled {
	background-position: center -68px;
}
#menu li.icon.disabled > a, #calendarPicker .otherMonth, #body .buttons .button.disabled a, #body .buttons.text li.disabled a, a.button.disabled {
	color: rgb(154,154,154);
}
#body li.unselectable, #body li.unselectable a {
	color: rgb(154,154,154);
}
#menu .right {
	float: right;
}

#menu .dropdown .label:after, #menu .list .dropdown > a:after, #menu .ajax > a:after {
	background: url('/images/layout/dropdown-arrow.png') no-repeat center center;
	content: '\00a0\00a0';
	width: 7px;
	height: 15px;
	margin-left: 4px;
}
#body .menu-popup .popout.selectable:after {
	background: url('/images/layout/dropdown-arrow-right.png') no-repeat center center;
	content: '\00a0\00a0';
	width: 4px;
	height: 19px;
	position: absolute;
	right: 3px
}
#body .menu-popup li.popout.selectable:hover:after {
	height: 17px;
}

#menu ul.menu {
	display: none;
}
#menu ul.menu.active {
	display: block;
}
/*
 * Dropdown box with rounded corners and drop shadow
 */
#menu .dropdown ul, #body .inline-dropdown > ul, #body .ajax-dropdown {
	background-color: rgb(255,255,255);
	position: absolute;
}
#menu .dropdown ul, #body .inline-dropdown > ul, #body .ajax-dropdown, #body .menu-popup ul {
	border-width: 1px;
	border-style: solid;
	box-shadow: 4px 4px 4px rgba(102,102,102, 0.5);
	padding: 1px;
	z-index: 200;
}
/*
 * The drop down line for "ticks"
 */
#menu .dropdown ul, #menu .ajax ul.dropdown, #menu .multi ul, #body .hasTick ul, #body .menu-popup ul {
	background-image: url('/images/layout/dropdown.png');
	background-repeat: repeat-y;
	border-radius: 4px 4px;
	margin-top: 1px;
}
#body .menu-popup {
	position: absolute;
}

#body .menu-popup ul {
	border-radius: 2px 2px;
	min-width: 130px;
	background-color: rgb(255,255,255);
}
#body .menu-popup ul ul {
	left: 100%;
	top: 0px;
	margin-left: -2px;
	position: absolute;
	display: none;
}
#body .menu-popup li.selectable:hover > ul {
	display: block;
}
#body .inline-dropdown.multi ul, #body .inline-dropdown.hasTick ul, #body .menu-popup ul {
	background-position: -5px 0px;
}
#body .inline-dropdown > ul {
	border-radius: 2px 2px;
	display: none;
}
#menu .ajax-dropdown {
	border-radius: 4px 4px;
	overflow: hidden;
}
#body .ajax-dropdown ul {
	display: block;
	position: relative;
}
#menu > ul > .dropdown ul {
	margin-top: 0px;
	top: 63px;
}

#menu .list li, #body .menu-popup li {
	width: auto;
	white-space: nowrap;
	display: block;
	cursor: default;
	position: relative;
}
#menu .dropdown li {
	width: auto;
	white-space: nowrap;
	display: block;
	height: 19px;
	line-height: 19px;
	padding: 3px 4px 3px 29px;
	margin: 0px 1px;
	cursor: default;
	text-align: left;
}
#menu .dropdown li a {
    text-align: left;
    width: auto;
    height: auto;
    line-height: 19px;
}

#menu .ajax-dropdown .indent1 { padding-left: 45px; }
#menu .ajax-dropdown .indent2 { padding-left: 61px; }
#menu .ajax-dropdown .intent3 { padding-left: 77px; }
#menu .ajax-dropdown .indent4 { padding-left: 93px; }

#body .inline-dropdown .dropdown li {
	padding: 1px 3px 1px 1px;
}
#body li.inline-dropdown {
	width: auto;
	white-space: nowrap;
	display: block;
	border: 1px solid;
}
#body div.inline-dropdown {
	width: auto;
	white-space: nowrap;
	display: inline-block;
}
#body .inline-dropdown li, #body .menu-popup li {
	padding: 1px;
}
#body .inline-dropdown li, #body .inline-dropdown.hasTick li.selected, #body .menu-popup li {
	height: 16px;
	line-height: 16px;
	margin: 0px 1px;
}

#body .inline-dropdown li.indent0, #body .menu-popup li { padding-left: 22px; }
#body .inline-dropdown li.indent1 { padding-left: 36px; }
#body .inline-dropdown li.indent2 { padding-left: 50px; }
#body .inline-dropdown li.intent3 { padding-left: 64px; }
#body .inline-dropdown li.indent4 { padding-left: 78px; }



#menu ul .list li > a {
	text-align: left;
	position: relative;
	display: inline-block;
	width: auto;
	padding: 0px 4px 0px 23px;
	margin: 0px 1px;
	height: 20px;
	line-height: 20px;
}

#menu .triple > ul > li, #menu ul .triple li > a, #menu ul .double li > a {
	height: 20px;
	line-height: 20px;
}
#menu .double > ul > li {
	height: 30px;
	line-height: 30px;
}

#menu .unintialized ul, #body .fauxDropdown {
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	box-shadow: none;
	border-width: 1px;
	border-style: solid;
	background-color: rgb(255,255,255);
	border-radius: 0px 0px;
	margin-top: 0px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 1px 14px 1px 1px;
}
#menu .unintialized li {
	height: 20px;
	line-height: 18px;
	margin: 0px;
}
#menu .unintialized li.selectable:hover {
	border: 0px none;
	background-color: inherit;
	box-shadow: none;
}

#body .fauxDropdown {
	position: relative;
	vertical-align: bottom;
}
#body .fauxDropdown .value {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: left;
}
#body .fauxDropdown .toggle {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 12px;
	height: 100%;
	border-left-width: 1px;
	border-left-style: solid;
	border-color: rgb(255,255,255);
	background: rgb(255,255,255) url('/images/layout/dropdown-arrow.png') no-repeat center center;
}
#body .fauxDropdown:hover .toggle {
	background-color: rgb(234,234,234);
}

#body .disabled .fauxDropdown:hover .toggle {
	background-color: inherit;
	box-shadow: none;
	border-color: rgb(255,255,255);
}


#menu .dropdown li.selected {
	background-image: url('/images/layout/dropdown-selected.png');
	background-repeat: no-repeat;
	background-position: 1px 2px;
}
#body .inline-dropdown.single li.selected {
	background-image: none;
}
#body .menu-popup li {
	background-position: 1px 0px;
	background-repeat: no-repeat;
}
#body .inline-dropdown.multi li.selected, #body .inline-dropdown.hasTick li.selected {
	background-image: url('/images/layout/dropdown-selected-small.png');
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 1px 2px;
	border: 0px none;
	box-shadow: none;
}
#body .inline-dropdown.single li.selected {
	border-radius: 4px 4px;
}
#body .inline-dropdown.single .ajax-dropdown .selected {
	margin: 0px;
}
#body .inline-dropdown.hasTick ul li.selected {
	margin: 0px 1px;
	border: 1px solid transparent;
}

#body .dropdown li.selectable:hover, #body .menu-popup li.selectable:hover {
	height: 17px;
	line-height: 17px;
	background-position: 1px 1px;
}
#body .inline-dropdown.single .dropdown li.selected:hover {
	background-color: transparent;
}
#body .menu-popup li {
	height: 19px;
	line-height: 19px;
	background-position: 1px 2px;
}
#body .menu-popup li.line {
	height: 1px;
	border-bottom: 1px dashed;
	margin-left: 22px;
	margin-bottom: 1px;
}
#body .inline-dropdown li.selectable:hover, #body .inline-dropdown.single .ajax-dropdown .selected {
	height: 14px;
	line-height: 14px;
	background-position: 1px 1px;
}
#body .inline-dropdown.single .selected {

}

#menu .triple li > a:hover, #menu .triple .open > a, #menu .triple .selected > a {
	height: 18px !important;
	line-height: 18px !important;
	background-position: 2px 1px;
}
#menu .triple .disabled > a:hover {
	background-position: 2px -23px;
}
#menu .double .disabled > a:hover {
	background-position: 2px -22px;
}

#body .buttons ul li {
	display: inline-block;
	text-align: center;
	border-bottom: 0px none;
}

#menu li.buttons li a, #pageNav .button a, #body .icon.text, .tools .buttons li a, .panel .buttons li a, .ajaxPanel .buttons li a, .ajaxPanel .buttons li a, #body .radio-button, .messageBox .buttons li a {
	display: inline-block;
	height: 20px;
	border-width: 0px;
	border-style: solid;
	border-radius: 4px 4px;
	margin: 1px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
}
#body .buttons.stacked ul li, #body ul.stacked li {
    display: block;
}
#menu li.buttons li a.button, #pageNav .button a, #body .icon.text, .tools .buttons li a, .panel .buttons li a {
	width: 21px;
	padding: 0px;
}
#body .buttons li.disabled a.button, #body .buttons li.disabled a.button:hover, div.buttons li.disabled a, a.button.disabled {
	background-position: 2px -32px;
}
#body .buttons.text li a, #body .icon.text {
	width: auto;
	padding: 0px 4px 0px 22px;
}
#body .buttons.noText li a {
    width: auto;
    padding: 0px 0px 0px 20px;
}
#body .buttons.noIcon li a, #body .buttons.noIcon li.selected a, #body .radio-button {
    padding: 0px 4px;
    color: rgb(51,51,51);
}
a.button {
    background-position: 2px 2px;
    background-repeat: no-repeat;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    margin: 0px 1px;
    padding: 0px 4px 0px 23px;
    color: rgb(24,24,24);
    font-size: 11px;
    cursor: default;
}

#menuUnder {
	height: 4px;
	background: rgb(233,237,241) url('/images/layout/menuunder.png') repeat-x;
	border-width: 0px 1px;
	border-style: solid;
	z-index: 1;
}


#menuDetach {
	position: absolute;
	right: 4px;
	top: 4px;
	z-index: 1000;
}
#menuDetach ul {
	list-style: none outside none;
}
#menuDetach li {
	display: inline-block;
	width: 32px; height: 32px;
	padding: 2px;
	overflow: hidden;
	background: url('/images/layout/menu.png') repeat-x left bottom;
	border: 1px solid rgb(139,144,159);
	border-radius: 3px 3px;
}
#menuDetach span.label {
	display: none;
}
#menuDetach a {
	display: block;
	width: 32px; height: 32px;
	background-position: center center;
	background-repeat: no-repeat;
}

#content {
	/*height: 100%;*/
	border-width: 0px 1px 1px;
	border-style: solid;
	background-color: rgb(255,255,255);
	padding: 8px 11px;
	position: relative;
}

div.messageWrapper {
	width: 100%;
	height: auto;
	position: fixed;
	margin: 0px auto;
	bottom: 0px;
}
#MessageBox {
	width: 780px;
	height: auto;
	margin: 0px auto;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: rgb(0,0,0);
	background-color: rgb(255,255,255);
}

#overlay, div.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: rgb(240,240,240);
	z-index: 9999;
}

/*
 * Basic Styles for the alert boxes
 */
#PopupBox, #MessageBox {
	background: rgb(85,134,230) url('/images/layout/popupbox.png') repeat-x top left;
	border-style: solid;
	border-color: rgb(0,0,0);
}
#PopupBox .edge, #MessageBox .edge {
	position: relative;
	height: 100%;
	border-style: solid;
	border-color: rgb(206,220,247) rgb(32,203,225) rgb(32,203,225) rgb(206,220,247);
}
#PopupBox .inner, #MessageBox .inner {
	border: 1px solid rgb(181,201,241);
}
#PopupBox #PopupInner, #MessageBox #MessageInner {
	position: relative;
	background-color: rgb(255,255,255);
	border: 1px solid rgb(49,70,112);
	padding: 3px 5px;
}


#PopupBox {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 500px;
	min-height: 100px;
	height: auto;
	z-index: 10000;
	border-width: 1px;
	border-radius: 4px 4px;
}
#PopupBox #PopupHeader {
	height: 25px;
	cursor: move;
	position: relative;
}
#PopupBox .edge {
	border-width: 1px;
	border-radius: 4px 4px;
}
#PopupBox #PopupInner {
	height: 180px;
}
#PopupBox #PopupClose {
	position: absolute;
	top: -6px;
	right: -2px;
	width: 54px;
	height: 28px;
	background: url('/images/layout/popupclose.png') no-repeat center center;
	cursor: pointer;
}
#PopupBox #PopupClose:hover {
	background-image: url('/images/layout/popupclose-hover.png');
}

#copyright {
	width: 100%;
	/*margin: 20px auto 0px;*/
	font-size: 0.8em;
	position: relative;
	bottom: 0px;
	text-align: center;
}
#copyright .copyright {
	/*float: left;
	margin-left: 230px;*/
}
#copyright .version {
	float: right;
	margin-right: 230px;
}


#content h2 {
	font-size: 18px;
	margin: 0px 0px 0.8em;
}
#content p {
	margin: 0px 0px 0.6em;
}



#content table {
	background-color: rgb(255,255,255);
	border-collapse: separate;
	border-radius: 4px 4px;
	border-spacing: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(202,202,202);
	margin: 0px;
	table-layout: auto;
	width: 100%;
}
#content table thead tr th, table tfoot tr th {
	background: rgb(223,223,223) url('/images/layout/tabletop.gif') repeat-x top left;
	color: rgb(51,51,51);

}
#content table .check-column {
	padding: 0px;
	width: 2.2em;
}
#content table tbody .check-column {
	padding: 7px 0px 22px;
}
#content table td, #content table th {
	border-bottom: 1px solid;
	border-color:  rgb(223,223,223);
	font-size: 11px;
	overflow: hidden;
	vertical-align: text-top;
}
table td[rowspan], table th[rowspan] {
	vertical-align: middle;
}
#content table th {
	line-height: 1.3em;
	padding: 7px 8px 8px;
	text-align: left;
	text-shadow: 0px 1px rgba(255,255,255,0.8);
}
#content table th.check-column input {
	margin: 0px 0px 0px 8px;
	padding: 0px;
	vertical-align: text-top;
	cursor: pointer;
}
#content table td {
	padding: 7px 7px 5px;
	vertical-align: top;
}
#content table .even {
	background-color: rgb(235,241,250);
}



.fauxButton, #pageNumbers input, .ine-root input[type=submit], input[type=button], input[type=submit], button {
	display: inline-block;
	border: 1px solid rgb(102,102,102);
	padding: 1px 7px;
	cursor: pointer;
	font-size: 10px;
}


#pageNumbers {
	width: 170px;
	height: 19px;
	position: relative;
	margin-bottom: 3px;
}
#pageNumbers .numbers {
	height: 19px;
	margin: 0px 25px;
	position: relative;
	overflow: hidden;
}
#pageNumbers .scroller {
	position: absolute;
	height: 19px;
	white-space: nowrap;
	left: 0px;
}
#pageNumbers input {
	width: 20px;
	height: 19px;
	padding: 1px 0px;
	text-align: center;
}
#pageNumbers input.selected {
	border-color: rgb(33,117,155);
	color: rgb(33,117,155);
	font-weight: bold;
}
#pageNumbers .pageNumber {
	position: absolute;
	left: 174px;
	height: 20px;
	text-align: left;
	font-size: 10px;
	white-space: nowrap;
}
label.searchBox {
	position: absolute;
	font-size: 10px;
	right: 3px;
	top: 0px;
}
label.searchBox input.search {
	width: 250px;
}

.buttonHolder {
	text-align: center;
}
.buttonHolder button {
	margin: 5px 4px 0px;
}

input.error {
	background-color: rgb(240,154,154);
}


div.line {
	padding-bottom: 5px;
}
div.line input, div.line select {
	font-size: 14pt;
	width: 65%;
}

div.line input[type=radio], div.line input[type=checkbox], div.line input[type=button] {
	width: auto;
}
div.line label {
	display: inline-block;
	width: 30%;
}
div.line span.text {
	font-size: 0.8em;
}



.finance:before {
	content: "\00a0\00a3\00a0";
	font-size: 1.2em;
	float: left;
	line-height: 1.4em;
}
.fauxForm span.finance:before, .panel.view span.finance:before {
	content: "\00a3\00a0";
}
.finance, .fauxFinance, .mono {
	font-family: monospace;
}
.finance, .fauxFinance {
    text-align: right;
    padding-right: 5px;
}
span.finance:before {
	margin-right: 5px;
}
span.finance, span.fauxFinance {
	display: inline-block;
	min-width: 90px;
}
.report td, .report th {
	padding-right: 5px;
}
.report .g {
	background-color: rgb(242,242,242);
}

#calendarWrapper {
	padding: 2px;
}
#calendarPicker {
	font-size: 11px;
	line-height: 12px;
	border-collapse: collapse;
	width: 168px;
}
#calendarPicker th {
	font-weight: normal;
}
#calendarPicker th, #calendarPicker td {
	text-align: right;
}
#calendarPicker thead th {
	text-align: center;
}
#calendarPicker tbody th {
	width: 21px;
	padding-right: 5px;
}

#calendarPicker tbody td span {
	display: block;
	height: 15px;
	line-height: 17px;
	padding-right: 5px;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px 3px;
	border-color: rgb(255,255,255);
}
#calendarPicker.months tbody td span {
	height: 27px;
	line-height: 29px;
	padding-right: 0px;
	text-align: center;
}
#calendarPicker tr {
	height: 18px;
}
#calendarPicker.months thead tr {
	height: 25px;
	border-bottom: 1px solid rgb(245,245,245);
}
#calendarPicker.months tbody tr {
	height: 30px;
}
#calendarPicker tr.days {
	height: auto;
	border-bottom: 1px solid rgb(245,245,245);
}

#calendarPicker td.hasEOD span {
	box-shadow: 0px 1px 6px rgb(255,255,255) inset;
	background-color: rgb(245,249,255);
	border-color: rgb(185,215,252);
}
#calendarPicker td.selected span {
	border-color: rgb(0,102,204);
	background-color: rgb(222,237,255);
	color: rgb(0,102,204);
}
#calendarPicker tr.selected span {
	border-style: dotted;
	background-color: rgb(245,245,245);
	color: rgb(0,102,204);
}
#calendarPicker tr.selected .hasEOD span {
	border-style: solid;
}
#calendarPicker .nav a {
	display: block;
	width: 100%;
	height: 17px;
	line-height: 17px;
}
#calendarPicker .navPrev a {
	background: url('/images/icons/prev.png') no-repeat center center;
}
#calendarPicker .navNext a {
	background: url('/images/icons/next.png') no-repeat center center;
}
#calendarPicker .navHome a {
	color: rgb(0,0,0);
}
#calendarPicker .navHome a:hover {
	color: rgb(0,102,204);
}

.scrollBar {
	width: 17px;
	position: absolute;
	right: 1px;
	height: 100%;
	top: 1px;
	background: url('/images/layout/scrollbar-back.png') repeat-y;
}
.scrollBar .scrollUp, .scrollBar .scrollDown {
	position: absolute;
	left: 1px;
	width: 15px;
	height: 17px;
	background-repeat: no-repeat;
	background-position: top left;
	z-index: 9999;
}
.scrollBar .scrollUp {
	top: 1px;
	background-image: url('/images/layout/scrollbar-up.png');
}
.scrollBar .scrollDown {
	bottom: 1px;
	background-image: url('/images/layout/scrollbar-down.png');
}
.scrollBar .scrollHolder {
	position: relative;
	top: 0px;
	left: 0px;
	width: 15px;
	margin: 18px 1px;
}
.scrollBar .scrollHandle {
	position: relative;
	width: 15px;
	background: url('/images/layout/scrollbar-handle.png') no-repeat center center;
	border-style: solid;
	border-color: rgb(182,186,191);
	border-width: 1px 0px;
	border-radius: 2px 2px;
}
.scrollBar .scrollHandle.down {
	background: url('/images/layout/scrollbar-handle-down.png') no-repeat center center;
}




.panel {
	position: fixed;
	height: 80%;
	left: 100px;
	top: 10%;
	z-index: 10000;
	display: none;
}
.panel .locker {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgb(255,255,255);
	z-index: 1;
}
.panel, .panel .locker, .panel .messagePanel {
	border-radius: 8px 8px;
}
.panel,.panel .messagePanel {
	border: 1px solid rgb(244,244,244);
	box-shadow: 4px 4px 4px rgba(102,102,102, 0.5);
	background-color: rgb(255,255,255);
}
.form, .panel, .panel .messagePanel, .tools {
	font-size: 11px;
}
.form {
	padding: 0px 12px;
}
.panel .messagePanel {
	display: none;
	position: absolute;
	left: 30%;
	top: 30%;
	width: 40%;
	min-height: 40%;
	max-height: 90%;
	z-index: 2;
}
.panel .messagePanel.large {
	left: 20%;
	width: 60%;
}
.panel ul, .ajaxPanel ul, .subscriptionPanel ul {
	list-style: none outside none;
}
#productLookup {
	width: 759px;
}
#productPanel {
	width: 600px;
	height: 318px;
}
.panel h2 {
	margin-bottom: 0.65em;
}
.panel .inner {
	position: relative;
	padding: 10px 15px;
}
.panel .buttons, .ajaxPanel .buttons, .subscriptionPanel .buttons {
	display: inline-block;
}
.panel .tools {
	position: absolute;
	bottom: 0px;
	padding: 0px 15px 10px;
}
.form .tools .panel .messagePanel .tools {
	z-index: 1;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}
.panel .messagePanel .buttons {
	padding: 0px 15px;
	display: block;
	text-align: center;
}
.form .tools {
	padding: 15px;
	text-align: left;
}
#productLookupResults, #productPanelResults {
	overflow: auto;
}

.panel input[type=text], #menu input[type=text], .panel select, .form input[type=text], .form input[type="password"], .form select, .form textarea {
	border-radius: 0px 0px;
}
#menu .search input {
	width: 150px;
}
#productLookup .sku, #productPanel .sku {
	font-family: monospace;
	width: 175px;
	display: inline-block;
}
#productPanel .sku {
	font-size: 11px;
}
#productLookup .description {
	width: 350px;
	display: inline-block;
}
#productLookup .price {
	width: 91px;
}
#productLookupResults li {
	height: 22px;
	line-height: 20px;
	padding-left: 1px;
	display: block;
	cursor: default;
}
#productLookupResults .buttonCollector {
	display: inline-block;
	float: none;
	padding-right: 0px;
}

#productLookupResults li a.enabled:hover, #productLookupResults ul[data-default=view] li.hoverDefault .view, #productLookupResults ul[data-default=select] li.hoverDefault .select, #productLookupResults ul[data-default=edit] li.hoverDefault .view {
	background-position: 2px -22px;
	box-shadow: 0px 1px 1px rgb(194,148,60) inset;
}
#productLookupResults li a.disabled {
	background-position: 2px -46px;

}
 #productLookupResults .hideDisabled li a.disabled {
	display: none;
}
#productLookupResults li:hover {
	border-width: 1px;
	border-style: dashed;
	border-radius: 3px 3px;
	height: 20px;
	line-height: 20px;
	padding-left: 0px;
}
#productLookupResults li:hover a {
	margin-top: 0px;
}

#productPanel .lab {
	font-size: 11px;
}
#productPanel .label {
	display: inline-block;
	text-align: right;
	width: 145px;
	font-weight: bold;
	padding-right: 5px;
}
#productPanel span.value {
		display: inline-block;
}
#productPanel .value {
	text-align: right;
	width: 100px;
}
#productPanel td.finance:before {
	font-size: 1em;
	line-height: 1em;
	margin-top: 3px;
}

#productPanel .value span {
	display: inline;
	padding: 0px;
}
.panel .column {
	width: 49%;
	float: left;
}


.panel h3 {
	font-size: 12px;
	text-align: center;
	border-bottom: 1px solid rgb(154,154,154);
	margin: 0px 15px 5px;
}
.messagePanel h3 {
	margin-top: 8px;
}
.messagePanel > .text {
	position: relative;
	font-size: 11px;
	line-height: 13px;
	overflow: hidden;
	margin: 0px 15px 36px;
}

#body .messagePanel .tools .ok a {
	padding: 0px 22px;
}

.purchaseHistory span {
	vertical-align: middle;
	display: inline-block;
}
.purchaseHistory .header span {
	text-align: center;
	font-weight: bold;
}
.purchaseHistory .date, .productMovement .date {
	width: 75px;
	text-align: center;
}
.purchaseHistory .supplier, .productMovement .item {
	width: 250px;
	max-width: 250px;
}
table.productMovement {
	border-collapse: collapse;
}
.productMovement tr {
	border-bottom: 1px solid rgb(219,222,225);
}
.productStock .location {
	width: 150px;
	max-width: 150px;
}

.purchaseHistory .qty, .productStock .qty, .productMovement .qty, .productMovement th.location {
	width: 50px;
	text-align: center;
	padding-right: 5px;
}
.purchaseHistory .paid, .productStock .value {
	width: 90px;
	padding-right: 5px;
}

#productPanel .tools .button, .new span.change, .edit span.new {
	display: none;
}

#productPanel .buttons .close, #productPanel .buttons .ok,
#productPanel.edit .save, #productPanel.edit .undo,
#productPanel.new .save, #productPanel.new .saveSimilar, #productPanel.new .saveNew,
#productPanel.stockadjust .adjust, #productPanel .updown li, #productPanel.stockadjust .alterStock,
#productPanel.stocktransfer .transferStock
{
	display: inline-block;
}

#productPanel th {
	text-align: left;
}

.form label, #productPanel label {
	width: 150px;
}
.form .indent {
	padding-left: 168px;
}

.form input[type=text], .form input[type="password"], #productPanel input[type=text] {
	width: 175px;
	text-align: left;
}
.form select, #productPanel select {
	display: inline-block;
	height: 19px;
}
#productPanel.stocktransfer div.location {
	width: 33%;
	float: left;
	text-align: center;
}
#productPanel.stockTransfer div strong {
	display: block;
	font-size: 1.1em;
}
#productPanel .location label, #productPanel .transfer label {
	display: block;
	width: auto;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#productPanel .changed .transfer label:after {
	display: none;
}
#productPanel .holding {
	font-weight: bold;
	border: 1px solid rgb(204,204,204);
	display: inline-block;
	width: 45px;
	height: 30px;
	line-height: 30px;
	margin-top: 5px;
	color: rgb(178,178,178);
}
#productPanel .changed .holding {
	color: rgb(51,51,51);
}
#productPanel .transfer {
	width: 34%;
	float: left;
}
#productPanel.stockTransfer .fauxForm {
	clear: both;
}
#productPanel input[name=price], #productPanel input[name=new_stock] {
	width: 93px;
}
#productPanel input[name=transfer] {
	width: 60px;
	text-align: center;
}
#productPanel input.barcode {
	min-width: 95px;
	width: 95px;
}
#productPanel .barcodes > li, #productPanel .updown {
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
}
#productPanel.stocktransfer .updown {
	margin: 5px auto 0px;
}
#productPanel .barcodes {
	width: 400px;
	display: inline-block;
	margin-top: 2px;
}
#productPanel .barcodes input {
	vertical-align: top;
}
#productPanel .barcode.auto {
	color: rgb(102,102,102);
	font-style: italic;
}
#productPanel .barcodes li.changed input {
	border-color: rgb(0,102,0);
}
#productPanel .barcodes li.deleted input {
	border-color: rgb(102,0,0);
	text-decoration: line-through;
	color: rgb(154,0,0);
}

#productPanel textarea {
	width: 390px;
	max-width: 390px;
	font-size: 1em;
}


/*********************
 * Generic form bits
 *********************/
#body div > label {
	display: inline-block;
	text-align: right;
	padding-right: 5px;
	margin-right: 10px;
	position: relative;
	vertical-align: top;
}

#body .changed label:after, #body .required label:after {
	content: "*";
	font-size: 14px;
	margin-left: 4px;
	position: absolute;
}
#body .required label:after {
	color: rgb(102,0,102);
}
#body .changed label:after {
	color: rgb(0,102,0);
}


#body .fauxForm div.inline-dropdown {
	margin-top: 2px;
}


input.validation-failed, select.validation-failed, div.validation-failed input, div.validation-failed select, div.inline-dropdown.validation-failed, .ulTableForm select.validation-failed {
	border-color: rgb(240,0,0);
}
.error, input.validation-failed, select.validation-failed, div.validation-failed input, div.validation-failed select, div.inline-dropdown.validation-failed .fauxDropdown {
	background-color: rgb(255,225,225) !important;
}




/**
 * Anything below is custom for the portal
 */
#menu .menu-publications {
	position: absolute;
	top: 0px;
	right: 10px;
}
#bookingForm legend {
	font-size: 13px;
	font-weight: bold;
}

.ulTable, .ulTableForm {
	font-size: 11px;
	list-style: none outside none;
	position: relative;
}
.ulTable li, .ulTableForm li {
	font-size: 0px;
	white-space: nowrap;
}
.ulTable li, .ulTable td, .ulTable th {
	border-bottom: 1px solid rgb(219,222,225);
}
.ulTableForm li {
	padding-bottom: 1px;
}
.ulTable .title {
	height: 23px;
}
.ulTable .title span, .ulTable thead th {
	padding: 3px 4px;
}
.ulTable li > span, .ulTable li div > span, .ulTableForm li > span {
	display: inline-block;
	font-size: 11px;
	line-height: 17px;
	overflow: hidden;
	padding: 0px 3px;
	white-space: nowrap;
	vertical-align: top;
}
body #content table.ulTable th, body #content table.ulTable td {
    font-size: 11px;
    line-height: 17px;
    overflow: hidden;
    padding: 0px 3px;
    white-space: nowrap;
    vertical-align: top;
}
.ulTable li > div {
	border: 1px dotted rgb(255,255,255);
	cursor: default;
}
.ulTable .editable {
	border: 1px dotted rgb(255,255,255);
	cursor: default;
}
.ulTable .editable:hover, .ulTable li > div:hover {
	border-color: rgb(0,0,0);
}
.ulTable .editing, .ulTable .editing:hover {
	border-color: rgb(255,255,255);
	border-width: 0px 1px;
	padding: 0px 1px;
	position: relative;
	top: 0px;
}

.ulTable .editable input {
	background-color: rgb(255,255,255);
	border: 1px solid;
	font-size: 11px;
	margin: 0px;
	padding: 1px 0px 0px;
	width: 98%;
	position: relative;
	font-family: inherit;
}
/* This handles the various heights */
.ulTable li, .ulTable li > span, .ulTable li div > span, .ulTable .editing, .ulTable .editing:hover {
	height: 18px;
}
.ulTable li > div, .ulTable .editable {
	height: 16px;
}
.ulTable .editable input, .ulTableForm  input {
	height: 17px;
}
.ulTableForm select {
	height: 17px;
}
.ulTableForm input, .ulTableForm select, .ulTableForm textarea {
	margin: 0px;
	padding: 0px 3px;
	border: 1px solid rgb(204,204,204);
	border-radius: 0px;
	box-sizing: border-box;
}

.ulTableForm li,.ulTableForm li > span {
	height: 20px;
}
.ulTableForm .title {
	width: 110px;
	text-align: right;
	font-weight: bold;
	margin-right: 7px;
}
.ulTableForm .required .title:after, .ulTableForm .changed .title:after {
	content: "*";
	font-size: 14px;
	margin-left: 3px;
	position: absolute;
	font-weight: normal;
}


div.ajaxPanel {
	border-radius: 3px;
	padding: 5px 7px;
	border: 1px solid rgb(54,54,54);
	box-shadow: 4px 4px 4px rgba(102,102,102, 0.5);
	background-color: rgb(255,255,255);
	position: relative;
}
div.ajaxPanel, div.ajaxPanel input, div.ajaxPanel select,
div.ajaxPanel, div.ajaxPanel input, div.ajaxPanel select {
	font-size: 11px;
}
.ajaxPanel h2, .ajaxPanel h3, .ajaxPanel h2, .ajaxPanel h3 {
	margin-bottom: 0.5em;
}
.ajaxPanel .required .title:after, .ajaxPanel .required .title:after {
	color: rgb(102,0,102);
}
.ajaxPanel .changed .title:after, .ajaxPanel .changed .title:after {
	color: rgb(0,102,0);
}



/* Special settings for the booking panel */
div.bookingPanel {
	width: 1340px; /* Must be in pixels */
	height: 720px; /* Must be in pixels */
}
.bookingPanel .details input {
    width: 250px;
}
.bookingPanel #publications thead th {
    font-weight: normal;
    font-size: 8px;
    color: rgb(154,154,154);
    width: 15px;
}
.bookingPanel #publications tbody td {
    text-align: center;
    font-size: 9px;
    width: 15px;
    max-width: 15px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    line-height: 0px;
}
.bookingPanel #publications tbody td[data-id], .bookingPanel #publications tbody td[data-generic], .bookingPanel tbody td[data-copyto] {
    border-right: 1px solid rgb(204,204,204);
    cursor: pointer;
}
.bookingPanel #publications tbody td span.b {
    border: 1px solid rgb(204,204,240);
    position: relative;
    background-color: rgb(255,255,255);
    z-index: 1;
    display: inline-block;
    min-width: 99%;
    height: 44px;
}
.bookingPanel #publications tbody span.ref {
    display: block;
    line-height: 11px;
}
.bookingPanel .publications tbody th {
    height: 46px;
}
.bookingPanel #publications tbody span.items span, .bookingPanel .summary tbody td span {
    border: 1px solid rgb(204,204,204);
    display: inline-block;
    min-width: 13px; height: 12px; line-height: 12px;
    margin-right: 2px;
}
.bookingPanel .summary .size select {
	cursor: pointer;
	-webkit-appearance: initial;
	margin: 0px;
	padding: 0px;
	border-radius: 0px;
	text-align: center;
}
.bookingPanel .summary .size option {
	text-align: center;
}
.bookingPanel #publications tbody .items span.ed, .bookingPanel .summary tbody span.ed, .bookingPanel .summary select.ed {
    background-color: rgb(153,204,153);
}
.bookingPanel #publications tbody .items span.ad, .bookingPanel .summary tbody span.ad, .bookingPanel .summary select.ad {
    background-color: rgb(153,204,255);
}
.bookingPanel #publications tbody td:hover[data-id], .bookingPanel #publications tbody td:hover[data-generic], .bookingPanel #publications tbody:td:hover[data-copyto] {
    overflow: visible;
}
.bookingPanel #publications tbody td:hover[data-id] span.b, .bookingPanel #publications tbody td:hover[data-generic], .bookingPanel #publications tbody td:hover[data-copyto] {
    background-color: rgb(255,255,255);
}
.bookingPanel #publications .editable tbody td:hover[data-id] span.b, .bookingPanel #publications .editable tbody td:hover[data-generic] span.b, .bookingPanel #publications .editable tbody td:hover[data-copyto] span.b {
    background-color: rgb(205,255,204);
}
.bookingPanel #publications tbody td:hover span.b {
    z-index: 100;
}
.bookingPanel #publications tbody td.selected, .bookingPanel tbody td.selected span {
    border-color: rgb(102,204,102);
}
.bookingPanel tbody td.selected span {
    background-color: rgb(205,255,204);
}
.bookingPanel tbody th {
    /*white-space: nowrap;*/
	width: 88px;
}

.bookingPanel .adTools {
    position: absolute;
    right: 0px;
    top: 0px;
}
.bookingPanel div.publications {
    float: left;
}
.bookingPanel div.calendar {
    width: 663px;
	/*width: 500px;*/
    overflow: auto;
    float: left;
}
.bookingPanel div.calendar table {
    width: 1024px;
}
.bookingPanel div.summary {
    position: absolute;
    right: 0px;
    top: 95px;
    width: 550px;
    height: 616px;
    border: 1px solid rgb(204,204,240);
    overflow: auto;
}
.bookingPanel div.summary table {
    width: 100%;
}
.bookingPanel div.summary table th {
    text-align: left;
}
.bookingPanel div.summary input {
    width: 55px;
}
.bookingPanel .totalCost.calculated .input {
    padding-right: 21px;
    background-image: url('/images/icons/calculate.png');
    background-repeat: no-repeat;
    background-position: 100% 1px;
}
.bookingPanel #publications thead th.current {
    font-weight: bold;
    font-size: 10px;
    color: rgb(102,102,102);
}
.bookingPanel #publications ul {
    clear: both;
}
.bookingPanel #publications ul li {
    display: inline-block;
    padding: 4px 6px;
    font-size: 14px;
    border: 1px solid rgb(102,102,102);
}
.bookingPanel .details {
    width: 800px;
}
.bookingPanel select[name=deadline] {
    font-family: monospace;
    font-size: 10.5px;
}
.bookingPanel .details li {
    display: inline-block;
    width: 385px;
}
.bookingPanel .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    overflow: hidden;
    background-position: 0px 0px;
}
.bookingPanel .notes { /* The actual TD */
    padding-left: 4px;
    padding-top: 2px;
}
.bookingPanel .note {
    background-image: url('/images/icons/booking-note.png');
}
.bookingPanel .tools {
    padding: 0px 4px;
}
.bookingPanel .remove {
    background-image: url('/images/icons/booking-remove.png');
    background-position: 0px 1px;
}
.bookingPanel .notes {
    white-space: nowrap;
}

.bookingPanel .editable .note {
	background-position: 0px -32px;
}
.bookingPanel .editable .note.hasNote {
	background-position: 0px -48px;
}

.bookingPanel .hasNote {
    background-position: 0px -16px;
}

.contactList tbody span {
    background-color: rgb(255,255,153);
}
.contactList h2, .noteBox h2 {
    font-weight: normal;
    font-size: 16px;
    color: rgb(0,110,18);
    margin-bottom: 2px;
}
.contactList .found {
    color: rgb(0,102,204);
}
.contactList p {
    margin-bottom: 4px;
}
.contactList .company {
    width: 250px;
}
.contactList .name {
    width: 200px;
}
.contactList .type {
    width: 100px;
}
.contactList .areamanager {
    width: 125px;
}


.table-sortable {
    /*border-collapse: collapse;*/
    border-spacing: 0px;
}
.table-sortable thead th {
	font-weight: normal;
	text-align: left;
	color: rgb(76,96,122);
	border-width: 1px;
	border-style: solid;
	border-color: rgb(214,229,245) rgb(214,229,245) rgb(255,255,255) rgb(255,255,255);
}
.table-sortable thead th div {
	outline-width: 1px;
	outline-color: rgb(255,255,255);
	outline-style: solid;
	margin: 1px;
}
.table-sortable thead th:last-child {
	border-right-width: 0px;
}
.table-sortable thead th div {
	padding: 2px 3px;
}
.table-sortable thead th:hover {
	border-color: rgb(214,229,245) rgb(214,229,245) rgb(227,232,238) rgb(227,232,238);
	background: #f3f8fd; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjhmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmYzZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f3f8fd 0%, #eff3f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f8fd), color-stop(100%,#eff3f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f3f8fd 0%,#eff3f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f3f8fd 0%,#eff3f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f3f8fd 0%,#eff3f9 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f3f8fd 0%,#eff3f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f8fd', endColorstr='#eff3f9',GradientType=0 ); /* IE6-8 */
}
.table-sortable th.table-th-sort div {
	background-image: url('/images/layout/sort.png');
	background-repeat: no-repeat;
	background-position: 50% 0px;
}
.table-sortable th.table-th-sort-rev div {
	background-image: url('/images/layout/sort-rev.png');
}
.table-sortable tbody td {
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: rgb(214,229,245);
	padding-left: 3px;
}
.table-sortable tbody tr td:last-child {
	border-right-width: 0px;
}
.table-sortable tbody td:first-child:hover {
	border-left-width: 1px;
	border-radius: 3px 0px 0px 3px;
}
.table-sortable tbody td:last-child:hover {
	border-right-width: 1px;
	border-radius: 0px 3px 3px 0px;
}
.table-sortable tbody tr:hover {
	background: #fcfdfe; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmRmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iI2ViZjNmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fcfdfe 0%, #ebf3fd 96%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfdfe), color-stop(96%,#ebf3fd), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcfdfe 0%,#ebf3fd 96%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcfdfe 0%,#ebf3fd 96%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcfdfe 0%,#ebf3fd 96%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fcfdfe 0%,#ebf3fd 96%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfdfe', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.table-sortable tbody tr.noSelect {
	color: rgb(154,154,154);
}
.table-sortable tbody tr:hover.noSelect {
	background: transparent;
}
.table-sortable tbody tr:hover td {
	border-color: rgb(184,214,251);
}
.table-sortable tbody tr:hover.noSelect td {
	/*border-color: transparent;*/
	cursor: not-allowed;
}


input[type=text].finance, input[type=text].number {
    font-family: monospace;
    width: 75px;
}

#body .paymentPanel {
	padding-top: 48px;
}
.paymentPanel .close {
	background: url('/images/icons/button-close.png') no-repeat left top;
	cursor: pointer;
}
#body .inlineCard .paymentPanel {
	padding-top: 0px;
}
.paymentPanel > header {
	position: absolute;
	left: 0px; right: 0px; top: 0px;
	height: 40px;
	background-color: rgb(233,237,241);
	border-radius: 3px 3px 0px 0px;
}
.paymentPanel > header h2 {
	padding: 0px 8px;
	margin: 0px;
	line-height: 40px;
}
.paymentPanel.sandbox > header {
	background-image: url('/images/icons/sandbox.png');
	background-repeat: no-repeat;
	background-position: 8px 4px;
	padding-left: 40px;
}
.inlineCard .paymentPanel > header {
	display: none;
}
.paymentPanel form {
	font-size: 13px;
}
.paymentPanel form > div {
	margin-bottom: 4px;
}
.paymentPanel form div > div {
	display: inline-block;
	vertical-align: top;
}
#body .paymentPanel label {
	display: block;
	width: 100%;
	font-size: 0.9em;
	color: rgb(102,102,102);
	line-height: 1.2em;
	text-align: left;
	margin: 0px 0px 3px;
	padding: 0px;
}
#body .paymentPanel .cc-cvv label { text-align: center; }

.paymentPanel .cc-ref {
	width: 150px;
	margin-right: 8px;
}
.paymentPanel .cc-amount {
	width: 101px;
	margin-right: 8px;
}
.paymentPanel .cc-name {
	width: 263px
}

/* CVV3 */
.paymentPanel .cvv3 .cc-number {
	width: 210px;
	margin-right: 8px;
}
.paymentPanel .cvv3 .cc-cvv {
	width: 41px;
	margin-right: 8px;
}
/* CVV4 */
.paymentPanel .cvv4 .cc-number {
	width: 198px;
	margin-right: 8px;
}
.paymentPanel .cvv4 .cc-cvv {
	width: 53px;
	margin-right: 8px;
}
.paymentPanel .cvv4 input {
	font-size: 1.5em !important;
	line-height: 1.25em;
}

.paymentPanel .cc-start {
	width: 142px;
}
.paymentPanel .cc-expiry {
	width: 158px;
}

.paymentPanel input[name=cvv], .paymentPanel input[name=card_number], .paymentPanel input[name=amount] {
	font-family: monospace;
}
.paymentPanel input[name=cvv], .paymentPanel input[name=card_number], .paymentPanel input[name=card_name] {
	font-size: 1.7em;
}
.paymentPanel input[name=reference] {
	font-size: 1.3em;
	line-height: 1.43em;
}
.paymentPanel input[name=amount] {
	text-align: right;
	font-size: 1.5em;
	line-height: 1.28em;
}
#body .paymentPanel input[type=text], .paymentPanel input[type=tel] {
	width: 100%;
	border-radius: 2px;
}
#body .paymentPanel select {
	border-radius: 2px;
	font-size: 1.4em;
}
.paymentPanel input, .paymentPanel select {
	border: 1px solid rgb(154,154,154);
	padding: 2px;
	margin: 0px;
}
.paymentPanel select {
	padding: 0px 0px 1px 0px;
}
.paymentPanel select option {
	color: rgb(0,0,0);
}
.paymentPanel [required] {
	border-color: rgb(0,0,0);
}
.paymentPanel select option:disabled {
	display: none;
}
.paymentPanel select.grey {
	color: rgb(154,154,154);
}
.paymentPanel input[type=button] {
	font-size: 13px;
	line-height: 32px;
	padding: 0px 32px 0px 48px;
	background-position: 6px 0px;
	background-repeat: no-repeat;
}
.paymentPanel .visa {
	background-image: url('/images/icons/cards/visa.png');
}
.paymentPanel .mastercard {
	background-image: url('/images/icons/cards/mastercard.png');
}
.paymentPanel .amex {
	background-image: url('/images/icons/cards/amex.png');
}
.paymentPanel .solo {
	background-image: url('/images/icons/cards/solo.png');
}
.paymentPanel .maestro {
	background-image: url('/images/icons/cards/maestro.png');
}
.paymentPanel .electron {
	background-image: url('/images/icons/cards/electron.png');
}
.paymentPanel .transaction {
	background-image: url('/images/icons/transaction.gif') !important;
	background-position: 7px 2px !important;
}
.paymentPanel .submit {
	text-align: right;
	margin: 15px 0px 0px;
}

.paymentPanel .response {
	font-size: 13px;
	text-align: center;
}

.paymentPanel .response header {
	line-height: 48px;
	font-size: 18px;
	margin-top: 40px;
}

.paymentPanel .response footer {
	position: absolute;
	left: 0px; right: 0px;
	bottom: 12px;
}
.paymentPanel .response input[type=button] {
	padding: 0px 32px;
}
.inlineCard .paymentPanel {
	box-shadow: none;
	border-color: rgb(204,204,204);
}

.joinedHover {
	background-color: rgba(204,205,255, 0.5);
}

tr.cancelled {
	text-decoration: line-through;
}