html {
	background:#eee;
}
body {
	font:12px/1.5 Arial,sans-serif;
	color:#222;
	padding:104px 0 30px 0;
}
h1, h2 {
	font:24px/30px Roboto,Arial,sans-serif;
	margin-bottom:12px;
}
h1.icon {
	line-height:48px;
	background-position:top left;
	background-repeat:no-repeat;
}

h1.stumps      { background-image:url(/Images/icon-stumps.png); padding-left:34px }
h1.helmet      { background-image:url(/Images/icon-helmet.png); padding-left:47px }
h1.trophy      { background-image:url(/Images/icon-cup.png); padding-left:32px }
h1.bats        { background-image:url(/Images/icon-bats.png); padding-left:49px }
h1.ball        { background-image:url(/Images/icon-ball.png); padding-left:57px }
h1.ground      { background-image:url(/Images/icon-ground.png); padding-left:51px }

h1.food        { background-image:url(/Images/icon-apple.png); padding-left:47px }
h1.topics      { background-image:url(/Images/icon-cloud.png); padding-left:55px }
h1.faq         { background-image:url(/Images/icon-faq.png); padding-left:59px }
h1.docs        { background-image:url(/Images/icon-docs.png); padding-left:57px }
h1.forms       { background-image:url(/Images/icon-forms.png) }
h1.news        { background-image:url(/Images/icon-coffee.png); padding-left:53px; padding-top:12px; margin-top:-12px }
h1.calendar    { background-image:url(/Images/icon-clock.png); padding-left:53px }
h1.tree        { background-image:url(/Images/icon-tree.png); padding-left:61px }
h1.files       { background-image:url(/Images/icon-files.png); padding-left:58px }
h1.users       { background-image:url(/Images/icon-lock.png); padding-left:45px }
h1.groups      { background-image:url(/Images/icon-groups.png); padding-left:57px }
h1.search      { background-image:url(/Images/icon-search.png); padding-left:50px }
h1.library     { background-image:url(/Images/icon-library.png); padding-left:56px }
h1.home        { background-image:url(/Images/icon-home.png); padding-left:55px }
h1.legislation { background-image:url(/Images/icon-legislation.png); padding-left:54px }
h1.mail        { background-image:url(/Images/icon-mail.png); padding-left:61px }
h1.inbox       { background-image:url(/Images/icon-inbox.png); padding-left:58px }
h1.feedback    { background-image:url(/Images/icon-feedback.png); padding-left:60px }
h1.settings    { background-image:url(/Images/icon-settings.png); padding-left:55px }
h1.camera      { background-image:url(/Images/icon-camera.png); padding-left:62px }
h1.media       { background-image:url(/Images/icon-tv.png); padding-left:55px }
h1.flag        { background-image:url(/Images/icon-flag.png); padding-left:42px }
h1.tickets     { background-image:url(/Images/icon-tickets.png); padding-left:54px }
h1.money       { background-image:url(/Images/icon-money.png); padding-left:45px }
h1.orders      { background-image:url(/Images/icon-orders.png); padding-left:59px }

h2 {
	font-size:16px;
	line-height:24px;
	margin-bottom:10px;
	font-weight:bold;
}
h2 a {
	color:#222;
}
h2 a:hover {
	text-decoration:none;
	color:#d00;
}
h2.printable {
	display:none;
}
h3 {
	font:bold 16px/18px Roboto,Arial,sans-serif;
	margin-bottom:4px;
}
a {
	color:#222;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
p {
	margin-bottom:1em;
}
p.highlighted {
	padding:10px 12px;
	background:#FAFEED;
	color:#690;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #8b1;
	text-align:center;
}
strong {
	font-weight:bold;
}
div.clear, li.clear {
	clear:both;
	font-size:0;
	line-height:0;
}

/*
======================
Containers
======================
*/
#header-wrapper {
	position:fixed;
	width:100%;
	top:0; left:0;
	z-index:2;
	background:#000;
}
#header {
	max-width:1280px;
	height:84px;
	margin:auto;
	position:relative;
	padding:0 20px;
}
#content-wrapper {
	width:1280px;
	margin:auto;
	padding:0 20px;
}
.box {
	background:#fff;
	border-radius:6px;
	box-shadow:0 1px 3px #aaa;
	padding:18px 20px 20px 20px;
	position:relative;
}
.boxRight {
	float:left;
	width:620px;
}

/*
======================
Theming
======================
*/
div.faq {
	background:#fff url(/Images/bg-faq.jpg) bottom left no-repeat;
	min-height:800px;
}

/*
======================
Navigation
======================
*/
#logo {
	display:block;
	width:100px;
	height:36px;
	background:url(/Images/logo-intuitionhr.gif) 0 10px no-repeat;
	line-height:500px;
	overflow:hidden;
	position:absolute;
	top:0; left:3px;
}
#header strong {
	color:#ddd;
	position:absolute;
	bottom:9px; left:20px;
	font:bold 26px/1 Roboto,Arial,sans-serif;
	letter-spacing:-1px;
}
#header strong span {
	color:#d00;
}
#nav {
	position:absolute;
	bottom:0; left:205px;
	font-size:14px;
}
html.sign-in #nav {
	display:none;
}
#nav li {
	float:left;
	margin-right:8px;
	position:relative;
}
#nav a {
	float:left;
	padding:1px 9px 3px 9px;
	color:#fff;
	line-height:30px;
	border-radius:4px 4px 0 0;
}
#nav a:hover, #nav li.active a {
	text-decoration:none;
	background:#222;
}
#nav li.active a, #nav li.active a:hover {
	background:#9cb92c;
}
#nav a:active {
	background:#3e3e3e;
}
#nav li ul {
	position:absolute;
	top:34px; left:0;
	width:100px;
	background:#444;
	border-radius:0 0 4px 4px;
	overflow:hidden;
	padding:4px 0;
	display:none;
}
#nav li:hover ul {
	display:block;
}
#nav li ul li {
	float:none;
	margin:0;
}
#nav li ul a,
#nav li.active ul a {
	background:none;
	display:block;
	float:none;
	border-radius:0;
	padding:0 10px;
	line-height:28px;
}
#nav li ul a:hover,
#nav li.active ul a:hover {
	background:#222;
}

/*
======================
Security
======================
*/
#security {
	position:absolute;
	bottom:0; right:24px;
	color:#fff;
	z-index:1;
}
#security a {
	float:left;
	color:#fff;
	margin-left:24px;
	line-height:36px;
}
#security span.userName {
	float:left;
	line-height:36px;
}
#security div {
	float:left;
	position:relative;
	margin-left:12px;
}
#security span.currentOrg,
#security span.userName span {
	float:left;
	background:url(/Images/icon-arrow-down.gif) right no-repeat;
	padding:0 20px 0 8px;
	font-weight:bold;
	line-height:36px;
	cursor:pointer;
	position:relative;
	z-index:2;
}
#security span.userName {
	position:relative;
	z-index:2;
}
#security div ul {
	position:absolute;
	top:36px; left:0;
	background:#fff;
	width:160px;
	padding:6px 0;
	box-shadow:0 0 10px rgba(0, 0, 0, 200);
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, 200);
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 200);
	z-index:1;
	display:none;
}
#security div.userOptions ul {
	width:122px;
}
#security div.active span.currentOrg,
#security div.active span {
	background-color:#e00;
	background-image:url(/Images/icon-arrow-up.gif);
	background-repeat:no-repeat;
}
#security div.active ul {
	display:block;
}
#security div ul a {
	float:none;
	display:block;
	line-height:16px;
	margin:0;
	padding:2px 8px;
	color:#222;
}

/*
======================
Search Results Page
======================
*/
h2.searchHeading {
	font:bold 13px/17px 'Segoe UI',Arial,sans-serif;
	text-transform:uppercase;
	color:#d00;
	margin-bottom:8px
}
#topicResults {
	width:820px;
	margin:auto;
}
#questionResults {
	margin-bottom:25px;
}
#questionResults a {
	display:block;
	padding-left:15px;
	background:url(/Images/bullet-red-small.gif) 1px 7px no-repeat;
}

/*
======================
Search
======================
*/
#search {
	position:absolute;
	right:3px; bottom:67px;
}
#search input.text {
	float:left;
	height:16px;
	padding:4px 7px;
	font-size:14px;
	border-radius:12px 0 0 12px;
	-webkit-border-radius:12px 0 0 12px;
	border:0;
	width:190px;
}
#search input.button {
	float:left;
	height:24px;
	width:75px;
	color:#fff;
	background:#e00;
	border:0;
	border-radius:0 12px 12px 0;
	-webkit-border-radius:0 12px 12px 0;
	cursor:pointer;
}
#search input.button:hover {
	background:#f11;
}
#search a.browse {
	color:#fff;
	border-bottom:1px dotted #bbb;
	position:absolute;
	left:5px; bottom:-19px;
	text-decoration:none;
	font-size:11px;
}

/*
===================
Browse Topics
===================
*/
#topicLists {
	width:840px;
	margin:auto;
}
li.group {
	float:left;
	width:180px;
	padding:20px 30px 20px 0;
	border-top:1px solid #ccc;
}
li.group a {
	display:block;
	padding-left:15px;
	background:url(/Images/bullet-red-small.gif) 1px 7px no-repeat;
}
#quickLinks {
	margin-bottom:25px;
}
#quickLinks li {
	float:left;
}
#quickLinks a {
	float:left;
	margin-right:10px;
	background:url(/Images/button-view.gif) left no-repeat;
	line-height:28px;
	padding:0 10px 0 28px;
	border-radius:7px;
	-webkit-border-radius:7px;
}

/*
======================
Home Page
======================
*/
#welcome {
	margin-bottom:20px;
	font-size:16px;
	padding:20px;
}
#welcome a {
	color:#d00;
	text-decoration:underline;
}
#homeSections {
	padding:6px;
	margin-top:-20px;
}
#homeSections h2 {
	font-size:24px;
	line-height:48px;
	margin-bottom:8px;
}
#eventsSection {
	float:left;
	width:274px;
	margin-right:28px;
}
#eventsSection h2 a {
	display:block;
	background:url(/Images/icon-clock.png) 42px 15px no-repeat;
	line-height:40px;
	padding:20px 0 0 94px;
}
#adviceSection {
	float:left;
	width:271px;
}
#adviceSection h2 {
	display:block;
	background:url(/Images/icon-microphone.png) 21px 13px no-repeat;
	line-height:40px;
	padding:20px 0 0 62px;
}
#adviceSection #ask {
	padding:10px;
	background:#f2f2f2;
	border-radius:5px;
	-webkit-border-radius:5px;
	margin-bottom:22px;
}
#adviceSection #ask span {
	display:block;
	width:150px;
	font-size:11px;
	line-height:14px;
	color:#666;
	padding-top:5px;
}
#adviceSection textarea {
	display:block;
	width:237px;
	height:280px;
	padding:6px;
	border:1px solid #bbb;
	border-radius:3px 3px 0 3px;
	-webkit-border-radius:3px 3px 0 3px;
	background:#fff url(/Images/bg-advice.png) top left no-repeat;
}
#adviceSection textarea:focus {
	background:#fff;
}
#adviceSection input.button {
	color:#fff;
	background:#e00;
	float:right;
	border:0;
	border-radius:0 0 7px 7px;
	-webkit-border-radius:0 0 7px 7px;
	height:24px;
	width:90px;
	cursor:pointer;
}
#adviceSection h3 {
	color:#222;
	border-bottom:1px solid #ccc;
	padding-bottom:8px;
	margin-bottom:7px;
	text-align:center;
}
#adviceSection #documents {
	border-bottom:1px solid #ccc;
	padding-bottom:7px;
	margin-bottom:12px;
}
#adviceSection #documents a {
	padding:5px 0 5px 26px;
}
#newsSection {
	float:left;
	width:274px;
	margin-right:28px;
}
#newsSection h2 a {
	display:block;
	background:url(/Images/icon-coffee.png) 28px 0 no-repeat;
	line-height:40px;
	padding:20px 0 0 80px;
}
#newsSection ul {
	border-bottom:1px solid #ccc;
	margin-bottom:12px;
}
#newsSection ul a {
	display:block;
	border-top:1px solid #ccc;
	padding:9px 0 12px 0;
}
#newsSection ul a strong {
	display:block;
	color:#d00;
	font-size:14px;
	font-weight:normal;
	line-height:18px;
	margin-bottom:3px;
}
#newsSection ul a span {
	display:block;
	color:#222;
}
#newsSection ul a img {
	float:left;
	margin:4px 9px 0 0;
	width:63px;
}
#newsSection ul a:hover {
	text-decoration:none;
}
#newsSection ul a:hover strong {
	text-decoration:underline;
}

/*
===================
FAQ
===================
*/
#faqSidebar {
	float:left;
	width:200px;
	margin-right:30px;
}
#faqGroups {
	margin-bottom:30px;
}
#faqGroups a {
	display:block;
	padding:4px 8px;
	border-radius:5px;
	-webkit-border-radius:5px;
	border-bottom:1px solid #fff;
}
#faqGroups a:hover {
	text-decoration:none;
	background:#eee;
	border-color:#ddd;
}
#faqGroups li.current a {
	color:#d00;
}
#faqAsk {
	background:#f2f2f2;
	border-bottom:1px solid #D9D9D9;
	border-radius:5px;
	-webkit-border-radius:5px;
	padding:10px;
}
#faqAsk h3 {
	margin-bottom:6px;
}
#faqAsk textarea {
	display:block;
	border:1px solid #bbb;
	border-radius:3px;
	-webkit-border-radius:3px;
	padding:3px;
	width:172px;
	height:150px;
	font:12px Arial;
	margin-top:5px;
}
#faqAsk input.button {
	color:#fff;
	background:#e00;
	float:right;
	border:0;
	border-radius:0 0 7px 7px;
	-webkit-border-radius:0 0 7px 7px;
	height:24px;
	width:75px;
	cursor:pointer;
}
#faqTopics {
	float:left;
	width:600px;
	padding:20px 20px 4px 20px;
	min-height:1px;
	background:#f2f2f2;
	border-bottom:1px solid #D9D9D9;
	border-radius:7px;
	-webkit-border-radius:7px;
	margin:-52px 0 20px 0;
}
#faqTopics h2 {
	font-size:26px;
	line-height:30px;
	margin-bottom:14px;
}
#faqTopics li.topLevel {
	background:#fff;
	padding:16px;
	border-radius:6px;
	-webkit-border-radius:6px;
	box-shadow:0 1px 3px #aaa;
	-moz-box-shadow:0 1px 3px #aaa;
	-webkit-box-shadow:0 1px 3px #aaa;
	margin-bottom:16px;
}
#faqTopics h3 {
	font-size:16px;
}
#faqTopics a {
	display:block;
	padding-left:15px;
	background:url(/Images/bullet-red-small.gif) 1px 7px no-repeat;
}
#questionPopup {
	padding:0 70px;
}
#questionPopup a.edit {
	position:relative;
	left:-70px;
}
#questionPopup #questionHeading {
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
}
#questionPopup #questionHeading h1 {
	margin-bottom:2px;
	color:#999;
}
#questionPopup #questionHeading h3 {
	margin:0;
	color:#d00;
	font-size:16px;
}
#questionPopup p.question {
	font:24px/28px Cabin,Arial,sans-serif;
	margin-bottom:18px;
}
#questionPopup h3 {
	font-size:14px;
	margin:0;
}
#questionPopup p a, #questionPopup li a {
	text-decoration:underline;
	color:#d00;
}
#questionNav a {
	position:absolute;
	top:20px;
	display:block;
	width:40px;
	height:50px;
	line-height:500px;
	overflow:hidden;
}
#questionNav a.back {
	left:20px;
	background:url(/Images/arrow-back.gif) center no-repeat;
}
#questionNav a.forward {
	right:20px;
	background:url(/Images/arrow-forward.gif) center no-repeat;
}
#questionPopup #documents a {
	color:#222;
}
#documents a {
	display:block;
	line-height:16px;
	background:url(/images/icon-generic.png) 0 0 no-repeat;
	padding:6px 0 6px 26px;
}
#documents a.pdf {
	background-image:url(/images/icon-pdf.png);
}
#documents a.doc, #documents a.docx {
	background-image:url(/images/icon-word.png);
}
#documents a.xls, #documents a.xlsx, #documents a.xlsb {
	background-image:url(/images/icon-excel.png);
}
#documents a.pps, #documents a.ppt, #documents a.pptx {
	background-image:url(/images/icon-powerpoint.png);
}

/*
==========================
Toolbar
==========================
*/
.toolbar {
	height:28px;
	line-height:28px;
	background:#ddd;
	padding:7px 9px 9px 9px;
	margin-bottom:15px;
	border-radius:7px;
	-webkit-border-radius:7px;
	position:relative;
}
.toolbar * {
	vertical-align:baseline;
	margin-right:3px;
}
.toolbar label {
	float:left;
	line-height:25px;
	font-size:11px;
	font-weight:bold;
	padding:3px 2px 0 3px;
}
.toolbar input.text {
	padding:5px;
	border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ccc;
	width:160px;
}
.toolbar input.button {
	height:27px;
	padding:4px 0;
	width:80px;
}
.toolbar input.button::-moz-focus-inner {
	border:none;
}
.toolbar input.search {
	margin-right:15px;
	position:relative;
	top:4px; left:-25px;
}
.toolbar select {
	padding:4px;
	border:1px solid #ccc;
	border-radius:4px;
	-webkit-border-radius:4px;
}
select optgroup {
	font-style:normal;
	font-size:12px;
	font-family:Arial;
	color:#d00;
	padding-top:3px;
	padding-left:3px;
}
select optgroup option {
	color:#000;
	padding-top:0;
	padding-left:10px;
}

/*
==========================
Grids
==========================
*/
.grid {
	width:100%;
	border-bottom:1px solid #ddd;
	font-size:12px;
}
.grid tr:hover td {
	background-color:#eee;
}
.grid tr.notClickable:hover td {
	background-color:#f9f9f9;
	cursor:default;
}
.grid tr.sectionRow td {
	background-color:#eee;
}
.grid tr.sectionRow:hover td {
	background-color:#ddd;
}
.grid th {
	font:500 14px/17px Roboto,Arial,sans-serif;
	border-bottom:1px solid #ddd;
	color:#d00;
	xcolor:#a36cd2;
	padding:6px;
}
.grid th:first-child {
	padding-left:0;
}
.grid th.center, .grid td.center {
	text-align:center;
}
.grid th.right, .grid td.right {
	text-align:right;
	padding-right:12px;
	padding-left:0;
}
.gridFooter {
	border:0;
	height:16px;
	margin-top:5px;
	padding-top:6px;
}
.grid td {
	line-height:16px;
	padding:4px 5px;
	background:#f9f9f9;
	cursor:pointer;
	border-top:1px solid #ddd;
}
.stats td {
	padding:1px 5px;
	position:relative;
}
.stats td span.not-out {
	position:absolute;
	top:0; right:7px;
	z-index:1;
}
.grid td a {
	color:#222;
}
.grid tr.groupHeader td {
	font:500 14px/17px Roboto,Arial,sans-serif;
	background:none;
	cursor:default;
	padding-top:18px;
}
.grid tr.groupHeader:hover td {
	background:none;
}
.grid tr.groupHeader:first-child td {
	border-top:0;
}
.grid tr.unlinked:hover td {
	background:#f9f9f9;
}
.grid tr.unlinked td {
	cursor:default;
}
.grid img.thumb {
	float:left;
	margin:-4px 0;
}
.grid img.nested {
	float:left;
	margin:-4px 3px 0 20px
}
.grid img.nestedDouble {
	float:left;
	margin:-10px 3px 0 80px
}
.grid input.button {
	padding:3px 6px;
}
.grid a span.nested {
	font-weight:normal;
}
.grid td a:hover {
	text-decoration:none;
}
.grid td .status {
	display:inline-block;
	line-height:16px;
	padding-left:21px;
	font-size:12px;
	background-position:left center;
	background-repeat:no-repeat;
}
.grid td .new {
	background-image:url(/Images/status-new.gif);
}
.grid td .processed {
	background-image:url(/Images/status-processed.gif);
}
.grid td .active {
	background-image:url(/Images/status-active.gif);
}
.grid td .inactive {
	background-image:url(/Images/status-inactive.gif);
}
.grid td.icon {
	background:#f9f9f9 url(/images/icon-generic.png) 8px 5px no-repeat;
	padding-left:40px;
}
.grid td.pdf {
	background-image:url(/images/icon-pdf.png);
}
.grid td.doc, .grid td.docx {
	background-image:url(/images/icon-word.png);
}
.grid td.xls, .grid td.xlsx, .grid td.xlsb {
	background-image:url(/images/icon-excel.png);
}
.grid td.pps, .grid td.ppt, .grid td.pptx {
	background-image:url(/images/icon-powerpoint.png);
}
.grid td.male {
	background-image:url(/images/icon-male.gif);
}
.grid td.female {
	background-image:url(/images/icon-female.gif);
}
.gridFooter {
	font:500 14px/17px Roboto,Arial,sans-serif;
}
.gridFooter span.disabled,
.gridFooter span.divider {
	display:none;
}
.pagerControl {
	float:right;
}
.pagerControl span.active,
.pagerControl a {
	float:left;
	margin-left:2px;
	border:1px solid #fff;
	padding:0 5px;
	line-height:20px;
	color:#222;
}
.pagerControl span.active {
	border:1px solid #e00;
	background:#e00;
	color:#fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	margin-left:3px;
}
.order {
	border-bottom-width:2px;
}
.order th {
	color:#555;
	background:#ddd;
}
.order th:first-child {
	padding-left:6px;
}
.order td {
	background:#fff;
}
.order tr.total td.right {
	font-weight:bold;
	font-size:16px;
}

/*
======================
Messages
======================
*/
#messages .truncatedMessage {
	display:block;
}
#messages .fullMessage {
	display:none;
}
#messages tr.active .truncatedMessage {
	display:none;
}
#messages tr.active .fullMessage {
	display:block;
}

/*
======================
Lists
======================
*/
ul.bullet, ol {
	margin-bottom:1em;
}
ul.bullet li {
	padding-left:15px;
	background:url(/Images/bullet-red-small.gif) 1px 7px no-repeat;
}
ol {
	margin:0 0 1em -.6em;
	padding-left:28px;
}
ol li {
	list-style:decimal outside;
	margin-bottom:1em;
}
ol li ul {
	margin-top:10px;
}
ol li ul li {
	margin-bottom:0;
	list-style:none;
}

/*
======================
Footer
======================
*/
#footer {
	background:#202327;
	height:32px;
	line-height:32px;
	color:#ccc;
	padding:0 20px;
	font-size:13px;
	position:relative;
}
#footer a.credit {
	display:block;
	width:104px;
	height:13px;
	line-height:500px;
	overflow:hidden;
	background:url(/Images/logo-mas.gif) no-repeat;
	position:absolute;
	top:10px; right:16px;
}

/*
======================
Training
======================
*/
#training li {
	float:left;
	margin:20px 0;
}
#training a {
	display:block;
	width:198px;
	text-align:center;
	padding:0 12px;
	font-size:14px;
	line-height:18px;
}
#training a:hover {
	color:#d00;
	text-decoration:none;
}
#training img {
	display:block;
	margin:0 auto 8px auto;
	border-radius:8px;
}

/*
===================
Forms
===================
*/
h1.formHeading {
	margin-bottom:10px;
}
.form {
	position:relative;
	padding:22px 20px 15px 20px;
	min-height:1px;
	background:#f2f2f2;
	border-bottom:1px solid #D9D9D9;
	border-radius:7px;
}
.form h3 {
	padding:5px 0 0 162px;
	margin-bottom:10px;
	font-size:16px;
}
.form p, .form .fieldWrapper {
	position:relative;
	padding-left:162px;
	min-height:26px;
	margin-bottom:.6em;
}
.form .fileLinkWrapper {
	display:block;
	margin:8px 0 20px 0;
	height:27px;
}
.fileLinkWrapper a {
	float:left;
	line-height:27px;
	color:#222;
	background:url(/Images/icon-generic.png) left no-repeat;
	padding-left:24px;
	text-decoration:underline;
}
.fileLinkWrapper a.pdf {
	background-image:url(/images/icon-pdf.png);
}
.fileLinkWrapper a.doc, .fileLinkWrapper a.docx {
	background-image:url(/images/icon-word.png);
}
.fileLinkWrapper a.xls, .fileLinkWrapper a.xlsx, .fileLinkWrapper a.xlsb {
	background-image:url(/images/icon-excel.png);
}
.fileLinkWrapper a.pps, .fileLinkWrapper a.ppt, .fileLinkWrapper a.pptx {
	background-image:url(/images/icon-powerpoint.png);
}
.form .form p {
	padding-left:162px;
}
.widelabel p {
	padding-left: 180px !important;	
}
* html .form p,
* html .form .fieldWrapper {
	height:26px;
}
.form p.fullWidth {
	padding:0;
}
.form .images a {
	display:block;
	clear:left;
	font-size:11px;
	font-weight:bold;
}
.form label {
	position:absolute;
	top:0; left:0;
	display:block;
	width:150px;
	text-align:right;
	padding-top:5px;
}
.form p.checkboxes {
	min-height:0;
}
.form p.checkboxes label {
	position:static;
	display:inline;
	padding:0;
	margin-left:4px;
	font-weight:normal;
}
.form p.checkboxes input {
	position:relative;
	top:2px;
}
.form span.value {
	display:block;
	padding-top:4px;
}
.form .radio {
	display:block;
	margin:0 0 8px 10px;
	padding-top:5px;
}
.form .radio label {
	position:static;
	display:inline;
	padding-left:3px;
	text-transform:none;
	margin-right:20px;
	font-weight:normal;
}
.form .radio br {
	display:none;
}
.form label span {
	font-size:11px;
	font-weight:normal;
}
.form input.text, .form textarea {
	padding:5px;
	width:250px;
	font-family:Arial,sans-serif;
	border:1px solid #ccc;
	border-top-color:#aaa;
	border-radius:4px;
	-webkit-border-radius:4px;
}
.form input.text:hover, .form textarea:hover, .form select:hover {
	border-color:#aaa;
	border-top-color:#888;
}
.form textarea {
	height:90px;
}
.form textarea.small {
	height:70px;
}
.form textarea.medium {
	height:120px;
}
.form textarea.large {
	height:285px;
}
.form textarea.xlong {
	width:575px;
}
.form input.short {
	width:70px;
}
.form input.medium {
	width:100px;
}
.form input.long,
.form textarea.long {
	width:450px;
}
.form input.xlong {
	width:575px;
}
.form input.heading {
	color:#66820b;
	font-weight:bold;
	font-size:13px;
}
.form input.text:focus,
.form textarea:focus,
.form select:focus {
	border-color:#8b1;
	background-color:#FAFEED;
	outline:none;
}
.form select {
	padding:4px;
	width:262px;
	margin:0 8px 0 0;
	border:1px solid #ccc;
	border-top-color:#999;
	border-radius:4px;
}
.form select.short {
	width:100px;
}
.form span select,
.form select.auto {
	width:auto;
	margin-right:3px;
}
.form input.button {
	padding:4px 6px;
	margin:20px 8px 0 0;
}
.form input.smallButton {
	padding:2px;
	width:55px;
	margin:-3px 0;
}
.form input.upload {
	margin-right:10px;
	padding:1px 5px;
}
.form input.fileUpload {
	font:12px Arial,sans-serif; 
}
.form input.remove {
	width:13px;
	height:13px;
	position:relative;
	top:2px;
}
.form p.buttons {
	height:50px;
}
.form p.buttons input.button {
	float:left;
}
.form fieldset {
	margin-bottom:30px;
}
.form legend {
	color:#690;
	font-size:18px;
	line-height:110%;
	padding:0 0 12px 162px;
}
.form span.fileWrapper {
	display:block;
}
.form span.fileWrapper a {
	margin-right:10px;
	font-weight:bold;
	text-decoration:underline;
	font-size:11px;
	color:#690;
}
.form span.fileWrapper img {
	display:block;
}
.form a.help {
	position:relative;
	top:5px; right:3px;
}
.popupForm {
	padding-right:100px;
}
.popupForm h3 {
	padding-top:0;
	margin-top:-5px;
}

/*
===================
Article Form
===================
*/
.articleForm p, .articleForm .imageWrapper {
	padding-left:112px;
}
.articleForm label {
	width:100px;
}
.form #tagList {
	position:absolute;
	width:220px;
	right:0; top:135px;
}
.form #tagList h3 {
	padding:0;
}
.form #tagList label {
	position:static;
	display:inline;
	padding:0;
	margin-left:4px;
	font-weight:normal;
}
.form #tagList input {
	position:relative;
	top:2px;
}
.form #tagList select {
	width:180px;
}


/*
===================
Image Uploads
===================
*/
.imageWrapper {
	padding-left:162px;
}
.imageWrapper img {
	display:block;
	margin-bottom:8px;
	padding:4px;
	background:#fff;
	box-shadow:0 0 15px #ccc;
	-moz-box-shadow:0 0 15px #ccc;
	-webkit-box-shadow:0 0 15px #ccc;
}
.imageWrapper input {
	padding:2px;
}
.bannerWrapper {
	padding:0;
	margin-top:16px;
}

/*
========================
Employee File
========================
*/
.employeeWrapper {
	position:relative;
	padding:20px;
	min-height:1px;
	background:#f2f2f2;
	border-bottom:1px solid #D9D9D9;
	border-radius:7px;
	-webkit-border-radius:7px;
}
#employeeDetails h3 {
	font-size:16px;
	border-bottom:1px solid #bbb;
	padding-bottom:5px;
	margin-bottom:6px;
}
#employeeDetails dl {
	width:350px;
	margin-bottom:20px;
}
#employeeDetails dt {
	float:left;
	width:105px;
	font-weight:bold;
	padding:2px 0;
}
#employeeDetails dd {
	float:left;
	width:245px;
	padding:2px 0;
	min-height:18px;
}
#employeeDocuments {
	float:right;
	width:440px;
	min-height:530px;
	background:#fff;
	padding:16px;
	border-radius:6px;
	-webkit-border-radius:6px;
	box-shadow:0 1px 3px #aaa;
	-moz-box-shadow:0 1px 3px #aaa;
	-webkit-box-shadow:0 1px 3px #aaa;
}

/*
========================
Employee Form
========================
*/
.employeeForm .column {
	width:424px;
	float:left;
}
.employeeForm .column h3,
.employeeForm .column p {
	padding-left:132px;
}
.employeeForm .column label {
	width:120px;
}

/*
========================
Workforce Summary
========================
*/
dl.summary {
	float:left;
	margin:30px 65px 0 0;
} 
dl.summary dt {
	font:bold 13px/17px 'Segoe UI',Arial,sans-serif;
	text-transform:uppercase;
	color:#d00;
}
dl.summary dd {
	font-size:16px;
	margin-bottom:16px;
}

/*
======================
User Editing
======================
*/
.accessWrapper {
	float:left;
	margin:30px 100px 0 0;
}
.accessWrapper p.highlighted {
	padding-left:0;
	margin-left:162px;
	min-height:0;
}
.groupWrapper {
	width:450px;
}
.groupWrapper p.checkboxes {
	margin-bottom:6px;
}
.groupWrapper p.checkboxes span.listWrapper {
	display:block;
	border-bottom:1px solid #ccc;
	padding-bottom:6px;
}

/*
========================
Validation
========================
*/
.validation-container {
	border:2px solid #d00;
	background:#fcebeb url(/Images/icon-warning.gif) 10px 10px no-repeat;
	color:#d00;
	padding:15px 15px 15px 55px;
	margin-bottom:18px;
	line-height:130%;
	min-height:22px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	position:relative;
}
* html .validation-container {
	height:30px;
}
.validation-title {
	font-weight:bold;
	margin-bottom:4px;
}
.validation-list li {
	line-height:150%;
}
.validation-list li a {
	text-decoration:underline;
	color:#d00;
}
.validation-container .close {
	display:block;
	position:absolute;
	top:4px; right:4px;
	background:#d00 url(/Images/icon-close.gif) center no-repeat;
	width:17px;
	height:17px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	cursor:pointer;
}

/*
========================
Alerts
========================
*/
.alert {
	padding:15px 15px 15px 55px;
	border:2px solid #bbb;
	margin-bottom:18px;
	background:#fff;
	position:relative;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	background-repeat:no-repeat;
	background-position:10px 10px;
	min-height:22px;
}
.alert a {
	font-size:11px;
	font-weight:normal;
}
.alert .close {
	display:block;
	position:absolute;
	top:4px; right:4px;
	background:#777 url(/Images/icon-close.gif) center no-repeat;
	width:17px;
	height:17px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	cursor:pointer;
}
.alert p {
	margin-bottom:4px !important;
	padding:0 !important;
}
.confirm {
	color:#8b1;
	border-color:#8b1;
	background-color:#FAFEED;
	background-image:url(/Images/icon-confirm.gif);
	font-weight:bold;
}
.confirm .close {
	background-color:#8b1;
}


/*
========================
Buttons
========================
*/
#backButton {
	height:50px;
}
.form #backButton {
	position:absolute;
	top:12px; left:12px;
}
a.backButton {
	float:left;
	line-height:28px;
	height:28px;
	padding:0 10px 0 28px;
	text-align:center;
	background:#eee url(/Images/button-back.gif) left no-repeat;
	color:#222;
	border-radius:7px;
	-webkit-border-radius:7px;
}
#buttonsTop {
	position:absolute;
	top:20px; right:20px;
}
#buttonsTop a {
	float:left;
	line-height:28px;
	height:28px;
	padding:0 10px 0 28px;
	text-align:center;
	background:#eee url(/Images/button-add.gif) left no-repeat;
	color:#222;
	border-radius:5px;
	margin-left:10px;
}
#buttonsTop a.faq {
	position:relative;
	top:36px; right:38px;
}
#buttonsTop a.edit {
	background-image:url(/Images/button-edit.gif);
}
#buttonsTop a.view {
	background-image:url(/Images/button-view.gif);
}
#buttonsBottom {
	float:right;
	margin-top:-30px;
	position:relative;
	z-index:1;
}
#buttonsBottom input {
	float:left;
	width:52px;
	height:52px;
	padding-top:30px;
	margin-left:10px;
	border:0;
	cursor:pointer;
	border-radius:7px;
	-webkit-border-radius:7px;
	color:#fff;
	font-weight:bold;
	outline:none;
}
#buttonsBottom input::-moz-focus-inner {
	border:0;
}
#buttonsBottom input.save {
	background:#9cb92c url(/Images/icon-tick.gif) center 8px no-repeat;
}
#buttonsBottom input.save:hover {
	background-color:#8ca628;
}
#buttonsBottom input.refund {
	background:#4caae6 url(/Images/icon-refund.gif) center 10px no-repeat;
}
#buttonsBottom input.refund:hover {
	background-color:#3d98d1;
}
#buttonsBottom input.delete {
	background:#e00 url(/Images/icon-cross.gif) center 11px no-repeat;
}
#buttonsBottom input.delete:hover {
	background-color:#d60000;
}
.goButton {
	float:left;
	line-height:25px;
	padding:0 10px;
	text-align:center;
	background:#eee url(/Images/button-add.gif) right no-repeat;
	color:#222;
	border-radius:7px;
	-webkit-border-radius:7px;
	border:1px solid #eee;
}

/*
========================
Tabs
========================
*/
.tabs {
    border-bottom:1px solid #ddd;
    height:27px;
    margin:20px 0;
}
.tabs li {
    float:left;
    margin-left:6px;
}
.tabs li a {
    display:block;
    background:#e5e5e5;
    border-radius:4px 4px 0 0;
    color:#222;
    padding:5px 8px;
}
.tabs li a:hover {
    text-decoration: none;
}
.tabs li a:active {
    background:#d5d5d5;
}
.tabs li.active a, .tabs li.current a {
    color:#fff;
    background:#9f73c5;
}

/*
========================
Document View
========================
*/
#fileDetails {
	width:820px;
	margin:auto;
}
#fileDetails h1 {
	border-bottom:1px solid #d9d9d9;
	padding-bottom:8px;
}
#fileDetails a.download {
	float:right;
	width:150px;
	padding:8px 0;
	border-radius:10px;
	-webkit-border-radius:10px;
	color:#fff;
	background:#f00;
}
#fileDetails a.download span {
	display:block;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}
#fileDetails a.download small {
	display:block;
	text-align:center;
	font-size:12px;
}
#fileDetails a.download:hover {
	text-decoration:none;
	background:#e00;
}
#fileDetails dl {
	width:600px;
	margin-bottom:25px;
}
#fileDetails dt,
#fileDetails dd {
	float:left;
	line-height:27px;
	width:100px;
}
#fileDetails dd {
	width:500px;
}
#fileDetails dd.icon {
	background:url(/images/icon-generic.png) 0 0 no-repeat;
	padding-left:28px;
	width:472px;
}
#fileDetails dd.pdf {
	background-image:url(/images/icon-pdf.png);
}
#fileDetails dd.doc, #fileDetails dd.docx {
	background-image:url(/images/icon-word.png);
}
#fileDetails dd.xls, #fileDetails dd.xlsx, #fileDetails dd.xlsb {
	background-image:url(/images/icon-excel.png);
}
#fileDetails dd.pps, #fileDetails dd.ppt, #fileDetails dd.pptx {
	background-image:url(/images/icon-powerpoint.png);
}

/*
======================
Calendar
======================
*/
#calendar {
	position:relative;
	padding:25px 0 10px 70px;
	border-top:1px solid #d9d9d9;
}
#calendar a.calendarNav {
	position:absolute;
	top:15px;
	display:block;
	width:40px;
	height:50px;
	line-height:500px;
	overflow:hidden;
}
#calendar a.back {
	left:0;
	background:url(/Images/arrow-back.gif) center no-repeat;
}
#calendar a.forward {
	right:0;
	background:url(/Images/arrow-forward.gif) center no-repeat;
}
#calendar .month {
	float:left;
	width:360px;
	margin-right:28px;
}
.events li {
	position:relative;
	min-height:48px;
	margin-bottom:7px;
	padding:12px 15px 10px 63px;
	background:#eee;
	border-radius:3px;
	-webkit-border-radius:3px;
	border-bottom:1px solid #d9d9d9;
	cursor:default;
}
.events h3 {
	padding-right:30px;
	font-size:14px;
}
.events span.date {
	display:block;
	position:absolute;
	top:8px; left:8px;
	width:42px;
	padding:2px 0;
	border:1px solid #ddd;
	border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:1px 1px 3px #ddd;
	-webkit-box-shadow:1px 1px 3px #ddd;
	background:#fff;
}
.events span.date strong {
	display:block;
	width:42px;
	text-align:center;
	font:28px/28px Georgia,serif;
	color:#E02111;
}
.events span.date span {
	display:block;
	width:42px;
	text-align:center;
	font-size:12px;
	line-height:20px;
}
.events p {
	margin:0;
}
.events p.description {
	margin-top:4px;
}
.events a {
	position:absolute;
	top:4px; right:8px;
	display:none;
}
.events li:hover a {
	display:inline;
}

/*
======================
News Articles
======================
*/
#newsResults {
	width:840px;
	margin:auto;
}
#articles {
	float:left;
	width:532px;
}
#articles ul {
	border-bottom:1px solid #ccc;
}
#articles li {
	padding-top:12px;
	font-size:12px;
	border-top:1px solid #ccc;
	margin-bottom:22px;
}
#articles h3 {
	margin-bottom:5px;
}
#articles h3 a {
	color:#d00;
}
#articles h2 a:hover {
	text-decoration:underline;
}
#articles p {
	margin-bottom:8px;
}
#articles a.continue {
	text-decoration:underline;
	color:#222;
}
p.tags {
	height:16px;
}
p.tags a {
	float:left;
	margin-right:8px;
	line-height:16px;
	color:#777;
	text-decoration:underline;
}
p.tags a:hover {
	color:#d00;
}
#articles p.date {
	font-size:11px;
	font-weight:bold;
	margin-bottom:3px;
}
#articles img {
	float:left;
	margin:3px 12px 0 0;
	width:65px;
	height:65px;
}
#newsSidebar {
	float:right;
	width:250px;
	padding:12px 12px 8px 12px;
	background:#ddd;
	border-radius:5px;
	-webkit-border-radius:5px;
}
#newsSidebar h2 {
	text-align:center;
	margin-bottom:15px;
}
#tags {
	text-align:center;
	line-height:23px;
}
#tags a {
	display:inline-block;
	background:#fff;
	padding:0 6px;
	border-radius:5px;
	-webkit-border-radius:5px;
	color:#222;
	font-size:12px;
	margin:0 5px 8px 0;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
}
#tags a.current {
	color:#fff;
	background:#e00;
	border-color:#900;
}
#articleDisplay {
	width:820px;
	margin:auto;
}
#articleDisplay #byline {
	font-weight:bold;
}
#articleDisplay h2 {
	margin-top:20px;
}
.markdown a {
	color:#d00;
	text-decoration:underline;
}
#articleDisplay #source span {
	display:block;
	border-top:1px solid #ccc;
	padding-top:8px;
	margin-top:20px;
}
#articleDisplay #source a {
	color:#d00;
}
#articleDisplay img {
	float:right;
}
#articleDisplay a.image {
	float:right;
	margin:0 0 16px 20px;
	padding:9px;
	background:#eee;
	border-radius:5px;
	-moz-border-radius:5px;
	cursor:-moz-zoom-in;
    cursor:-webkit-zoom-in;
}
#articleDisplay a.image:hover {
	background:#ddd;
}
#articleDisplay em {
	font-style:italic;
}

/*
======================
Library
======================
*/
#library {
	padding:0 10px;
}
#library .leftCol {
	float:left;
	width:424px;
	margin-right:20px;
}
#library .rightCol {
	float:left;
	width:424px;
}
#library h3 {
	margin-bottom:10px;
	position:relative;
	padding-right:100px;
}
#library h3 small {
	position:absolute;
	bottom:0; right:10px;
	font-size:12px;
	display:block;
	cursor:pointer;
	color:#777;
	width:63px;
	text-align:center;
}
#library h3 small:hover {
	color:#222;
}
#library table {
	margin-bottom:50px;
	width:100%;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-size:12px;
}
#library table tr:hover td {
	background-color:#eee;
}
#library table td {
	line-height:16px;
	padding:6px 8px;
	background:#f9f9f9;
}
#library input {
	float:left;
	margin-right:5px;
}
#library label {
	float:left;
	width:290px;
}
#library a.download,
#faqLibrary a.download {
	float:right;
	width:65px;
	line-height:18px;
	text-align:center;
	background:#e9e9e9;
	font-size:11px;
	color:#777;
	border-radius:6px;
	border-bottom:1px solid #ccc;
	-webkit-border-radius:6px;
}
#library a.download:hover,
#faqLibrary a.download:hover {
	color:#fff;
	background:red;
	text-decoration:none;
}
#faqLibrary {
	padding:0 10px;
}
#faqLibrary #faqTopics {
	float:none;
	width:auto;
	margin:0;
}
#faqLibrary #faqTopics a {
	display:inline-block;
}
#faqLibrary #faqTopics a.download {
	float:none;
	display:inline-block;
	padding:0;
}
#faqLibrary h3 {
	margin-bottom:10px;
}
#faqLibrary li {
	margin-bottom:5px;
}

/*
========================
Alphabet Selector
========================
*/
.alphabet {
	height:45px;
}
.alphabet li {
	float:left;
	margin-right:4px;
}
.alphabet a {
	float:left;
	width:28px;
	text-align:center;
	border-radius:5px;
	border:1px solid #ddd;
	font:bold 11px/28px Arial;
	color:#555;
}
.alphabet a:hover {
	background:#ddd;
	text-decoration:none;
}
.alphabet li.numbers a {
	padding:0 8px;
}
.alphabet li.active a {
	color:#fff;
	background:#d00;
	font-weight:bold;
	border-color:#d00;
	border-bottom-color:#b00;
}

/*
========================
Modal processing message
========================
*/
#dimmer {
	display:none;
	position:fixed;
	top:0; left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:.6;
	filter:alpha(opacity=60);
	z-index:1;
}
#modalMessage {
	display:none;
	position:fixed;
	top:50%; left:50%;
	margin:-90px 0 0 -150px;
	width:260px;
	height:90px;
	padding:70px 20px 20px 20px;
	background:#fff url(/Images/loading.gif) top center no-repeat;
	text-align:center;
	z-index:2;
}
#modalMessage input {
	padding:2px;
}

/*
===================
Gallery
===================
*/
#gallery {
	margin:16px 0 10px 0;
}
#gallery li {
	float:left;
	width:100px;
	padding:4px;
	margin:0 12px 12px 0;
	text-align:center;
	background:#fff;
	font-size:11px;
	box-shadow:0 0 5px #bbb;
	position:relative;
}
#gallery img {
	float:left;
	-moz-user-select:none;
	-webkit-user-select:none;
	cursor:move;
}
#gallery.photos {
	width:800px;
}
#gallery.photos li {
	width:136px;
}
#gallery.photos img {
	width:136px;
	height:102px;
}
#gallery span {
	cursor:pointer;
	-moz-user-select:none;
	-webkit-user-select:none;
}
#gallery span:hover {
	text-decoration:underline;
}
#gallery span.remove {
	display:block;
	background:url(/Images/icon-close.gif) center no-repeat;
	background-color:rgba(0,0,0,.5);
	width:17px; height:17px;
	position:absolute;
	top:4px; right:4px;
	opacity:.6;
}
#gallery span.remove:hover {
	opacity:1;
}
#captionEditor {
	padding:20px;
}
#captionEditor img {
	float:left;
	margin-right:14px;
	border-radius:4px;
}
#captionEditor textarea {
	display:block;
	padding:5px;
	width:300px;
	height:105px;
	font-family:Arial,sans-serif;
	border:1px solid #ccc;
	border-top-color:#aaa;
	border-radius:4px;
	margin-bottom:10px;
}
#captionEditor span {
	cursor:pointer;
	float:left;
	line-height:28px;
	height:28px;
	padding:0 10px 0 28px;
	text-align:center;
	background:#eee url(/Images/button-tick.gif) left no-repeat;
	color:#222;
	border-radius:7px;
	-webkit-border-radius:7px;
}

/*
===================
Videos
===================
*/
#videos {
	margin:16px 0 10px 0;
}
#videos li {
	float:left;
	width:270px;
	padding:4px;
	margin:0 12px 12px 0;
	text-align:center;
	background:#fff;
	font-size:11px;
	box-shadow:0 0 5px #bbb;
	position:relative;
	cursor:move;
}
#videos iframe {
	display:block;
	margin-bottom:4px;
}
#videos span.remove {
	cursor:pointer;
}
#videos span.remove:hover {
	text-decoration:underline;
}

/*
===================
Page Editing
===================
*/
.form .related {
	width:600px;
	background:#ddd;
	padding:34px 14px 14px 14px;
	margin-bottom:14px;
	border-radius:7px;
	margin-left:162px;
	position:relative;
}
.form .related h3 {
	padding:0;
	position:absolute;
	top:0; left:0;
	background:#bbb;
	font-size:14px;
	color:#fff;
	padding:3px 14px;
	border-radius:7px 0;
	float:left;
}
.form .related p {
	padding-left:0;
	margin:0;
}
.form .related div.fieldWrapper {
	padding-left:0;
	min-height:0;
	margin:8px 0 0 0;
}
.form .related #gallery {
	margin-bottom:0;
}
.form .related select {
	width:400px;
}
.form .related span.checkbox {
	margin-left:25px;
}
.form .related span.checkbox input {
	position:relative;
	top:2px;
}
.form .related label {
	display:inline;
	position:static;
	margin-left:3px;
}
.form .related #buttonsTop {
	position:absolute;
	top:10px; right:10px;
}
.form .related #buttonsTop a {
	height:24px;
	line-height:24px;
	border-radius:4px;
	-webkit-border-radius:4px;
}

/*
===================
Sorting
===================
*/
.sortable {
	width:400px;
	margin-bottom:20px;
}
.sortable li {
	height:30px;
	margin-bottom:6px;
}
.sortable div {
	float:left;
	margin-right:15px;
	width:300px;
	height:28px;
	line-height:28px;
	border:1px solid #CECDC4;
	background:#fff;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	padding:0 14px;
	cursor:move;
	overflow:hidden;
}
.sortable div:hover {
	background:#ffd;
}
.sortable span.slideNumber {
	float:left;
	width:40px;
}
.sortable img.nested {
	float:left;
	margin:-5px 2px 0 12px;
}

/*
===================
Sales Summary
===================
*/
.salesSummary {
	float:left;
	background:#f2f2f2;
	border-radius:7px;
	margin:10px 25px 25px 0;
}
.salesSummary h3 {
	padding:7px 10px;
	background:#a6c52f;
	color:#fff;
	font:bold 18px Cabin;
	border-radius: 7px 7px 0 0;
	line-height:18px;
}
.salesSummaryTotal h2 {
	font-family:Arial,sans-serif;
	font-size:16px;
	line-height:30px;
	padding:5px 10px 2px 10px;
	border-bottom:1px solid #ccc;
	margin:0;
}
.salesSummaryTotal h2 span {
	font-size:24px;
}
.salesSummaryTotal a {
	display:block;
	width:130px;
	text-align:center;
	border-radius:5px;
	margin:10px;
	line-height:28px;
	background:url(/Images/button-add.gif) left no-repeat;
	padding:0 10px 0 28px;
	color:#222;
}
.salesSummary table {
	margin:6px;
}
.salesSummary td,
.salesSummary th {
	padding:0 10px 0 4px;
}
.salesSummary th {
	font-weight:bold;
}
.salesSummary tr.total td {
	border-top:3px solid #f2f2f2;
	background:#ddd;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
}
.salesSummary th.right,
.salesSummary td.right {
	text-align:right;
	padding:0 4px 0 25px;
}
.form .seatSelector {
	margin:0 0 20px 162px;
}
.form .seatSelector div {
	float:left;
	height:50px;
	padding:8px;
	border-radius:5px;
	background:#ddd;
}
.form .seatSelector p {
	float:left;
	padding:0;
	margin:0 !important;
}
.form .seatSelector label {
	position:static;
	display:block;
	text-align:left;
	width:auto;
	padding:0;
}
.form .seatSelector input.button {
	padding:4px 10px;
	margin-left:5px;
}

/*
======================
Scoring
======================
*/
.split-panel {
	float:left;
	background:#f2f2f2;
	border-bottom:1px solid #D9D9D9;
	border-radius:7px;
	width:565px;
	min-height:480px;
	margin-right:10px;
	padding:20px 25px;
}
.bbb {
	min-height:600px;
}
.split-panel + .split-panel {
	margin-right:0;
}
.over {
	height:29px;
	position:relative;
	margin-bottom:-6px;
	margin-right:-40px;
}
.over ul {
	display:inline-block;
	background:#ddd;
	padding:4px;
	border-radius:4px;
}
.over li {
	float:left;
	margin-right:4px;
}
.over li:last-child {
	margin-right:0;
}
.over li a {
	display:block;
	width:27px;
	background:#fff;
	font:500 13px/19px Roboto;
	text-align:center;
	color:#666;
    border-radius:3px;
}
.over li a:hover {
	background:#eee;
	text-decoration:none;
}
.over li.code-W a,
.over li.code-WX a,
.over li.code-WX1 a,
.over li.code-WX2 a,
.over li.code-WX3 a,
.over li.code-WX4 a,
.over li.code-W1 a,
.over li.code-W2 a,
.over li.code-W3 a,
.over li.code-W4 a,
.over li.code-W5 a {
	color:#fff;
	background:red;
}
.over li.code-4 a,
.over li.code-4NB a {
	color:#fff;
	background:#2696d6;
}
.over li.code-6 a,
.over li.code-6NB a {
	color:#fff;
	background:#956eb9;
}
.over a.counter {
	float:left;
	width:18px;
	font:500 12px/18px Roboto;
	border-radius:11px;
	border:2px solid #ccc;
	text-align:center;
	margin:1px 10px 0 0;
	background:#fff;
	color:#777;
}
.over a.counter:hover {
	text-decoration:none;
}
.over-current a.counter {
	color:#fff;
	border-color:#9cb92c;
	background:#9cb92c;
}
.over span.bowler {
	float:left;
	width:147px;
	line-height:20px;
	margin-top:2px;
}
.bbb-buttons {
	float:left;
	margin-bottom:12px;
}
.bbb-buttons a {
	padding:3px 10px;
	text-decoration:none !important;
	margin-right:10px;
	display:inline-block;
	border-radius:4px;
	background:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.1);
}
.quick-score {
	clear:left;
}
.quick-score input {
	padding:3px 7px;
	margin-right:8px;
}
.scorecard {
	min-width:90%;
}
.scorecard th {
	font-weight:bold;
}
.scorecard th,
.scorecard td {
	padding-right:26px;
}
.scorecard .right {
	text-align:right;
}
.scorecard .center {
	text-align:center;
}
.scorecard .number {
	padding-right:20px;
}
.scorecard .number:last-child {
	padding-right:3px;
}
.scorecard .score {
	font-weight:bold;
}
.scorecard tr.not-out .score {
	color:#f00;
}
.scorecard tr.not-out td {
	background:#fff;
	border-top:1px solid #eee;
}
.team-list {
	min-height:310px;
}
.team-list select {
	padding:5px;
	outline:none;
}
.team-list .button {
	padding:5px;
	margin-left:6px;
}
.players {
	width:560px;
}
.players li {
	height:18px;
	padding:2px 6px;
}
.players li span {
	float:left;
	width:160px;
}
.players li span em {
	font-weight:bold;
	color:#f60;
	margin-left:0.3em;
}
.players li input {
	display:none;
	width:50px;
}
.players li:hover {
	background:#fff;
}
.players li:hover input {
	display:inline;
}
.players img {
	vertical-align:middle;
	margin-top:-4px;
}
.fow {
	margin-top:1.5em;
}
.fow li {
	display:inline;
	white-space:nowrap;
}
.fow li:after {
	content:', ';
}
.fow li:first-child:after,
.fow li:last-child:after {
	content:'';
}

/*
======================
Dashboard
======================
*/
#summaries h2 {
	clear:left;
	margin:0 0 18px 0;
	padding:0 8px;
	color:#fff;
	background:#9f73c5;
	border-radius:4px;
}
#summaries ul {
	width:101.4%;
	margin-right:-1.4%;
}
#summaries li {
	float:left;
	width:23.6%;
	height:235px;
	background:#eee;
	margin:0 1.4% 18px 0;
	border-radius:4px;
	padding:8px;
	box-sizing:border-box;
	overflow:hidden;
}
#summaries a {
	color:#9f73c5;
	font-size:10px;
	font-family:Tahoma;
}
#summaries h3 small {
	font-weight:normal;
	font-family:Arial,sans-serif;
	font-size:12px;
}
#summaries table {
	width:100%;
}
#summaries th {
	padding-right:20px;
	font-weight:bold;
	font-size:11px;
	color:#9cb92c;
}
#summaries td {
	padding-right:20px;
	white-space:nowrap;
}
#summaries .right {
	text-align:right;
	padding-left:12px;
	padding-right:0;
}
#summaries .no-padding {
	padding-left:0;
	padding-right:0;
}





/*
覧覧覧覧覧覧覧覧覧覧覧
Scoring
覧覧覧覧覧覧覧覧覧覧覧
*/
.scoring {
	background:#f2f2f2;
	border-bottom:1px solid #D9D9D9;
	border-radius:7px;
	padding:20px 25px;
	margin-bottom:40px; /* TEMP */
}
.bowler {
	xheight:40px;
}
.bowler select {
	float:left;
	width:250px;
	font-size:16px;
	padding:5px;
	background:#ddd;
	border:1px solid #ddd;
	outline:none;
	margin-right:20px;
}
.bowler ul {
	float:left;
}
.bowler li {
	float:left;
}
.bowler a {
	display:block;
	width:31px;
	height:31px;
	text-align:center;
	font-size:16px;
	line-height:31px;
	background:#e2e2e2;
	margin-right:8px;
	text-decoration:none!important;
}
.bowler a.current {
	background:#f9c100;
}

.batsman {
	height:40px;
}
.batsman strong {
	float:left;
	width:250px;
	font-size:16px;
	line-height:31px;
	font-weight:normal;
	padding:0 5px;
	background:#ddd;
	border:1px solid #ddd;
	outline:none;
	margin-right:20px;
	box-sizing:border-box;
}
.batsman li {
	float:left;
	width:31px;
	height:31px;
	background:#e2e2e2;
	margin-right:8px;
	text-align:center;
	font-size:16px;
	line-height:31px;
}

.quickpick {
	height:60px;
}
.quickpick input {
	float:left;
	background:#ddd;
	border:0;
	padding:0 10px;
	cursor:pointer;
	margin-right:10px;
	font-size:16px;
	height:31px;
	outline:none;
}

.edit-ball label {
	float:left;
	width:90px;
}
.live-button {
	float:right;
	background:#ddd;
	width:120px;
	height:40px;
	border:0;
	font-size:18px;
	color:#888;
	cursor:pointer;
	outline:0;
}
.live-button-live {
	text-transform:uppercase;
	color:#fff;
	background:#9cb92c;
	pointer-events:none;
	font-weight:bold;
	font-family:Roboto;
	font-size:20px;
	text-shadow:0 0 12px #fff;
}




@media print {
	html {
		background:none;
	}
	body {
		padding:0;
		font-size:11px;
	}
	h1, #header-wrapper, .toolbar {
		display:none;
	}
	h2.printable {
		display:block;
		font-size:2em;
		margin-bottom:1.2em;
	}
	h2.printable span {
		display:block;
		font-size:12px;
		font-weight:normal;
	}
	#content-wrapper {
		padding:0;
		width:900px;
	}
	.box {
		padding:0;
		box-shadow:none;
	}
	#summaries li {
		width:31.9333%;
		height:228px;
	}
	.do-not-print {
		display:none;
	}
}








.fancybox__content {
	padding:1rem !important;
	border-radius:1em !important;
}