html {
	height: 100%;
	/*background: #c89f89 url(/assets/backgrounds/html.png) repeat;*/
}
body {
	background: #fff url(/assets/backgrounds/body.png) repeat-y left;
	/*background-color: #fff;
	background-image: url(/assets/backgrounds/body.png), url(/assets/backgrounds/body2.png);
	background-position: left, right;
	background-repeat: repeat-y, repeat;
	background-color: #fff;*/
	font-family: "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 95%;
	line-height: 1.5;
	color: #000;
	margin: 0px;
	padding: 0px;
	height: 100%;
	/*max-width: 1100px;*/


	/*min-width: 600px;
	max-width: 1100px;
	border-right: solid 2px #fff;
	-webkit-box-shadow: rgba(124, 98, 87, 0.5) 0px 0px 5px;
	-moz-box-shadow: rgba(124, 98, 87, 0.5) 0px 0px 5px;
	box-shadow: rgba(124, 98, 87, 0.5) 0px 0px 5px;*/
}
body.no_sidebar {
	background: #fff none;
}

header, nav, section, article, footer, aside {
	display: block;
}


.debug {
	font-size: 90%;
	font-family: Consolas, "Lucida Console", Monaco, monospace;
	color: #666;
	padding: 0px;
	margin: 0.5em 0 0 0;
}


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

.warning {
	color: #9e1e25; 
}
.alert_block {
	background: transparent url(/assets/backgrounds/alert.png) no-repeat left 0.2em;
	padding-left: 20px;
}
.info_note {
	background: transparent url(/assets/backgrounds/info_note.png) no-repeat left 0.2em;
	padding-left: 20px;
}
.iframe {
	border: none 0px;
	margin: 0;
	padding: 0;
}

#wrapper {
    background: url("/assets/center.gif") repeat-x scroll left top transparent;
    font-size: 13px;
    margin: 0;
    padding-top: 16px;
}


mark {
	font-weight: bold;
	font-style: normal;
	color: #000;
	background: none;
}

form {
	margin: 0;
	padding: 0;
}
form.inline_edit {
	float: left;
}
input, textarea, select {
	margin: 0;
	font-size: 100%;
	line-height: 1.3;
	font-family: "Segoe UI", Helvetica, Arial, sans-serif;
}
input, textarea, select {
	margin: 0;
	padding: 5px 5px 5px 24px;
	background: #fff;
	color: #000;
	border: solid 2px #629bb7;
	webkit-border-radius: 5px;
	moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
select {
	padding: 5px;
	}
textarea {
	min-width: 300px;
	min-height: 4em;
}
textarea.limit_height {
	max-height: 120px;
}
input:hover, textarea:hover {
	background: #ebf2f6;
	border: solid 2px #007092;
}
input[type=radio], input[type=checkbox] {
	border: none 0px;
	padding: 0;
	webkit-border-radius: 0px;
	moz-border-radius: 0px;
	border-radius: 0px;
}
input.hasDatepicker, input.date_time_picker_v2 {
	background-image: url(/assets/backgrounds/date_picker.png) !important;
	background-repeat: no-repeat;
	background-position: 4px center;
	padding-left: 22px;
}
label, mark.label {
	display: block;
	margin: 0;
	padding: 0;
	color: #629bb7;
}
/*Making this label an inline block reduces the chance of it accidently being clicked when selecting a user from the tokenizer drop down menu.*/
label[for=post_all_users] {
	display: inline-block;
}
mark.label {
	display: inline;
	margin-right: 0.5em;
}
form p {
	margin: 0;
}

/*Form validation alerts. Note these rules also have to handle what's output by the Rails validation, and this is a bit messy. It adds 'span.fieldWithErrors' elements to the page.*/
.required input, .required textarea, .required select {
	background-image: url(/assets/backgrounds/required.png);
	background-repeat: no-repeat;
	background-position: 4px center;
}
.required select {
	/*padding-left: 24px;*/
	text-indent: 18px;
	min-width: 200px;
}

form span.fieldWithErrors {
	display: block;
}
form p + p, form p + span.fieldWithErrors, form span.fieldWithErrors + p {
	margin-top: 1em;
}
form .validation_alert label, form span.fieldWithErrors label {
	color: #9a282f;
}
/*Textareas using TinyMCE can't show the validation alert, show we add the class 'mceLabel' to their label instead.*/
form .validation_alert label.mceLabel {
	background: #fff url(/assets/backgrounds/alert.png) no-repeat 4px center;
	padding-left: 24px;
}
form .validation_alert input, form .validation_alert textarea, form .validation_alert select, form span.fieldWithErrors input, form span.fieldWithErrors textarea, form span.fieldWithErrors select {
	border-color: #9a282f;
	background: #fff url(/assets/backgrounds/alert.png) no-repeat 4px center;
}
form .validation_alert select, form span.fieldWithErrors select {
	text-indent: 18px;
	min-width: 200px;
} 
form .validation_alert input:hover, form .validation_alert textarea:hover, form span.fieldWithErrors input:hover, form span.fieldWithErrors textarea:hover {
	background: #fceef0 url(/assets/backgrounds/alert.png) no-repeat 4px center;
}

footer {
	margin: 1.5em 0 0 0;
}
form + footer {
	margin-top: 2em;
	padding-top: 1em;
	border-top: solid 1px #daeaf6;
}

.modal_override{
    border: solid 2px #629bb7!important;
    background: #007092 url(/assets/backgrounds/button.png) repeat-x top!important;
    color: #fff!important;
}
form footer input, input.inline_submit, input[type=submit],.modal_button {
	color: #fff;
	text-shadow: #007092 0px 0px 5px;
	font-weight: bold;
	font-size: 80%;
	line-height: 1.2;
	background: #007092 url(/assets/backgrounds/button.png) repeat-x top;
	margin: 0;
	padding: 3px 10px;
	border: solid 2px #629bb7;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset rgba(44, 110, 142, 1) 0px 0px 5px;
	-moz-box-shadow: inset rgba(44, 110, 142, 1) 0px 0px 5px;
	box-shadow: inset rgba(44, 110, 142, 1) 0px 0px 5px;
}
form footer input:hover, form footer input:active, input.inline_submit:hover, input.inline_submit:active, input[type=submit]:hover, input[type=submit]:active
,.modal_button_hover{
	background: #004459 url(/assets/backgrounds/button_hover.png) repeat-x top!important;
	text-shadow: #004459 0px 0px 5px!important;
	border: solid 2px #629bb7!important;
}
form footer input + input, form footer input + a {
	margin-left: 1em;
}
form footer .form_alert,
form .js_form_errors {
	color: #fff;
	font-size: 90%;
	line-height: 1.3;
	text-align: left;
	margin: 1em 0 0 0;
	padding: 3px 5px 3px 24px;
	background: #b4242d url(/assets/backgrounds/alert_white.png) no-repeat 4px center;
	border: solid 2px #931e25;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

header#primary_nav {
	display: block;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Tahoma, Geneva, sans-serif;
	background: #fff;	
	min-width: 720px;
	/*max-width: 1098px;
	border-right: solid 2px #fff;
	-webkit-box-shadow: rgba(124, 98, 87, 0.5) 2px 1px 3px;
	-moz-box-shadow: rgba(124, 98, 87, 0.5) 2px 1px 3px;
	box-shadow: rgba(124, 98, 87, 0.5) 2px 1px 3px;*/
}

header#primary_nav #client_logo_wrapper {
	display:block;
	margin: 0 20px 0 16px;
	padding: 15px 0 8px 0;
}

header#primary_nav img#client_logo {
	border: none 0px;
	max-height:80px;
	overflow: hidden;
	
}
header#primary_nav nav {
	background: #679da8 url(/assets/backgrounds/primary_nav.png) repeat-x top;
}
header#primary_nav nav ul, header#primary_nav nav ul li {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	display: inline;
}
header#primary_nav nav ul li a {
	display: block;
	float: left;
	background: #70a8a6 url(/assets/backgrounds/primary_nav_a.png) repeat-x top;
	margin: 0;
	padding: 12px 16px 7px 16px;
	border-right: solid 2px #fff;
	font-size: 0.9em;
	line-height: 1.2;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	text-shadow: #507978 0px 0px 5px;
}
header#primary_nav nav ul li a:visited {
	color: #fff;
}
header#primary_nav nav ul li a:hover {
	background: #006e91 url(/assets/backgrounds/primary_nav_a_hover.png) repeat-x top;
	text-shadow: #00445b 0px 0px 5px;
}
header#primary_nav nav ul li#primary_active a {
	background: #9e1e25 url(/assets/backgrounds/primary_nav_a_active.png) repeat-x top;
	text-shadow: #9a282f 0px 0px 5px;
	-webkit-box-shadow: inset rgba(154, 40, 47, 0.8) 0px 0px 5px, inset rgba(255, 255, 255, 0.2) 0px 20px 1px;
	-moz-box-shadow: inset rgba(154, 40, 47, 0.8) 0px 0px 5px, inset rgba(255, 255, 255, 0.2) 0px 20px 1px;
	box-shadow: inset rgba(154, 40, 47, 0.8) 0px 0px 5px, inset rgba(255, 255, 255, 0.2) 0px 20px 1px;
}
header#primary_nav nav aside#sidebar_link,.hidden {
	display: none;
}
header#primary_nav nav aside#user_links {
	clear: left;
	background: #23535d url(/assets/backgrounds/primary_nav_user_links.png) repeat-y left;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	font-size: 0.8em;
	line-height: 1.2;
	text-align: right;
	color: #dbe8eb;
	margin: 0px;
	padding: 7px 20px 7px 20px;
	-webkit-box-shadow: inset #23535d -5px 2px 5px;
	-moz-box-shadow: inset #23535d -5px 2px 5px;
	box-shadow: inset #23535d -5px 2px 5px;
}
header#primary_nav nav aside#user_links p {
	margin: 0;
	padding: 0;
	line-height: 1;
}
header#primary_nav nav aside#user_links a#account_link, header#primary_nav nav aside#user_links a#log_out_link {
	display: inline-block;
	margin: -7px 0 -7px 5px;
	padding: 7px 10px;
	background: #d1e6ed url(/assets/backgrounds/account_link.png) repeat-x top;
	color: #23535d;
	text-shadow: #e4eff3 0px 0px 5px;
	text-decoration: none;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
}
header#primary_nav nav aside#user_links a#account_link:visited {
	color: #23535d;
}
header#primary_nav nav aside#user_links a#account_link:hover {
	color: #fff;
	text-shadow: #00445b 0px 0px 5px;
	background: #006e91 url(/assets/backgrounds/primary_nav_a.png) repeat-x top;
}
header#primary_nav nav aside#user_links a#log_out_link {
	background: #b4232b url(/assets/backgrounds/log_out.png) repeat-x top;
	color: #fff;
	text-shadow: #991920 0px 0px 5px;
}
header#primary_nav nav aside#user_links a#log_out_link:visited {
	color: #fff;
}
header#primary_nav nav aside#user_links a#log_out_link:hover {
	background: #7a1514 url(/assets/backgrounds/log_out_hover.png) repeat-x top;
	text-shadow: #53100e 0px 0px 5px;
}

section#main_body {
	position: relative;
	min-width: 720px;
}
	
section#content {
	position: absolute;
	top: 0px;
	left: 279px;
	right: 0px;
	padding: 0 20px 60px 42px;
    min-height: 1000px;
	background: #fff url(/assets/backgrounds/content.png) repeat-y left;
	/*border-right: solid 2px #fff;
	-webkit-box-shadow: rgba(124, 98, 87, 0.5) 2px 1px 3px;
	-moz-box-shadow: rgba(124, 98, 87, 0.5) 2px 1px 3px;
	box-shadow: rgba(124, 98, 87, 0.5) 2px 1px 3px;*/
}
body.no_sidebar section#content {
	background: #fff none;
	left: 0px;
	padding: 20px;
}
section#content header {
	font-family: "Trebuchet MS", Tahoma, Geneva, sans-serif;
}
section#content header h1 {
	margin: 0 -20px 20px -20px;
	padding: 13px 20px 13px;
	background: #006e91 url(/assets/backgrounds/header_h1.png) repeat-x top;
	font-size: 1.1em;
	line-height: 1.2;
	font-weight: bold;
	color: #fff;
	text-shadow: #00445b -1px -1px 1px, #327ea3 1px 1px 1px;
	text-transform: capitalize;
}
section.info_block {
	margin: 20px -20px 0 -20px;
	padding: 0 20px 20px 20px;
	background: #fff url(/assets/backgrounds/info_block.png) repeat-x top;
	clear: both;
}
section.info_block.tab_block {
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	border-top: solid 2px #369cba;
}
section.info_block + section.info_block {
	margin-top: 0;
}

section#content section.info_block header {
	position: relative;
	margin: 0 -20px 20px -20px;
	padding: 10px 20px;
	background: #e9f2f6 url(/assets/backgrounds/block_header.png) repeat-x top;
	/*-webkit-box-shadow: inset #bdd9e3 -2px 2px 2px;
	-moz-box-shadow: inset #bdd9e3 -2px 2px 2px;
	box-shadow: inset #bdd9e3 -2px 2px 2px;*/
}
section#content section.info_block header h1 {
	margin: 0 10px 0 0;
	padding: 0;
	display: inline-block;
	background: transparent none;
	color: #27617e;
	font-size: 1em;
	text-shadow: none;
}
section#content section.info_block header h1 a {
	color: #27617e;
	text-decoration: none; 
}
section#content section.info_block.alt header {
	background: #369cba url(/assets/backgrounds/block_header_alt.png) repeat-x top;
	/*-webkit-box-shadow: inset #007495 -2px 2px 2px;
	-moz-box-shadow: inset #007495 -2px 2px 2px;
	box-shadow: inset #007495 -2px 2px 2px;*/	
}
section#content section.info_block.alt header h1 {
	color: #fff;
}
section#content section.info_block.alt header h1 a {
	color: #fff;
}
section#content section.info_block header a.rss_button {
	/*position: absolute;
	right: 10px;
	top: 5px;*/
	display: block;
	float: right;
	margin: -5px -15px 0 20px;
}

section.dialog {
	width: 300px;
	margin: 20px auto;
	padding: 20px;
	text-align: left;
	background: #fff;
	border: solid 2px #daeaf6;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: #daeaf6 0px 2px 10px;
	-moz-box-shadow: #daeaf6 0px 2px 10px;
	box-shadow: #daeaf6 0px 2px 10px;
}
section.dialog.login {
	background: #fff url(/assets/logos/collabor8online.gif) no-repeat center 15px;
	padding: 70px 20px 0 20px;
}
section.dialog h1 {
	margin: 0 -20px 1.5em -20px;
	padding: 0 20px;
	font-size: 1em;
	line-height: 1.2;
	font-weight: bold;
	color: #629bb7;
	border-bottom: solid 1px #daeaf6;
}
section.dialog form p input, section.dialog form p textarea, section.dialog form span.fieldWithErrors input, section.dialog form span.fieldWithErrors textarea {
	width: 267px;
}
section.dialog form footer {
	margin: 1.5em -20px 0 -20px;
	padding: 10px 20px;
	background: #fff url(/assets/backgrounds/info_block.png) repeat-x top;
	text-align: center;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
section.dialog form footer .form_alert {
	margin: 1em -22px -12px -22px;
	padding: 3px 25px;
	text-align: center;
	background: #b4242d none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

section#content h2 {
	font-family: "Trebuchet MS", Tahoma, Geneva, sans-serif;
	font-size: 1em;
	line-height: 1.2;
}
section#content p + h2, section#content form + h2 {
	margin-top: 2em;
}
section#content h2.versions {
	background: transparent url(/assets/backgrounds/versions.png) no-repeat left center;
	padding-left: 20px;
}
section.padding_block_right {
	position: relative;
	padding-right: 220px;
}
section.padding_block_right .aligned {
	position: absolute;
	top: 0px;
	right: 0px;
}
section.padding_block_right .aligned img {
	border: none 0px;
}

ul.tab_bar, ul.tab_bar li {
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	display: inline;
	font-family: "Trebuchet MS", Tahoma, Geneva, sans-serif;
	font-size: 95%;
	text-transform: uppercase;
}
ul.tab_bar {
	display: block;
	margin: 0;
}
ul.tab_bar li a {
	display: block;
	float: left;
	margin: 0;
	padding: 7px 20px;
	color: #2c6e8e;
	text-decoration: none;
	background: #ddedf2 url(/assets/backgrounds/current_item_nav_a.png) repeat-x top;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	text-shadow: #ddedf2 0px 0px 5px;
}
ul.tab_bar li a:visited {
	color: #2c6e8e;
}
ul.tab_bar li a:hover {
	color: #fff;
	background: #78b8cd url(/assets/backgrounds/current_item_nav_a_hover.png) repeat-x top;
	text-shadow: #78b8cd 0px 0px 5px;
}
ul.tab_bar li.tab_active a, ul.tab_bar li.tab_active a:visited, ul.tab_bar li.tab_active a, ul.tab_bar li.tab_active a:hover {
	color: #fff;
	background: #369cba url(/assets/backgrounds/current_item_nav_active.png) repeat-x top;
	text-shadow: #369cba 0px 0px 5px;
	border-bottom: solid 1px #369cba;
}
ul.tab_bar li:first-of-type a {
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
}
ul.tab_bar li:last-of-type a {
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
}


nav#current_item_nav, section#content header + h2, nav#current_item_nav + h2 {
	margin: -20px -20px 20px -20px;
	padding: 0;
	background: #e1eff4 url(/assets/backgrounds/current_item_nav.png) repeat-x top;
}
section.function_bar + nav#current_item_nav, section#content header + h2, nav#current_item_nav + h2, section#content header + nav#current_item_nav {
	border-top: solid 2px #fff;
}
section.function_bar + nav#current_item_nav > section.function_bar {
	background-color: #369cba;
}
div + nav#current_item_nav {
	margin-top: 0;
}
section#content header + h2, nav#current_item_nav + h2 {
	padding: 10px 20px;
	margin-bottom: 0;
	border-bottom: solid 2px #fff;
}
nav#current_item_nav ul.tab_bar li a {
	padding: 10px 20px;
	border-right: solid 2px #fff;
}
nav#current_item_nav ul.tab_bar li:first-of-type a, nav#current_item_nav ul.tab_bar li:last-of-type a {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
/*nav#current_item_nav ul.tab_bar li.tab_active a {
	border-bottom: solid 1px #369cba;
}*/

section.function_bar {
	clear: left;
	background: #369cba;
	margin: -20px -20px 20px -20px;
	padding: 7px 20px;
	min-height: 2.2em;
}
header section.function_bar {
	background: #006e91;
}
nav#current_item_nav section.function_bar {
	margin: 0;
}
/*Inner wrapper used to limit width of function_bar if it contains more than one link block.*/
section.function_bar div.wrapper {
	max-width: 760px;
}
section.function_bar ul {
	max-width: 760px;
	display: inline;
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}
section.function_bar ul li {
	display: inline;
  color: #FFFFFF;
}
section.function_bar ul li a {
	display: block;
	float: left;
}
section.function_bar input.inline_submit {
	float: left;
	font-family: "Trebuchet MS", Tahoma, Geneva, sans-serif;
	text-transform: capitalize;
	border-color: #fff;
}
section.function_bar ul + form input.inline_submit {
	margin-left: 10px;
	padding: 6px 10px;
}

section#content > article, article.top_level_article {
	margin-top: 40px;
	/*max-width: 760px;*/
}
section#content article.inline_display {
	margin: 0;
}
section#content header + h2 + article {
	margin-top: 20px;
}
section#content article p,.alert_task_dialog article p{
	margin: 0;
}
section#content article p + p, section#content article p + form, section#content article form + p {
	margin-top: 1em;
}

ul.button_bar, ul.button_bar li {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}
ul.button_bar {
	min-height: 2em;
	clear: both;
}
ul.button_bar li {
	display: inline;
}
h1 + nav + ul.button_bar {
	margin-top: 20px;
}
ul.button_bar.truncated_block {
	margin-left: -22px;
	margin-right: -20px;
	padding-left: 22px;
	padding-right: 20px;
	padding-bottom: 25px;
	background: transparent url(/assets/backgrounds/truncated_block.png) repeat-x right bottom;
}


a.button, a.button_alert, ul.button_bar li a, ul.button_bar li mark, a.js_add_todo, a.btn-success {
	display: inline-block;
	font-family: "Trebuchet MS", Tahoma, Geneva, sans-serif;
	font-size: 80%;
	line-height: 1.2;
	color: #2c6e8e;
	text-shadow: #eff6f9 0px 0px 5px;
	text-decoration: none;
	font-weight: bold;
	background: #d1e6ed url(/assets/backgrounds/button_alt.png) repeat-x top;
	padding: 6px 10px;	
	border: solid 2px #629bb7;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset rgba(255, 255, 255, 1) 0px 0px 2px;
	-moz-box-shadow: inset rgba(255, 255, 255, 1) 0px 0px 2px;
	box-shadow: inset rgba(255, 255, 255, 1) 0px 0px 2px;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
ul.button_bar li a {
	display: block;
	float: left;
	border-left: none 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-transform: capitalize;
}

ul.button_bar.align_right li a {
	float: right;
}
/*Used to add a non-link label to a button bar.*/
ul.button_bar li mark {
	display: block;
	float: left;
	color: #fff;
	background: #629bb7 none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: #3d8eaa 0px 0px 5px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
ul.button_bar li:first-child mark {
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

a.button_alert, ul.button_bar li.alert_link a {
	background: #b5242d url(/assets/backgrounds/button_alert.png) repeat-x top;
	color: #fff;
	text-shadow: #9a282f 0px 0px 5px;
	border-color: #691c1b;
	-webkit-box-shadow: inset rgba(217, 167, 169, 1) 0px 0px 3px;
	-moz-box-shadow: inset rgba(217, 167, 169, 1) 0px 0px 3px;
	box-shadow: inset rgba(217, 167, 169, 1) 0px 0px 3px;
}
section.function_bar ul.button_bar li.alert_link a {
	float: right;
}
a.button:visited, ul.button_bar li a:visited {
	color: #2c6e8e;
}
a.button_alert:visited, a.button_alert:visited, ul.button_bar li.alert_link a:visited {
	color: #fff;
}
a.button:hover, a.button_alert:hover, ul.button_bar li a:hover, ul.button_bar li a.button_selected {
	color: #fff;
	background: #399cba url(/assets/backgrounds/button_alt_hover.png) repeat-x top;
	text-shadow: #3d8eaa 0px 0px 5px;
}

ul.button_bar li:first-child a {
	border-left: solid 2px #629bb7;
}
ul.button_bar li:first-child.alert_link a {
	border-color: #691c1b;
}
ul.button_bar li:last-child a {
	clear: right;
}
ul.button_bar li:first-of-type a,
a.js_add_todo, a.btn-success {
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

ul.button_bar li:last-of-type select,
ul.button_bar li:last-of-type a,
a.js_add_todo, a.btn-success {
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

ul.button_bar li:last-of-type select{
    font-size: 16px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-left: none;
    margin: 0px;
    padding: 4px;
    min-height: 30px;
    max-height: 30px;
}

section.function_bar ul li a {
	border-color: #fff;
}
section.function_bar ul li:first-child a, section.function_bar ul li:first-child.alert_link a {
	border-color: #fff;
}
section.function_bar ul li a, a.js_add_todo, a.btn-success {
	color: #fff;
	text-shadow: #007092 0px 0px 5px;
	background: #007092 url(/assets/backgrounds/button.png) repeat-x top;
	-webkit-box-shadow: inset rgba(44, 110, 142, 1) 0px 0px 5px;
	-moz-box-shadow: inset rgba(44, 110, 142, 1) 0px 0px 5px;
	box-shadow: inset rgba(44, 110, 142, 1) 0px 0px 5px;
	}
section.function_bar ul li.alert_link a {
	background: #b5242d url(/assets/backgrounds/button_alert.png) repeat-x top;
	text-shadow: #9a282f 0px 0px 5px;
	-webkit-box-shadow: inset rgba(154, 40, 47, 1) 0px 0px 5px;
	-moz-box-shadow: inset rgba(154, 40, 47, 1) 0px 0px 5px;
	box-shadow: inset rgba(154, 40, 47, 1) 0px 0px 5px;
}
section.function_bar ul li a:visited {
	color: #fff;
}
section.function_bar ul li a:hover, a.js_add_todo:hover, a.btn-success:hover {
	background: #004459 url(/assets/backgrounds/button_hover.png) repeat-x top;
	text-shadow: #004459 0px 0px 5px;
}
a.button_alert:hover, ul.button_bar li.alert_link a:hover, section.function_bar ul li.alert_link a:hover {
	background: #7b1715 url(/assets/backgrounds/button_alert_hover.png) repeat-x top;
	text-shadow: #7b1715 0px 0px 5px;
}
section#content section.info_block header a.button, caption a.button {
	font-size: 80%;
	padding: 5px 8px;
}

a.button + a.button, a.button + a.button_alert, a.button.include_margin {
	margin-left: 20px;
}
h2 a.button {
	margin-right: 10px;
}
h2 a.button:last-of-type {
	margin-left: 10px;
}

section#sidebar {
	position: relative;
	top: 0px;
	left: 0px;
	width: 239px;	
	padding: 0 35px 20px 20px;
}
section#sidebar form#search_form {
	margin: 0 -20px;
	padding: 20px;
	background: url(/assets/backgrounds/sidebar_search.png) repeat-x top;
	font-family: "Trebuchet MS", Tahoma, Geneva, sans-serif;
	font-size: 0.9em;
	line-height: 1.2;
	border-bottom: solid 2px #fff;
}

section#sidebar form#search_form input#search-box {
	width: 225px;
	padding: 5px;
	background: #fff url(/assets/backgrounds/search-box.png) repeat-x top;
	border: solid #fff 2px;
	-webkit-box-shadow: #accedc 0px 0px 4px, inset #accedc 0px 0px 4px;
	-moz-box-shadow: #accedc 0px 0px 4px, inset #accedc 0px 0px 4px;
	box-shadow: #accedc 0px 0px 4px, inset #accedc 0px 0px 4px;
}
section#sidebar form#search_form input#search-box:hover {
	border-color: #629bb7;
	background: #fff none;
}
section#sidebar form#search_form footer {
	margin: 5px 0 10px 0;
	text-align: right;
}
section#sidebar form#search_form footer input#submit {
	border: solid 2px #fff;
	font-size: 90%;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
section#sidebar form#search_form section#checkbox label {
	display: inline-block;
	margin: 0 0.5em 0.5em 0;
	font-size: 95%;
	color: #629bb7;
}
section#sidebar form#search_form section#checkbox label input {
	margin: 0 0.3em 0 0;
}

section#sidebar header h1 {
	margin: 0 -20px;
	padding: 10px 20px;
	font-family: "Trebuchet MS", Tahoma, Geneva, sans-serif;
	font-size: 1em;
	line-height: 1.2;
	font-weight: bold;
	text-transform: lowercase;
	color: #fff;
	text-shadow: 0px 0px 5px #3b9dbb;
	background: #3b9dbb url(/assets/backgrounds/sidebar_header.png) repeat-y right;
	border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
	-webkit-box-shadow: inset rgba(59, 157, 187, 0.6) 2px 3px 3px;
	-moz-box-shadow: inset rgba(59, 157, 187, 0.6) 2px 3px 3px;
	box-shadow: inset rgba(59, 157, 187, 0.6) 2px 3px 3px;
}
section#sidebar nav ul, section#sidebar nav ul li {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
section#sidebar nav ul li ul {
	display: none;
}
section#sidebar nav ul {
	/*margin: 0 -20px;*/
}
section#sidebar nav ul li {
	position: relative;
	color: #2c688e;
	text-decoration: none;
	background: #f1f6f9 url(/assets/backgrounds/sidebar_nav_item.png) repeat-y right;
	margin: 0;
	padding: 0;
	font-size: 85%;
	line-height: 1.3;
	font-weight: bold;
	border-bottom: solid 2px #fff;
}
section#sidebar nav ul li p {
	margin: 0;
	padding: 0 0 5px 33px;
}
section#sidebar nav ul li:hover {
	background: #dfedf2 url(/assets/backgrounds/sidebar_nav_item_hover.png) repeat-y right;
}
section#sidebar nav ul li a img {
	border: none 0px;
}
section#sidebar nav ul li a.item_link {
	display: block;
	color: #27617e;
	text-decoration: none;
	margin: 0;
	padding: 8px 5px 8px 42px;
	min-height: 16px;
	background: url(/assets/backgrounds/folder_closed.png) no-repeat 10px center;	
}
/*Next rule is applied to the first link only, otherwise all child list links would be styled the same way.*/	
section#sidebar nav ul li.directory.expanded > a.item_link {
	background: url(/assets/backgrounds/folder_open.png) no-repeat 10px center;	
}

/*Home icon at the top of the nav menu.*/
section#sidebar nav ul li.home a.item_link {
	background: url(/assets/backgrounds/home.png) no-repeat 20px 40%;
}
section#sidebar nav ul li.sidebar_item_active.home a.item_link {
	background: url(/assets/backgrounds/home_active.png) no-repeat 20px 40%;
}

/*Other link types in the nav menu.*/
section#sidebar nav ul li.user a.item_link {
	background: url(/assets/backgrounds/user.png) no-repeat 25px 40%;
}
section#sidebar nav ul li.sidebar_item_active.user a.item_link {
	background: url(/assets/backgrounds/user_active.png) no-repeat 25px 40%;
}
section#sidebar nav ul li.company a.item_link {
	background: url(/assets/backgrounds/company.png) no-repeat 24px 40%;
}
section#sidebar nav ul li.sidebar_item_active.company a.item_link {
	background: url(/assets/backgrounds/company_active.png) no-repeat 24px 40%;
}
section#sidebar nav ul li.users a.item_link {
	background: url(/assets/backgrounds/users.png) no-repeat 23px 40%;
}
section#sidebar nav ul li.sidebar_item_active.users a.item_link {
	background: url(/assets/backgrounds/users_active.png) no-repeat 23px 40%;
}
section#sidebar nav ul li.add_user a.item_link {
	background: url(/assets/backgrounds/add_user.png) no-repeat 25px 40%;
}
section#sidebar nav ul li.sidebar_item_active.add_user a.item_link {
	background: url(/assets/backgrounds/add_user_active.png) no-repeat 25px 40%;
}
section#sidebar nav ul li.activity a.item_link, section#sidebar nav ul li.timesheet a.item_link {
	background: url(/assets/backgrounds/activity.png) no-repeat 22px 45%;
}
section#sidebar nav ul li.sidebar_item_active.activity a.item_link {
	background: url(/assets/backgrounds/activity_active.png) no-repeat 22px 45%;
}
section#sidebar nav ul li.watchlist a.item_link {
	background: url(/assets/backgrounds/watchlist_small.png) no-repeat 20px 45%;
}
section#sidebar nav ul li.sidebar_item_active.watchlist a.item_link {
	background: url(/assets/backgrounds/watchlist_small_active.png) no-repeat 20px 45%;
}
section#sidebar nav ul li.download_sync_tool a.item_link {
    background: url(/assets/backgrounds/arrow_download.png) no-repeat 20px 45%;
    background-size: 16px;
}
section#sidebar nav ul li.sidebar_item_active.download_sync_tool a.item_link {
    background: url(/assets/backgrounds/arrow_download.png) no-repeat 20px 45%;
    background-size: 16px;
}

/*File types shown in the sidebar nav.*/
section#sidebar nav ul li.file a.item_link {
	background: url(/assets/backgrounds/page_default.png) no-repeat 25px center;
	}
section#sidebar nav ul li.page_book_open a.item_link {
	background: url(/assets/icons/book_open.png) no-repeat 22px center;
}
section#sidebar nav ul li.file.page_calendar_view_month a.item_link {
	background: url(/assets/icons/calendar_view_month.png) no-repeat 22px center;
}
section#sidebar nav ul li.file.page_car a.item_link {
	background: url(/assets/icons/car.png) no-repeat 22px center;
}
section#sidebar nav ul li.file.page_chart_bar a.item_link {
	background: url(/assets/icons/chart_bar.png) no-repeat 22px center;
}
section#sidebar nav ul li.file.page_coins a.item_link {
	background: url(/assets/icons/coins.png) no-repeat 22px center;
}
section#sidebar nav ul li.file.page_comment a.item_link {
	background: url(/assets/icons/comment.png) no-repeat 22px center;
}
section#sidebar nav ul li.file.page_palette a.item_link {
	background: url(/assets/icons/palette.png) no-repeat 22px center;
}
section#sidebar nav ul li.file.page_phone a.item_link {
	background: url(/assets/icons/phone.png) no-repeat 22px center;
}
section#sidebar nav ul li.file.page_sitemap a.item_link {
	background: url(/assets/icons/sitemap.png) no-repeat 22px center;
}
section#sidebar nav ul li.file.page_sport_soccer a.item_link {
	background: url(/assets/icons/sport_soccer.png) no-repeat 22px center;
}
section#sidebar nav ul li.file.page_star a.item_link {
	background: url(/assets/icons/star.png) no-repeat 22px center;
}
section#sidebar nav ul li.file.page_table a.item_link {
	background: url(/assets/icons/table.png) no-repeat 22px center;
}
section#sidebar nav ul li.file.page_telephone a.item_link {
	background: url(/assets/icons/telephone.png) no-repeat 22px center;
}
section#sidebar nav ul li.file.page_tick a.item_link {
	background: url(/assets/icons/tick.png) no-repeat 22px center;
}
section#sidebar nav ul li.file.page_time a.item_link {
	background: url(/assets/icons/time.png) no-repeat 22px center;
}
section#sidebar nav ul li.file.page_user a.item_link {
	background: url(/assets/icons/user.png) no-repeat 22px center;
}
section#sidebar nav ul li.file.page_vcard a.item_link {
	background: url(/assets/icons/vcard.png) no-repeat 22px center;
}
/*End of file types.*/

section#sidebar nav ul li.file a.item_link:hover {
	text-decoration: underline;
}
/*Nested lists.*/
section#sidebar nav ul li ul {
	margin: 0 0 0 10px;
	border-bottom: none 0px;
	/*border-top: solid 1px #f1f6f9;*/
}
section#sidebar nav ul li ul li, section#sidebar nav ul li ul li:hover {
	background: transparent none;
	border-bottom: none 0px;
	font-size: 100%;
	font-weight: normal;
	padding-bottom: 0;
}
section#sidebar nav ul li.sidebar_item_active, section#sidebar nav ul li.sidebar_item_active:hover {
	background: #0084a1 url(/assets/backgrounds/sidebar_nav_item_active.png) repeat-y right;
	-webkit-box-shadow: inset #0084a1 2px 3px 3px;
	-moz-box-shadow: inset #0084a1 2px 3px 3px;
	box-shadow: inset #0084a1 2px 3px 3px;
}
section#sidebar nav ul li.sidebar_item_active a.item_link {
	color: #fff;
}
section#sidebar nav ul li.sidebar_item_active ul li.directory > a.item_link {
	background: url(/assets/backgrounds/folder_closed_active.png) no-repeat 10px center;	
}
section#sidebar nav ul li.sidebar_item_active.directory.expanded > a.item_link {
	background: url(/assets/backgrounds/folder_open_active.png) no-repeat 10px center;	
}
section#sidebar nav ul li ul li.sidebar_item_active {
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

section#sidebar nav ul li.directory > a.item_link:hover, section#sidebar nav ul li.sidebar_item_active.directory > a.item_link:hover, section#sidebar nav ul li.sidebar_item_active ul li.directory > a.item_link:hover {
	background: url(/assets/backgrounds/folder_closed_hover.png) no-repeat 10px center;	
}
section#sidebar nav ul li.directory.expanded > a.item_link:hover, section#sidebar nav ul li.sidebar_item_active.directory.expanded > a.item_link:hover {
	background: url(/assets/backgrounds/folder_open_hover.png) no-repeat 10px center;	
}

section#sidebar nav ul li.directory.can_toggle > a.item_link, section#sidebar nav ul li.sidebar_item_active.directory.can_toggle > a.item_link {
	margin-left: 42px !important;
	padding-left: 0 !important;
	background-image: none !important;
}
section#sidebar nav ul li.directory a.item_link.folder_template:hover, section#sidebar nav ul li.sidebar_item_active.directory a.item_link.folder_template:hover  {
	background: transparent url(/assets/backgrounds/plus_white.png) no-repeat 98% 45% !important;
}

/*Rules for elements added or manipulated by the javascript nav tree functions.*/
li.directory a.nav_toggle {
	position: absolute;
	top: 0.7em;
	left: 11px;
	width: 28px;
	height: 13px;
	text-indent: 200px;
	overflow: hidden;
	background: url(/assets/backgrounds/folder_closed.png) no-repeat left center;
}
li.directory a.nav_toggle:hover, li.sidebar_item_active.directory.expanded li.directory a.nav_toggle:hover {
	background-image: url(/assets/backgrounds/folder_closed_hover.png);
}
li.directory.expanded > a.nav_toggle {
	background-image: url(/assets/backgrounds/folder_open.png);
}
li.sidebar_item_active.directory > a.nav_toggle, li.sidebar_item_active.directory li.directory a.nav_toggle {
	background-image: url(/assets/backgrounds/folder_closed_active.png);
}
li.sidebar_item_active.directory.expanded > a.nav_toggle, li.sidebar_item_active.directory.expanded li.directory.expanded a.nav_toggle {
	background-image: url(/assets/backgrounds/folder_open_active.png);
}
li.directory.expanded > a.nav_toggle:hover, li.sidebar_item_active.directory.expanded > a.nav_toggle:hover, li.sidebar_item_active.directory.expanded li.directory.expanded a.nav_toggle:hover {
	background-image: url(/assets/backgrounds/folder_open_hover.png);
}
li.directory.no_child {
	padding-left: 10px !important;
}
li.directory.no_child > a {
	background-position: -10px center !important;
	padding-left: 21px !important;
	margin-left: 11px !important;
}

.nav_tree li div.sorter:hover,.nav_tree li div.unsorter:hover{
    cursor: pointer;
}
.nav_tree li div.sorter{
    float: right;
    margin-top:8px;
    margin-right: 15px;
    width:16px;
    height: 15px;
    background: url(/assets/backgrounds/th_header_sort_order_down.png) no-repeat right center;
}
.nav_tree li div.unsorter{
    float: right;
    margin-top:8px;
    margin-right: 5px;
}

section#sidebar section#sidebar_calendar header h1 {
	margin-bottom: 10px;
	border-top: none 0px;
}
section#sidebar section#sidebar_calendar p.calendar_legend {
	position: relative;
	margin: 0.5em 0 0 0;
	padding: 0 0 0 20px;
	font-size: 80%;
	font-style: italic;
	color: #27617e;
}
section#sidebar section#sidebar_calendar p.calendar_legend img {
	position: absolute;
	left: 0px;
}
section#sidebar section#sidebar_calendar a.cal_export {
	display: block;
	background: transparent url(/assets/icons/calendar_view_month.png) no-repeat left center;
	margin: 1em 0 0 0;
	padding: 0 0 0 20px;
	color: #27617e;
	text-decoration: none;
}
section#sidebar section#sidebar_calendar a.cal_export:hover {
	opacity: 0.5;
}


.half_width {
	width: 48%;
 max-width: 370px;
	min-width: 200px;
	float: left;
	margin-bottom: 20px;
}
.half_width + .half_width {
	margin-left: 20px;
}

.half_width + .half_width.beginning_of_row {
    margin-left: 0px;
}


table.data_table {
	font-size: 1em;
	line-height: 1.3;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0;
}
table.data_table.full_width {
	width: 100%;
}
table.data_table.half_width {
	margin-bottom: 20px;
}
p + table.data_table, ul + table.data_table {
	margin-top: 1em;
}

table.data_table caption {
	position: relative;
	margin: 0 0 2px 0;
	padding: 5px 7px;
	font-family: "Trebuchet MS", Tahoma, Geneva, sans-serif;
	font-weight: bold;
	background: #27617e;
	color: #fff;
	text-align: left;
}
table.data_table caption a.button {
  float:right;
	padding: 2px 4px;
	border-width: 1px;
	border-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
table.data_table td, table.data_table th {
	border: none 0px;
	text-align: left;
	vertical-align: top;
	padding: 5px 7px;
	background: #ebf2f6;
	border-bottom: solid 2px #fff;
}
table.data_table td + td, table.data_table th + th, table.data_table th + td {
	border-left: solid 2px #fff;
}
table.data_table th {
	background: #d1e6ed url(/assets/backgrounds/button_alt.png) repeat-x left top;
	color: #27617e;
	font-family: "Trebuchet MS", Tahoma, Geneva, sans-serif;
	font-weight: bold;
}
table.data_table td.th {
	color: #27617e;
	font-family: "Trebuchet MS", Tahoma, Geneva, sans-serif;
}
table.data_table tr:nth-child(2n+1) td, table.data_table tr.even td {
	background: #f2f7f9;
}
table.data_table td img.user_photo {
	webkit-border-radius: 6px;
	moz-border-radius: 6px;
	border-radius: 6px;
  width: 50px;
}
table.data_table td.date_column {
	width: 80px;
}
table.data_table tr:last-of-type td:first-of-type {
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
}
table.data_table tr:last-of-type td:last-of-type {
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
}

/*Specific table uses such as the four column permissions table which is split into two element so we can apply the jScrollPane.js functions.*/
table.four_col th, table.four_col td {
	width: 25%;
}
/*The permissions table header. We leave a gap at the right so it lines up with the scroll controls.*/
table#permissions.use_scroller {
	padding-right: 18px;
}
#permissions_body {
	max-height: 400px;
	overflow: auto;
}
#permissions_body table tr.all td {
	background: #27617e;
	color: #fff;
}


a.block_link {
	display: inline-block;
	color: #27617e;
	text-decoration: none;
	background: transparent url(/assets/backgrounds/block_link.png) no-repeat right center;
	padding: 2px 30px 2px 3px;
	margin: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
a.block_link:visited {
	#343a7d;
}
a.block_link:hover {
	background: #fff url(/assets/backgrounds/block_link_hover.png) no-repeat right center;
	color: #629bb7;
	-webkit-box-shadow: #d6e5ec 2px 2px 4px;
	-moz-box-shadow: #d6e5ec 2px 2px 4px;
	box-shadow: #d6e5ec 2px 2px 4px;
}

a.block_link_alt {
	display: inline-block;
	margin: 0.5em 0;
	padding: 5px 10px;
	color: #27617e;
	font-size: 80%;
	font-family: "Trebuchet MS", Tahoma, Geneva, sans-serif;
	text-decoration: none;
	background: #fff url(/assets/backgrounds/image_attachment.png) repeat-x top;
	border: solid 2px #e9f2f6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
a.block_link_alt:visited {
	color: #27617e;
}
a.block_link_alt:hover {
	border-color: #629bb7;
}

table.data_table td a.block_link {
	margin: -2px -4px;
	padding: 2px 30px 2px 3px;
}

table.data_table.comments td a.block_link {
  text-overflow:ellipsis;
  overflow: hidden;
  width: 268px;
}

  .notification_comment_true {
    background: none repeat scroll 0 0 #ffeaeb !important;
  }




table.data_table td a.block_link img.file_icon,
table.data_table td .document_name_and_title .glyphicon-link {
	border: none 0px;
	display: inline-block;
	margin: 0 6px -0.2em 0;
}
table.data_table td input.inline_submit {
	margin: -2px -4px;
	padding: 2px 4px;
	font-size: 90%;
}

a.sort_order_down, a.sort_order_up {
	display: block;
	padding-right: 25px;
	white-space: nowrap;
	text-decoration: none;
	overflow: hidden;
	background: url(/assets/backgrounds/sort_icons.png) no-repeat 97% -21px;	
}
a.sort_order_up {
	background: url(/assets/backgrounds/sort_icons.png) no-repeat 97% 9px;
}
a.sort_order_down:hover, a.sort_order_up:hover {
	opacity: 0.5;
}
/*Rules to match classes added by jQuery.tablesorter().*/
table.data_table th.header {
	color: #fff;
	cursor: pointer;
	text-shadow: #399cba 0px 0px 5px;
	background: #399cba url(/assets/backgrounds/th_header.png) no-repeat right center;
	-webkit-box-shadow: inset rgba(255, 255, 255, 0.2) 0px 15px 1px;
	-moz-box-shadow: inset rgba(255, 255, 255, 0.2) 0px 15px 1px;
	box-shadow: inset rgba(255, 255, 255, 0.2) 0px 15px 1px;
}
table.data_table th.header.headerSortDown, table.data_table th.header.headerSortUp {
	background: #399cba url(/assets/backgrounds/th_header_sort_order_down.png) no-repeat right center;
}
table.data_table th.header.headerSortUp {
	background: #399cba url(/assets/backgrounds/th_header_sort_order_up.png) no-repeat right center;
}

.sortable_block {
	margin: -10px 0;
	padding: 10px 0;
}
p + .sortable_block {
	margin-top: 1em;
}
.sortable_block ul.button_bar {
	margin-bottom: 20px;
}
.sortable_block h2 {
	margin: 0;
	padding: 5px 8px;
	background: #369cba url(/assets/backgrounds/block_header_alt.png) repeat-x top;
	color: #fff;
	font-size: 0.9em;
}


/*Version info.*/
section#content p.item_version {
	display: inline-block;
	margin: 0 0.5em 0.5em 0;
	padding: 3px;
	background: #27617e;
	color: #fff;
	border: solid 2px #27617e;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

p.item_version a {
	display: block;
	margin: -3px;
	padding: 3px 3px 3px 18px;
	background: #fff url(/assets/backgrounds/arrow_small_blue.png) no-repeat 5px center;
	color: #27617e;
	text-decoration: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
p.item_version a:visited {
	color: #27617e;
}
p.item_version a:hover {
	background: #d6e5ec url(/assets/backgrounds/arrow_small_white.png) no-repeat 5px center;
}




/*Icons used for inline editing functions.*/
a.inline_edit {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 24px;
	height: 24px;
	text-indent: 200px;
	white-space: nowrap;
	overflow: hidden;
	opacity: 0.5;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	opacity: 0.5;
}
nav ul li + li .inline_edit, .inline_edit + .inline_edit, .inline_edit + li .inline_edit  {
	margin-left: 5px;
}
a.inline_edit:hover {
	opacity: 1;
}
a.inline_edit.complete {
	background: url(/assets/backgrounds/complete.png) no-repeat left top;	
}
a.inline_edit.edit {
	background: url(/assets/backgrounds/edit.png) no-repeat left top;	
}
a.inline_edit.tools {
	background: url(/assets/backgrounds/tools.png) no-repeat left top;	
}
a.inline_edit.delete,a.inline_edit.delete_attachment {
	background: url(/assets/backgrounds/delete.png) no-repeat left top;	
}
a.inline_edit.incomplete {
	background: url(/assets/backgrounds/incomplete.png) no-repeat left top;	
}
a.inline_edit.watchlist {
	background: url(/assets/backgrounds/watchlist.png) no-repeat left top;
	width: 33px;	
}
a.inline_edit.watchlist_remove {
	background: url(/assets/backgrounds/watchlist_remove.png) no-repeat left top;	
}
a.inline_edit.comment {
  background: url(/assets/backgrounds/comment.png) no-repeat left top;  
  width: 23px;
}
a.inline_edit.upload {
  background: url(/assets/backgrounds/arrow.png) no-repeat left top;  
  width: 23px;
}
a.inline_edit.view_attachment {
	background: url(/assets/backgrounds/paperclip.png) no-repeat left top;	
	width: 23px;
}
a.inline_edit.has_comments {
  background: url(/assets/backgrounds/has_comments.png) no-repeat left top;	
	text-indent: 0px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-weight:bold;
  padding-top: 2px;
}

a.inline_edit.users {
  background: url(/assets/backgrounds/users.png) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 22px;
  width: 21px;
}

input.inline_edit {
	padding: 0;
	border: none 0px;
	background: transparent none;
	opacity: 0.5;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
input.inline_edit:hover, input.inline_edit:active {
	opacity: 1;
}

/*To-do list items.*/
article.sortable_item {
	position: relative;
	margin: 0;
	padding: 8px 18px 18px 78px;
	min-height: 50px;
	background: #ebf2f6;
	font-size: 1em;
	line-height: 1.2;
	border: solid 2px #ebf2f6;
	-webkit-box-shadow: inset rgba(255, 255, 255, 0.5) 1px 20px 1px;
	-moz-box-shadow: inset rgba(255, 255, 255, 0.5) 1px 20px 1px;
	box-shadow: inset rgba(255, 255, 255, 0.5) 1px 20px 1px;
}

article.to_do.sortable_item{
    padding: 0px;
}

article.to_do.sortable_item .folder_breadcrumb{
    padding: 8px 8px 0px 8px;
    color: #27617e;
}

article.to_do.sortable_item .todo_item_sortable{
    padding: 8px 18px 18px 78px;
    position: relative;
}

article.sortable_item:nth-child(2n+1) {
	background: #f2f7f9;
	border: solid 2px #f2f7f9;
}
article.sortable_item + article.sortable_item {
	margin-top: 1px;
}
article.sortable_item:hover, article.sortable_item.in_use {
	border: solid 2px #369cba;
	background: #fff;
}
section article.sortable_item:first-of-type {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
section article.sortable_item:last-of-type {
	margin-bottom: 20px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
article.sortable_item img.user_photo {
	position: absolute;
	top: 8px;
	left: 8px;
	max-width: 50px;
	max-height: 50px;
	border: solid 1px #fff;
}
article.sortable_item form {
	margin: 0;
	padding: 0;
}
article.sortable_item form textarea.inline_field, input.inline_field, select.inline_field {
	margin: 0;
	padding: 1px 4px;
	background: #fff;
	border: solid 1px #369cba;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset #ebf2f6 2px 2px 2px;
	-moz-box-shadow: inset #ebf2f6 2px 2px 2px;
	box-shadow: inset #ebf2f6 2px 2px 2px;
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}
article.sortable_item form textarea.inline_field:hover, article.sortable_item form input.inline_field:hover, article.sortable_item form select.inline_field:hover {
	background: #f2f7f9;
}
article.sortable_item form footer {
	margin: 5px 0 0 -20px;
	padding: 0 0 0 20px;
	min-height: 16px;
}
article.sortable_item form footer input {
	margin: 0;
	padding: 5px;
	font-size: 0.8em;
}
article.sortable_item form footer input + input {
	margin-left: 20px;
}
article.sortable_item.draggable {
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}
article.sortable_item.draggable:hover, article.sortable_item.updating, article.sortable_item.alert {
	margin-left: -32px;
	margin-right: -8px;
	padding-left: 110px;
	padding-right: 26px;
	border: solid 2px #369cba;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #fff url(/assets/backgrounds/draggable.png) repeat-y left;	
	cursor: move;
}
article.sortable_item.draggable:hover img.user_photo, article.sortable_item.updating img.user_photo, article.sortable_item.alert img.user_photo {
	left: 40px;
}
article.sortable_item.updating, article.sortable_item.updating:hover {
	background: #fff url(/assets/indicators/progress_vertical.gif) repeat-y left;
}
article.sortable_item.alert, article.sortable_item.alert:hover {
	background: #fff url(/assets/backgrounds/alert_vertical.png) repeat-y left;
	border-color: #9a282f;
}
article.sortable_item section.alert_block {
	margin: 1em -5px -20px -5px;
	padding: 5px 5px 5px 26px;
	background: #9a282f url(/assets/backgrounds/alert_white.png) no-repeat 5px center;
	font-weight: bold;
	color: #fff;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-box-shadow: inset #691c1b 2px 2px 2px;
	-moz-box-shadow: inset #691c1b 2px 2px 2px;
	box-shadow: inset #691c1b 2px 2px 2px;
}
section#content article.sortable_item header {
	margin: 0 -10px 0.3em 0;
	padding: 4px 100px 0 0;
	position: relative;
	min-height: 20px;
	background: transparent none;
}
section#content article.sortable_item header h1 {
	margin: 0;
	padding: 0;
	color: #27617e;
	font-size: 0.9em;
	background: transparent none;
	display: inline;
	text-shadow: none;
}
article.sortable_item header .item_date {
	display: inline;
	margin: 0 0 0 1.5em
	padding: 3px 0;
	font-size: 0.9em;
	font-style: italic;
	color: #5b696c;
}
article.sortable_item header .item_date form {
	display: inline;
}
article.sortable_item header .item_date form input {
	margin: -3px 0;
	padding: 2px;
}
article.sortable_item header .item_date a, article.sortable_item header .item_date a:visited,
article.sortable_item header .item_date span {
	text-decoration: none;
	color: #5b696c;
	padding: 0 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
article.sortable_item header .item_date a:hover {
	background: #369cba;
	color: #fff;
}
article.sortable_item header .item_date a.warning,
article.sortable_item header .item_date span.warning {
	background: #9e1e25;
	color: #fff;
}

article.sortable_item header nav {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 168px;
	opacity: 0.5;
}
article.sortable_item:hover header nav {
	opacity: 1;
}
article.sortable_item header nav ul, article.sortable_item header nav li {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;	
  float: right;
}
article.sortable_item header nav ul li {
	display: inline;
}
article.sortable_item header nav input.inline_edit {
	float: left;
}
article.sortable_item section.item_details {
	clear: left;
	margin: 0 -5px;
}
article.sortable_item section.item_details h2 {
	margin: 0 5px 0.5em 5px;
	padding: 0;
	color: #000;
	background: transparent none;	
}
article.sortable_item section.item_details p {
	padding: 0 5px;
}
article.sortable_item section.item_details a {
	display: block;
	margin: 0;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
article.sortable_item section.item_details a, article.sortable_item section.item_details a:visited {
	color: #000;
	text-decoration: none;
}
article.sortable_item.being_dragged section.item_details a {
	max-height: 2.2em;
	overflow: hidden;
	text-overflow: ellipsis;
}
article.sortable_item section.item_details:hover a {
	background: #fff;
	cursor: pointer;
}
article.sortable_item:hover section.item_details a:hover {
	background: #f2f7f9;
}
article.sortable_item section.item_details p {
	margin: 0;
}
article.sortable_item section.item_details p + p {
	margin-top: 0.5em;
}
article.sortable_item section.item_details form textarea {
	padding: 5px;
}

article.sortable_item section.item_attachment {
	position: relative;
	margin: 5px -10px 0 0;
	padding: 0 124px 0 0;
}
article.sortable_item section.item_attachment + section.item_attachment {
	margin-top: 0.5em;
}
article.sortable_item section.item_attachment a.attachment {
	display: block;
	margin: 0 0 0 -5px;
	padding: 5px 5px 5px 26px;
	background: #daeaf6 url(/assets/documents/default.png) no-repeat 5px center;
	color: #27617e;
	font-size: 0.9em;
	font-style: italic;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset #cbe3f6 1px 2px 1px;
	-moz-box-shadow: inset #cbe3f6 1px 2px 1px;
	box-shadow: inset #cbe3f6 1px 2px 1px;
	/*-webkit-transition: background-color,-webkit-box-shadow 0.1s, 0.1s linear, linear;
	-moz-transition: background-color,-moz-box-shadow 0.1s, 0.1s linear, linear;
	-o-transition: background-color,-o-box-shadow 0.1s, 0.1s linear, linear;
	transition: background-color,box-shadow 0.1s, 0.1s linear, linear;*/
}
article.sortable_item section.item_attachment a.attachment:visited {
	color: #27617e;
}
article.sortable_item section.item_attachment a.file_pdf {
	background: #daeaf6 url(/assets/documents/pdf.png) no-repeat 5px center;
}
article.sortable_item section.item_attachment a.file_doc {
	background: #daeaf6 url(/assets/documents/doc.png) no-repeat 5px center;
}
article.sortable_item section.item_attachment a.file_xls {
	background: #daeaf6 url(/assets/documents/xls.png) no-repeat 5px center;
}
article.sortable_item section.item_attachment a.attachment:hover {
	color: #fff;
	background-color: #369cba;
	-webkit-box-shadow: inset #3c8da9 1px 2px 1px;
	-moz-box-shadow: inset #3c8da9 1px 2px 1px;
	box-shadow: inset #3c8da9 1px 2px 1px;
}
article.sortable_item section.item_attachment nav {
	position: absolute;
	top: 2px;
	right: 0px;
	opacity: 0.1;
}
article.sortable_item section.item_attachment:hover nav {
	opacity: 1;
}
article.sortable_item section.item_attachment nav ul, article.sortable_item section.item_attachment nav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-image: none;
	list-style-type: none;
}



/*Image attachments.*/
section.image_attachments {
	margin-left: -20px;
}

article.image_attachment {
	position: relative;
	display: block;
	float: left;
	text-align: center;
	margin: 0 0 20px 20px;
	padding: 0;
	background: #fff url(/assets/backgrounds/image_attachment.png) repeat-x top;
	border: solid 2px #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: #accedc 0px 0px 5px;
	-moz-box-shadow: #accedc 0px 0px 5px;
	box-shadow: #accedc 0px 0px 5px;
	-webkit-transition: border-color 0.2s linear;
	-moz-transition: border-color 0.2s linear;
	-o-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
}
article.image_attachment:hover, article.image_attachment.updating, article.image_attachment.updating:hover {
	border-color: #369cba;
}
article.image_attachment.alert, article.image_attachment.alert:hover {
	border-color: #9a282f;
	background: #fff url(/assets/backgrounds/image_attachment_alert.png) repeat-x top;
	-webkit-box-shadow: #f5dcdd 0px 0px 5px;
	-moz-box-shadow: #f5dcdd 0px 0px 5px;
	box-shadow: #f5dcdd 0px 0px 5px;
}
article.image_attachment section.image_view {
	margin: 0;
	padding: 10px 10px 14px 10px;
	/*This forces the element to match the space needed for image thumbnails. However, it would be much better if the image attachment function output <img> tags with the correct width and height attributes.*/
	min-height: 77px;
}
article.image_attachment.updating section.image_view {
	background: transparent url(/assets/indicators/progress_horizontal.gif) repeat-x bottom;
}
article.image_attachment section.alert_block {
	position: absolute;
	z-index: 50;
	top: 3px;
	left: 3px;
	right: 3px;
	padding: 5px 5px 5px 22px;
	color: #fff;
	font-size: 70%;
	text-align: left;
	background: #9a282f url(/assets/backgrounds/alert_white.png) no-repeat 3px 0.5em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
article.image_attachment a.image_link img {
	border: solid 1px #f1f6f9;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
article.image_attachment a.image_link:visited img {
	border-color: #f1f6f9;
}
article.image_attachment a.image_link:hover img {
	border-color: #fff;
	opacity: 0.5;
}
article.image_attachment nav {
	min-width: 125px;
	min-height: 24px;
	margin: 0;
	padding: 4px 2px;
	border-top: solid 1px #e9f2f6;
	opacity: 0.5;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
article.image_attachment:hover nav {
	opacity: 1;
}
article.image_attachment.alert nav {
	border-top-color: #f5dcdd;
}
article.image_attachment nav ul, article.image_attachment nav ul li {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
article.image_attachment nav ul li {
	display: inline;
}
article.image_attachment nav form.inline_edit {
	margin-left: 5px;
	height: 24px;
}

/*Page icon selector.*/
.icon_selector img {
	display: inline-block;
	margin: 0;
	padding: 2px;
	border: solid 2px #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.icon_selector img + img {
	margin-left: 8px;
}
.icon_selector img:hover {
	border: solid 2px #e1eff4;
}
.icon_selector img.selected {
	border: solid 2px #629bb7;
	-webkit-box-shadow: #d6e5ec 2px 2px 3px;
	-moz-box-shadow: #d6e5ec 2px 2px 3px;
	box-shadow: #d6e5ec 2px 2px 3px;
}


/*Calendar.*/
.calendar_block {
	margin: 0 0 1em 0;
    width: 900px;
}

table#calendar_activity {
	margin: 0;
	width: 100%;
	border-collapse: collapse;
}
table#calendar_activity a {
	color: #27617e;
	line-height: 1.2;
	text-decoration: none;
}
table#calendar_activity th, table#calendar_activity td {
	width: 14.25%;
	margin: 0;
	padding: 5px 10px;
}
table#calendar_activity tr th {
	background: #d1e6ed url(/assets/backgrounds/button_alt.png) repeat-x left top;
	color: #27617e;
	font-family: "Trebuchet MS", Tahoma, Geneva, sans-serif;
	font-weight: bold;
	text-align: center;
	border-right: solid 1px #fff;	
}
table#calendar_activity tr th:last-of-type {
	border-right-color: #d1e6ed;
}
table#calendar_activity tr.inner_date_row td.inner_date_column { 
	height: 100px;
  	font-size: 90%;
	border: solid #d1e6ed 1px;
	vertical-align: text-top;
	background-color: #fff;
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}
table#calendar_activity tr.inner_date_row td.inner_date_column:hover {
	background-color: #e9f2f6;
}
.home_calendar_today {
	background-color: #fdfaf1;
}
.calendar_home_day {
	font-weight: bold;
	color: #27617e;
	padding-right: 3px;
	text-align: right;
}
.home_during_week {
	font-size: 90%;
	border-bottom: solid 1px #27617e;
}
.home_todo_during_week a {
	color: #9a282f !important
}
.bottom_home_during_week {
	bottom: 0px !important;
	border-bottom: 0px !important;
	vertical-align: text-bottom;
}
.home_calendar_another_month {
	background-color: #f1fafb;
}

#events_calendar_links, #events_calendar_links a {
	font-family: "Trebuchet MS", Tahoma, Geneva, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #27617e;
	text-decoration: none;
}
#events_calendar_links {
	margin: 0 0 0.5em 0;
	text-align: center;
}
#events_calendar_links a {
	display: inline-block;
	margin: 0 1em;
	padding: 2px 5px;
	text-shadow: #eff6f9 0px 0px 5px;
	background: #fff url(/assets/backgrounds/image_attachment.png) repeat-x top;
	border: solid 2px #e9f2f6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#events_calendar_links a:visited {
	color: #27617e;
}
#events_calendar_links a:hover {
	border-color: #629bb7;
}



/*Individual day view.*/
.calendar_hour {
	position: relative;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 5em;
	min-height: 1em;
	border-bottom: solid 1px #e9f2f6;
}
.calendar_hour .time {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 2.5em;
	text-align: right;
}
.calendar_hour table {
	width: 100%;
	border: none 0px;
	border-collapse: collapse;
}
.calendar_hour table td {
	margin: 0 0 0 1em;
	padding: 0 0 0.5em 0;
	border: none 0px;
}
.calendar_hour table td.tools {
	text-align: right;
}
.calendar_hour table td.tools a.inline_edit {
	float: none;
	display: inline-block;
}

/*FullCalendar. We add the custom CSS class 'c8o_event' to events to make things easier.*/
a.c8o_event:hover {
	opacity: 0.5;	
}
.c8o_event .fc-event-title, .cal_event_alert .fc-event-title, .cal_event_success .fc-event-title, .cal_event_updating .fc-event-title {
	font-size: 90%;
	line-height: 1.2;
	padding-left: 14px;
    padding-right: 14px;
	display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}
.cal_event_alert .fc-event-title {
	background: url(/assets/backgrounds/event_alert.png) no-repeat left center;		
}
.cal_event_success .fc-event-title {
	background: url(/assets/backgrounds/event_success.png) no-repeat left center;		
}
.cal_event_updating .fc-event-title {
	background: url(/assets/indicators/event_update.gif) no-repeat left center;
}

div#full_calendar {
	position: relative;
}
div#full_calendar div.cal_loader {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: #fff url(/assets/indicators/loader_large.gif) no-repeat center center;
	opacity: 0.8;	
}


/*Multiple file upload.*/
.MultiFile-label {
	display: block;
	position: relative;
	margin: 0.25em 0 0 0;
	padding: 3px 0 3px 28px;
	min-height: 18px;
	font-size: 90%;
	line-height: 1.2;
	color: #629bb7;
}
.MultiFile-label a.MultiFile-remove {
	position: absolute;
	left: 0px;
	top: 0px;
}
.MultiFile-label a.MultiFile-remove img {
	border: none 0px;
}
.MultiFile-label a.MultiFile-remove:hover {
	opacity: 0.5;
}

/* Uploadify */
.uploadifyQueueItem {
	display: block;
	position: relative;
	margin: 0.25em 0 0 0;
	padding: 3px 0 3px 28px;
	min-height: 18px;
	font-size: 90%;
	line-height: 1.2;
	color: #629bb7;
}
.uploadifyQueueItem .cancel {
	position: absolute;
	left: 0px;
	top: 0px;
	display: inline;
}
.uploadifyQueueItem .cancel img {
	border: none 0px;
}
.uploadifyQueueItem .cancel:hover {
	opacity: 0.5;
}

footer#main_footer {
	position: fixed;
	/*max-width: 759px;*/
	left: 281px;
	right: 0px;
	bottom: 0px;
	padding: 10px 20px 10px 40px;
	font-family: "Trebuchet MS", Tahoma, Geneva, sans-serif;
	font-size: 0.8em;
	line-height: 1.1;
	color: #fff;
	background: #00607f url(/assets/backgrounds/main_footer.png) repeat-x top;
	border-top: solid 2px #fff;
	z-index: 99;
}

footer#main_footer a, footer#main_footer a:visited {
	color: #fff;
	text-decoration: none;
	border-bottom: dotted 1px #fff;
}




/*Alerts and error messages.*/
div#errorFlash, div#noticeFlash, div#successFlash, #welcomeNotice, div#errorExplanation, div#noticeExplanation, div#successExplanation {
	
	font-size: 0.9em;
	line-height: 1.2;
	font-weight: normal;
	color: #e7f3f1;
	padding: 10px;
	margin: 0;
	background: #70a8a6 url(/assets/backgrounds/flash_block.png) repeat-x top;
	border: solid 2px #70a8a6;
	-webkit-box-shadow: inset #70a8a6 0px 0px 5px;
	-moz-box-shadow: inset #70a8a6 0px 0px 5px;
	box-shadow: inset #70a8a6 0px 0px 5px;
	text-shadow: #70a8a6 0px 0px 5px;
}
div#errorFlash, div#errorExplanation {
	color: #fff;
	background: #b4242d url(/assets/backgrounds/error_flash_block.png) repeat-x top;
	border: solid 2px #931e25;
	-webkit-box-shadow: inset #931e25 0px 0px 5px;
	-moz-box-shadow: inset #931e25 0px 0px 5px;
	box-shadow: inset #931e25 0px 0px 5px;
	text-shadow: #931e25 0px 0px 5px;
	}
div#noticeFlash, #welcomeNotice, div#noticeExplanation {
	color: #3d3937;
	background: #f2e6d8 url(/assets/backgrounds/notice_flash_block.png) repeat-x top;
	border: solid 2px #e5d3c5;
	-webkit-box-shadow: inset #e5d3c5 0px 0px 5px;
	-moz-box-shadow: inset #e5d3c5 0px 0px 5px;
	box-shadow: inset #e5d3c5 0px 0px 5px;
	text-shadow: #f9f3ed 0px 0px 5px;
	}

div.welcomeVideo {
	margin: 2em 0;
	text-align: center;
	font-size: 90%;
	font-style: italic;
	}
	
section#content div#errorFlash, section#content div#noticeFlash, section#content div#successFlash, section#content #welcomeNotice {
	border: none 0px;
	margin: 0 -20px 2px -20px;
	padding: 10px 20px;
}
section#content header + div#errorFlash, section#content header + div#noticeFlash, section#content header + div#successFlash, section#content header + #welcomeNotice {
	margin-top: -20px;
}
section#content article > #welcomeNotice {
	margin-top: -17px;
	margin-bottom: 20px;
}

section#content div#errorFlash form, section#content div#noticeFlash form, section#content div#successFlash form, section#content #welcomeNotice form {
	margin: 0 0 1em 0;
}

body.no_sidebar section#content div#errorFlash, body.no_sidebar section#content div#noticeFlash, body.no_sidebar section#content div#successFlash, body.no_sidebar section#content #welcomeNotice {
	margin: 0 auto;
	width: 300px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

div#welcomeNotice form {
	margin: 0;
	}

div#errorExplanation, div#noticeExplanation, div#successExplanation {
	font-size: 0.8em;
	padding: 5px;
	margin: 0 0 1.5em 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
div#errorExplanation h2, div#noticeExplanation h2, div#successExplanation h2 {
  display: none;
}
div#errorExplanation p, div#noticeExplanation p, div#successExplanation p {
	font-weight: bold;
	margin: 0 0 0.75em 0;
}
div#errorExplanation ul, div#noticeExplanation ul, div#successExplanation ul {
	padding: 0;
	margin: 0.5em 0 0 2em;
}
div#errorExplanation ul li , div#noticeExplanation ul li, div#successExplanation li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: square;
  line-height: 1.5;
  margin: 0;
}




/***Sidebar datepicker styles to show events. These are from the old site and need to be updated when the sidebar calendar function is re-written.***/
.cal_event a {
	/*background-color: Red !important;*/
	background-image: url(/assets/cal_bg_event.gif) !important;
	background-repeat: no-repeat !important;
	background-color: #e6e6e6;
	background-position: 0 0 !important;
	border: solid 1px #d3d3d3;
	color: #555555 !important;
	font-weight: bold !important;
	}
.cal_event a:hover {
	background-image: url(/assets/cal_bg_event.gif) !important;
	background-repeat: no-repeat !important;
	background-color: #e6e6e6;
	background-position: 0 0 !important;
	font-weight: bold;
	border: solid 1px #000;
	color: #555555 !important;
	}

.to_do_event a {
	background-image: url(/assets/cal_bg_to_do.gif) !important;
	background-repeat: no-repeat !important;
	background-color: #e6e6e6;
	background-position: 0 0 !important;
	border: solid 1px #d3d3d3;
	color: #555555  !important;
	font-weight: bold !important;
	}
.to_do_event a:hover {
	background-image: url(/assets/cal_bg_to_do.gif) !important;
	background-repeat: no-repeat !important;
	background-color: #e6e6e6;
	background-position: 0 0 !important;
	font-weight: bold;
	border: solid 1px #000;
	color: #555555 !important;
	}

.event_and_to_do a {
	background-image: url(/assets/cal_bg_both.gif) !important;
	background-repeat: no-repeat !important;
	background-color: #e6e6e6;
	background-position: 0 0 !important;
	border: solid 1px #d3d3d3;
	color: #555555  !important;
	font-weight: bold !important;
	}
.event_and_to_do a:hover {
	background-image: url(/assets/cal_bg_both.gif) !important;
	background-repeat: no-repeat !important;
	background-color: #e6e6e6;
	background-position: 0 0 !important;
	font-weight: bold;
	border: solid 1px #000 !important;
	color: #555555 !important;
	}



/*.ui-helper-hidden-accessible {
	display: none;
	}*/




/*Upgrade splash. This is the design from the old site, so needs to be completely reworked.*/
#upgrade_all {
  width: 950px;
}
  #upgrade_column_1 {
    width: 264px;
    float: left;   
    text-align: center;
    margin-right: 10px;
  }
    .package_box_info {
      width: 236px;
      position: relative;
    }
    .package_list ul, .package_list li {
      list-style: none;
      margin: 0px;
      padding: 0px;
    }
      .package_list li {
        margin: 5px 0;
      }
    .package_title_div {
      background-color: #DDDDDD;
      padding: 5px 0;
      margin: 5px 0;
      height: 70px;
    }
      .package_list_border {
        background-color: #DDDDDD;
        margin: 30px 0 70px;
        height: 5px;
        width: 100%;
      }
      .package_image_positioning {
        left: 109px;
        position: absolute;
        top: 144px;
        z-index: 0;
      }
    .package_title_div_green {
      background-color: #D7F4BE;
      padding: 5px 0;
      margin: 5px 0;
      height: 70px;
    }
      .package_list_border_green {
        background-color: #D7F4BE;
        margin: 40px 0;
        height: 5px;
        width: 100%;
      }
      .package_image_positioning_green {
        left: 187px;
        position: absolute;
        top: 125px;
        z-index: 999;
      }
    
    #upgrade_column_1 h3 {
      color: #000000;
      font-size: 21px;
      font-weight: bold;
      text-transform: uppercase;
      line-height: 2px;
    }
    .package_price {
      font-size: 12px;
    }
  #upgrade_column_2 {
    width: 410px;
    float: left;   
  }
    #upgrade_column_2 #register_form h1 {
      font-size: 20px;
      margin-bottom: 10px;
    }
    #upgrade_column_2 img {
      text-align: center;
    }
    #upgrade_column_2 .odd {
      background-color: #DDDDDD !important;
    }
    ul.packages {
      list-style: none outside none;
      padding: 0px;
      color: #000;
    }
    table#signupForm ul.packages li {
      display: inline-block;
      width: 100%;
      padding: 5px;
    }
    table#signupForm label {
      display: inline;
    }
    #signupForm h2 {
      color: #1F7DA1;
      font-size: 20px !important;
      margin: 0;
      padding: 10px 0;
    }
    #signupForm .signupFormsubmit {
      padding: 5px 32px 15px 0;
      text-align: right;
    }
    table#signupForm ul.packages li.recommended {
      background: none repeat scroll 0 0 #D6F4BE !important;
    }
      table#signupForm ul.packages li.odd input {
        background: none repeat scroll 0 0 #DDDDDD !important;
      }
      table#signupForm ul.packages li.even input {
        background: none repeat scroll 0 0 #D6F4BE  !important;
      }
    table#signupForm ul.packages li input {
      margin:5px 10px 0 5px;
      position: relative;
      vertical-align: top;
    }
      ul.packages label {
        display: inline-block;
        color: #000;
      }
      ul.packages span {
        display: inline-block;
      }

  #upgrade_column_3 {
    width: 236px;
    float: right;
    text-align: center;
  }
    #upgrade_column_3 h4 {
      font-size: 23px;
      font-weight: normal;
      line-height: 23px;
      margin: 10px 0 0;
      padding: 0;
    }
    #upgrade_column_3 p {
      padding: 10px 15px;
    }
  #payment_terms {
    margin-bottom: 10px;
  }

  .small_img { max-width: 99px; }
  
  
  /* additions by ben aldred */
  section#content #account_home {
	  margin-top: 20px;
  }
  
  section#content article #company_details {
    float:left;
    width: 90%;
    margin-bottom: 20px;
  }
  
  section#content article .button_bar {
    margin-top: 10px;
  }

    #to_do_filter_spacer {
      display: block;
      margin-bottom: 20px;
    }

    #comment_filter_spacer {
        display: block;
        margin-bottom: 20px;
    }

    .file_upload_todos .file_upload_single {
      display: block;
      margin: 12px 0;
      min-height: 25px;
    }
      .file_upload_todos .file_upload_single .file_upload_name {
        float: left;
        font-size: 16px;
        font-family: "Trebuchet MS",Tahoma,Geneva,sans-serif;
        font-style: italic;
        color: #27617E;
        background-color: #DAEAF6;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        padding: 3px 5px 5px;
        width: 80%;
      }
        .file_upload_todos .file_upload_single .file_upload_name .file_upload_attachment_text {
          display: inline-block;
          padding-left: 25px;
        }
      .file_upload_todos .file_upload_single .file_upload_links {
        float: right;
        width: 17%;
        margin-left: 5px;
      }
      .file_upload_todos .file_upload_single .inline_edit {
        float: left;
      }

  section#content article #company_details p {
	  display:inline;
	  margin-right: 20px;
  }
  
/* inline edit forms */


form.inline_edit_form #required_elements {
  float:left;
  width: 52%;
}

form.inline_edit_form #other{
  float:right;
  width: 38%;
}

.time_sheet form.inline_edit_form .other{
    float:left;
    width: 38%;
}

.time_sheet form.inline_edit_form footer{
    float: left;
    margin-top: 15px;
}

.time_sheet form.inline_edit_form select{
    max-width: 148px;
    width: 148px;
}


form.inline_edit_form p textarea {
  height: 7em;
  width: 95%;
  min-width: 95%;
}


article.sortable_item form.inline_edit_form footer {
  clear:both;
}

article.sortable_item form.inline_edit_form footer a {
  margin-left:0;
}

.js_add_form_area {
  margin: 20px 0px 40px 0px;
}


ul.token-input-list-facebook {
  width: 217px !important;
}

#attachment_action ul.token-input-list-facebook {
  width: 529px !important;
}

.token-input-dropdown-facebook {
  width: 217px !important;
  z-index:100;
}

div.loading {
  width: 160px;
  margin: 20px auto;
}

div.loading p {
  padding-left: 40px;
  height: 40px;
  line-height:40px;
  font-size:1.2em;
  font-weight:bold;
  background: url(/assets/loading.gif) left center no-repeat;
}





.clearfix {
  zoom:1;
}

.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix:after {
    clear: both;
}


.inline_display .message_filter {
  margin-bottom: 10px;
}




/**
* Folder styles for access control
**/
#super_user_permission_table {
 margin-bottom: 20px; 
}
  #super_user_permission_table .access_title_link_all {
    margin-bottom: 10px;
  }
  #super_user_permission_table h2.access_title {
    margin-right: 10px;
    display: inline;
  }

.form_warning {
  font-size: 12px;
  color: #413839;
  font-style: italic;
}

.float_left{
    float: left;
}

.clear_right{
    clear: right;
}

.clear_left{
    clear: left;
}

.document_name_and_title{
    /* max-width: 294px; */
}

.attachment_title_block{
    /* max-width: 260px; */
}

.name_title_block{
		float: left;
    /* max-width: 235px; */
}

.todo_event_popover{
    float: left;
    width: 262px;
    max-width: 262px;
    margin-bottom: 9px;
}

.todo_event_popover .user-avatar{
    float: left;
}

.todo_event_popover .user-info{
    float: left;
    margin-left: 14px;
    max-width: 198px;
}

.todo_event_popover .user-info .sub_note{
    font-size: 0.65em;
}

.todo_event_popover.event .user-info{
    width: 262px;
    max-width: 262px;
    margin-left: 0px;
}

.todo_event_popover .user-info .info_key{
    font-weight: bold;
}

a.load_more_activities{
    width: 200px;
    text-align: center;
    position: relative;
    margin-left: 50%;
    left: -100px;
    margin-top: 20px;
}

#infscr-loading{
    left: -100px;
    margin-left: 50%;
    position: relative;
    width: 220px;
    margin-top: 20px;
}

.folder_breadcrumb{
    color: #000000;
    font-size: 1.025em;
    font-weight: bold;
    line-height: 2em;
}

.new_attachments{
    width:400px;
}

.new_attachments .existing_link{
    display: inline-block;
    max-width: 320px;
}

.new_attachments .upload_section .upload_file_field{
    border: 0px;
    margin: 0px;
    padding: 0px;
    padding-bottom: 2px;
    padding-top: 2px;
    max-width: 320px;
    text-overflow: ellipsis;
}

.new_attachments .upload_section .remove_new_attachment.inline_edit.delete{
    margin-top: 1px;
}

.remove_new_attachment.inline_edit.delete{
    float: right;
    clear: right;
}

.extended_comments .comment_body, #comment_order .item_details.extended_comments .comment_body{
    max-height: 4em;
    overflow: hidden;
}

#comment_order .item_details.extended_comments .attachments_section{
    margin-top: 1em;
    display: block;
}

.extended_comments .comment_read_more a, #comment_order .item_details.extended_comments .comment_read_more a{
    color: #27617E;
}

form footer .additional_options{
    margin-top: 10px;
}

.email_address{
    font-size: 0.8em;
    font-weight: normal;
    text-transform: lowercase;
}

header#primary_nav nav ul li{
    position: relative;
}

header#primary_nav nav .switch_class_dropdown_link{
    position: absolute;
    left:0px;
    width: 65px;
}

header#primary_nav nav .switch_class_dropdown{
    position: absolute;
    top:52px;
    left: 0px;
    z-index: 2000;
    width: 300px;
    border-bottom: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
    left: -2px;
}

header#primary_nav nav .switch_class_dropdown ul {
    display: block;
    float: none;
}

header#primary_nav nav .switch_class_dropdown ul li {
    display: block;
    float: none;
}

header#primary_nav nav .switch_class_dropdown ul li a{
    float: none;
}

span.email_address_info{
    color: #000000;
    font-size: 0.8em;
    font-weight: normal;
    font-style: normal;
    text-shadow: none;
    text-transform: none;
}

.task_icon{
    width: 24px;
    height: 24px;
    -webkit-border-radius: 160px;
    -moz-border-radius: 160px;
    border-radius: 160px;
    background-color: green;
}

.taskApproaching{
    background-color: #FFC200;
}

.taskOverdue{
    background-color: #9E1E25;
}

.taskWayAhead{
    background-color: green;
}
td.date_column > span{
    color: white;
    font-style: italic;
    text-decoration: none;
    padding: 0 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.block_item{
    border: 1px solid #c5dbec;
    font-weight: bold;
    color: #2e6e9e;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    margin-left: 5px;
    margin-bottom: 3px;
}

.block_item.active{
    background-color: #629bb7;
}

.block_item:hover{
    background-color: #629bb7;
}
.day_of_week{
    min-width:40px;
    min-height:25px;
}
.day_of_month{
    min-width:30px;
    min-height:30px;
}
.month_of_year{
    min-width:80px;
    min-height:30px;
}

.task_dialog label,.item .rbt label{
    margin-top: 5px;
    display: inline-block;
    min-width: 120px;
    font-size: 1em!important;
    line-height: 1.2;
}

.task_dialog .rbt label{
    min-width: 60px;
}

.item .rbt{
    margin-bottom: 5px!important;
}

.task_dialog select,.task_dialog > input,
.alert_task_dialog select,.alert_task_dialog > input{
    margin-top: 5px;
    min-width: 200px;
    min-height: 33px;
    max-height: 33px;
}

.item select{
    min-width: 221px;
}

.task_dialog > input[type=radio]{
    min-width: 20px;
}

.task_dialog input[type=text]{
    width: 167px;
}

.alert_task_dialog button:hover{
    cursor: pointer;
}
.recur_task_error{
    color: darkred;
}

.inline{
  display: inline-block;
}

[class^="icon-"], [class*=" icon-"] {
    background-image: url("/assets/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}

.icon-edit {
    background-position: -96px -72px!important;
}
.icon-edit:hover{
    cursor: pointer;
}
.icon-random {
    background-position: -216px -120px!important;
    width: 16px!important;
}
.icon-random:hover{
    cursor: pointer;
}
.icon-white{
    background-image: url("/assets/glyphicons-halflings-white.png")!important;
}

.items fieldset{
    background: #f2f7f9;
    border: solid 2px #f2f7f9;
    margin-bottom: 5px;
}

.left{
    float: left;
}

.right{
    float: right;
}
#taks_options{
    margin: 5px 0px;
}
.label{
    font-size: 80%;
    font-style: italic;
    color: #27617e;
}
.item div#errorExplanation{
    clear:both;
}

#task_color_config #slider-range-min{
    background: green;
    width:300px;
}

#task_color_config #slider-range-min .ui-slider-range{
    background: #FFC200;
}

/** initial setup **/
.nano {
  position : relative;
  width    : 279px;
  min-height   : 500px;
  max-height   : 660px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}

.attachment_form{
    border: solid 2px #ebf2f6;
    padding: 10px;
}
.attachment_form,.attach_form_advanced{
    clear:both;
}
.attach_form_left{
    clear:both;
    float:left;
    margin:0px auto!important;
    min-width: 380px;
}

.attach_form_right{
    float:left;
    margin:0px auto!important;
}
.toggle_advance{
    cursor: pointer;
    margin-right: 200px;
}

.uploadify-queue-item .cancel a {
    background-image: url("/assets/cancel.png");
    float: left;
    height: 16px;
    margin-right: 8px;
    width: 16px;
    text-indent: -99999px;
}

.alert
{
    color: red;
}

.success
{
    color: blue;
}

.folder-link {
	display: block;
	font-size: 0.8rem;
	padding-left: 20px;
	margin-left: 20px;
	background: url(/assets/backgrounds/folder_closed.png) no-repeat -10px center;
}

/*
 * jQuery UI CSS Framework 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(jquery/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(jquery/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url(jquery/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; }
.ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url(jquery/images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #e17009; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fad42e; background: #fbec88 url(jquery/images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(jquery/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url("/assets/backgrounds/ui-icons_228ef1_256x240.png"); }
.ui-widget-content .ui-icon {background-image: url("/assets/backgrounds/ui-icons_228ef1_256x240.png"); }
.ui-widget-header .ui-icon {background-image: url("/assets/backgrounds/ui-icons_228ef1_256x240.png"); }
.ui-state-default .ui-icon { background-image: url("/assets/backgrounds/ui-icons_228ef1_256x240.png"); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url("/assets/backgrounds/ui-icons_228ef1_256x240.png"); }
.ui-state-active .ui-icon {background-image: url("/assets/backgrounds/ui-icons_228ef1_256x240.png"); }
.ui-state-highlight .ui-icon {background-image: url("/assets/backgrounds/ui-icons_228ef1_256x240.png"); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url("/assets/backgrounds/ui-icons_228ef1_256x240.png"); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 * jQuery UI Resizable 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
 * jQuery UI Autocomplete 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.17
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*
 * jQuery UI Button 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*
 * jQuery UI Progressbar 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
/*
 * FullCalendar v1.5.3 Stylesheet
 *
 * Copyright (c) 2011 Adam Shaw
 * Dual licensed under the MIT and GPL licenses, located in
 * MIT-LICENSE.txt and GPL-LICENSE.txt respectively.
 *
 * Date: Mon Feb 6 22:40:40 2012 -0800
 *
 */



.fc {
    direction: ltr;
    text-align: left;
}

.fc table {
    border-collapse: collapse;
    border-spacing: 0;
}

html .fc,
.fc table {
    font-size: 1em;
}

.fc td,
.fc th {
    padding: 0;
    vertical-align: top;
}



/* Header
------------------------------------------------------------------------*/

.fc-header td {
    white-space: nowrap;
}

.fc-header-left {
    width: 25%;
    text-align: left;
}

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

.fc-header-right {
    width: 25%;
    text-align: right;
}

.fc-header-title {
    display: inline-block;
    vertical-align: top;
}

.fc-header-title h2 {
    margin-top: 0;
    white-space: nowrap;
}

.fc .fc-header-space {
    padding-left: 10px;
}

.fc-header .fc-button {
    margin-bottom: 1em;
    vertical-align: top;
}

/* buttons edges butting together */

.fc-header .fc-button {
    margin-right: -1px;
}

.fc-header .fc-corner-right {
    margin-right: 1px; /* back to normal */
}

.fc-header .ui-corner-right {
    margin-right: 0; /* back to normal */
}

/* button layering (for border precedence) */

.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
    z-index: 2;
}

.fc-header .fc-state-down {
    z-index: 3;
}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
    z-index: 4;
}



/* Content
------------------------------------------------------------------------*/

.fc-content {
    clear: both;
}

.fc-view {
    width: 100%; /* needed for view switching (when view is absolute) */
    /*overflow: hidden;*/
}



/* Cell Styles
------------------------------------------------------------------------*/

.fc-widget-header,    /* <th>, usually */
.fc-widget-content {  /* <td>, usually */
    border: 1px solid #ccc;
}

.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
    background: #ffc;
}

.fc-cell-overlay { /* semi-transparent rectangle while dragging */
    background: #9cf;
    opacity: .2;
    filter: alpha(opacity=20); /* for IE */
}



/* Buttons
------------------------------------------------------------------------*/

.fc-button {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.fc-state-default { /* non-theme */
    border-style: solid;
    border-width: 1px 0;
}

.fc-button-inner {
    position: relative;
    float: left;
    overflow: hidden;
}

.fc-state-default .fc-button-inner { /* non-theme */
    border-style: solid;
    border-width: 0 1px;
}

.fc-button-content {
    position: relative;
    float: left;
    height: 1.9em;
    line-height: 1.9em;
    padding: 0 .6em;
    white-space: nowrap;
}

/* icon (for jquery ui) */

.fc-button-content .fc-icon-wrap {
    position: relative;
    float: left;
    top: 50%;
}

.fc-button-content .ui-icon {
    position: relative;
    float: left;
    margin-top: -50%;
    *margin-top: 0;
    *top: -50%;
}

/* gloss effect */

.fc-state-default .fc-button-effect {
    position: absolute;
    top: 50%;
    left: 0;
}

.fc-state-default .fc-button-effect span {
    position: absolute;
    top: -100px;
    left: 0;
    width: 500px;
    height: 100px;
    border-width: 100px 0 0 1px;
    border-style: solid;
    border-color: #fff;
    background: #444;
    opacity: .09;
    filter: alpha(opacity=9);
}

/* button states (determines colors)  */

.fc-state-default,
.fc-state-default .fc-button-inner {
    border-style: solid;
    border-color: #ccc #bbb #aaa;
    background: #F3F3F3;
    color: #000;
}

.fc-state-hover,
.fc-state-hover .fc-button-inner {
    border-color: #999;
}

.fc-state-down,
.fc-state-down .fc-button-inner {
    border-color: #555;
    background: #777;
}

.fc-state-active,
.fc-state-active .fc-button-inner {
    border-color: #555;
    background: #777;
    color: #fff;
}

.fc-state-disabled,
.fc-state-disabled .fc-button-inner {
    color: #999;
    border-color: #ddd;
}

.fc-state-disabled {
    cursor: default;
}

.fc-state-disabled .fc-button-effect {
    display: none;
}



/* Global Event Styles
------------------------------------------------------------------------*/

.fc-event {
    border-style: solid;
    border-width: 0;
    font-size: .85em;
    cursor: default;
}

a.fc-event,
.fc-event-draggable {
    cursor: pointer;
}

a.fc-event {
    text-decoration: none;
}

.fc-rtl .fc-event {
    text-align: right;
}

.fc-event-skin {
    border-color: #36c;     /* default BORDER color */
    background-color: #36c; /* default BACKGROUND color */
    color: #fff;            /* default TEXT color */
}

.fc-event-inner {
    position: relative;
    width: 100%;
    height: 100%;
    border-style: solid;
    border-width: 0;
    overflow: hidden;
}

.fc-event-time,
.fc-event-title {
    padding: 0 1px;
    white-space: nowrap;
}

.fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/
    display: block;
    position: absolute;
    z-index: 99999;
    overflow: hidden; /* hacky spaces (IE6/7) */
    font-size: 300%;  /* */
    line-height: 50%; /* */
}



/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-hori {
    border-width: 1px 0;
    margin-bottom: 1px;
}

/* resizable */

.fc-event-hori .ui-resizable-e {
    top: 0           !important; /* importants override pre jquery ui 1.7 styles */
    right: -3px      !important;
    width: 7px       !important;
    height: 100%     !important;
    cursor: e-resize;
}

.fc-event-hori .ui-resizable-w {
    top: 0           !important;
    left: -3px       !important;
    width: 7px       !important;
    height: 100%     !important;
    cursor: w-resize;
}

.fc-event-hori .ui-resizable-handle {
    _padding-bottom: 14px; /* IE6 had 0 height */
}



/* Fake Rounded Corners (for buttons and events)
------------------------------------------------------------*/

.fc-corner-left {
    margin-left: 1px;
}

.fc-corner-left .fc-button-inner,
.fc-corner-left .fc-event-inner {
    margin-left: -1px;
}

.fc-corner-right {
    margin-right: 1px;
}

.fc-corner-right .fc-button-inner,
.fc-corner-right .fc-event-inner {
    margin-right: -1px;
}

.fc-corner-top {
    margin-top: 1px;
}

.fc-corner-top .fc-event-inner {
    margin-top: -1px;
}

.fc-corner-bottom {
    margin-bottom: 1px;
}

.fc-corner-bottom .fc-event-inner {
    margin-bottom: -1px;
}



/* Fake Rounded Corners SPECIFICALLY FOR EVENTS
-----------------------------------------------------------------*/

.fc-corner-left .fc-event-inner {
    border-left-width: 1px;
}

.fc-corner-right .fc-event-inner {
    border-right-width: 1px;
}

.fc-corner-top .fc-event-inner {
    border-top-width: 1px;
}

.fc-corner-bottom .fc-event-inner {
    border-bottom-width: 1px;
}



/* Reusable Separate-border Table
------------------------------------------------------------*/

table.fc-border-separate {
    border-collapse: separate;
}

.fc-border-separate th,
.fc-border-separate td {
    border-width: 1px 0 0 1px;
}

.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
    border-right-width: 1px;
}

.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
    border-bottom-width: 1px;
}

.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
    border-top-width: 0;
}



/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid th {
    text-align: center;
}

.fc-grid .fc-day-number {
    float: right;
    padding: 0 2px;
}

.fc-grid .fc-other-month .fc-day-number {
    opacity: 0.3;
    filter: alpha(opacity=30); /* for IE */
    /* opacity with small font can sometimes look too faded
       might want to set the 'color' property instead
       making day-numbers bold also fixes the problem */
}

.fc-grid .fc-day-content {
    clear: both;
    padding: 2px 2px 1px; /* distance between events and day edges */
}

/* event styles */

.fc-grid .fc-event-time {
    font-weight: bold;
}

/* right-to-left */

.fc-rtl .fc-grid .fc-day-number {
    float: left;
}

.fc-rtl .fc-grid .fc-event-time {
    float: right;
}



/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

.fc-agenda table {
    border-collapse: separate;
}

.fc-agenda-days th {
    text-align: center;
}

.fc-agenda .fc-agenda-axis {
    width: 50px;
    padding: 0 4px;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
    font-weight: normal;
}

.fc-agenda .fc-day-content {
    padding: 2px 2px 1px;
}

/* make axis border take precedence */

.fc-agenda-days .fc-agenda-axis {
    border-right-width: 1px;
}

.fc-agenda-days .fc-col0 {
    border-left-width: 0;
}

/* all-day area */

.fc-agenda-allday th {
    border-width: 0 1px;
}

.fc-agenda-allday .fc-day-content {
    min-height: 34px; /* TODO: doesnt work well in quirksmode */
    _height: 34px;
}

/* divider (between all-day and slots) */

.fc-agenda-divider-inner {
    height: 2px;
    overflow: hidden;
}

.fc-widget-header .fc-agenda-divider-inner {
    background: #eee;
}

/* slot rows */

.fc-agenda-slots th {
    border-width: 1px 1px 0;
}

.fc-agenda-slots td {
    border-width: 1px 0 0;
    background: none;
}

.fc-agenda-slots td div {
    height: 20px;
}

.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
    border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
    border-top-style: dotted;
}

.fc-agenda-slots tr.fc-minor th.ui-widget-header {
    *border-top-style: solid; /* doesn't work with background in IE6/7 */
}



/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert {
    border-width: 0 1px;
}

.fc-event-vert .fc-event-head,
.fc-event-vert .fc-event-content {
    position: relative;
    z-index: 2;
    width: 100%;
    overflow: hidden;
}

.fc-event-vert .fc-event-time {
    white-space: nowrap;
    font-size: 10px;
}

.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .3;
    filter: alpha(opacity=30);
}

.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
    display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
}

/* resizable */

.fc-event-vert .ui-resizable-s {
    bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
    width: 100%      !important;
    height: 8px      !important;
    overflow: hidden !important;
    line-height: 8px !important;
    font-size: 11px  !important;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
}

.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
    _overflow: hidden;
}
	
	
/* Example tokeninput style #2: Facebook style */

ul.token-input-list-facebook {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    width: 400px;
    border: 2px solid #629bb7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: text;
    font-size: 90%;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;
}

ul.token-input-list-facebook li input {
    border: 0;
    width: 100px;
    padding: 3px 8px;
    background-color: white;
    margin: 2px 0;
    -webkit-appearance: caret;
}

li.token-input-token-facebook {
    overflow: hidden; 
    height: auto !important; 
    height: 15px;
    margin: 3px;
    padding: 1px 3px;
    background-color: #eff2f7;
    color: #000;
    cursor: default;
    border: 2px solid #ccd5e4;
    font-size: 90%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    float: left;
    white-space: nowrap;
}

li.token-input-token-facebook p {
    display: inline;
    padding: 0;
    margin: 0;
}

li.token-input-token-facebook span {
    color: #a6b3cf;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}

li.token-input-selected-token-facebook {
    background-color: #5670a6;
    border: 2px solid #3b5998;
    color: #fff;
}

li.token-input-input-token-facebook {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.token-input-dropdown-facebook {
    position: absolute;
    width: 400px;
    background-color: #fff;
    overflow: hidden;
    border-left: 2px solid #629bb7;
    border-right: 2px solid #629bb7;
    border-bottom: 2px solid #629bb7;
    cursor: default;
    font-size: 80%;
    z-index: 400;
    -webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

div.token-input-dropdown-facebook p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777;
}

div.token-input-dropdown-facebook ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown-facebook ul li {
    background-color: #fff;
    padding: 3px;
    margin: 0;
    list-style-type: none;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
    background-color: #fff;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
    background-color: #fff;
}

div.token-input-dropdown-facebook ul li em {
    font-weight: bold;
    font-style: normal;
}

div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
    background-color: #629bb7;
    color: #fff;
}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/assets/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/assets/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/assets/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/assets/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/assets/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/assets/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/assets/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/assets/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/assets/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/assets/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/assets/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/assets/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/assets/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/assets/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background ../images are relative to the CSS document.
*/

.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */


.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
.ui-datepicker {
	-webkit-box-shadow: #a6c9e2 2px 2px 6px;
	-moz-box-shadow: #a6c9e2 2px 2px 6px;
	box-shadow: #a6c9e2 2px 2px 6px;
}
#sidebar .ui-datepicker {
	width: auto;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* css for timepicker */
.ui-timepicker-div, .ui-datepicker-buttonpane button {
	font-size: 80%;
}
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
/*
Uploadify v2.1.0
Release Date: August 24, 2009

Copyright (c) 2009 Ronnie Garcia, Travis Nickels

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), tol
in the Software without restriction dea, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/

.uploadify-queue-item {
  font: 11px Verdana, Geneva, sans-serif;
  border: 2px solid #E5E5E5;
  background-color: #F5F5F5;
  margin-top: 5px;
  padding: 10px;
  width: 350px;
}
.uploadifyError {
  border: 2px solid #FBCBBC !important;
  background-color: #FDE5DD !important;
}
#uploadify_doc_id-queue .cancel a,#uploadify_img_id-queue .cancel a {
  background-image: url("/images/cancel.png");
  float: left;
  height: 16px;
  margin-right: 8px;
  width: 16px;
  text-indent: -99999px;
}

/*
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}
*/
#section_time_sheet .time_sheet {
    clear:left;
    font-size: 0.87em;
}

.time_sheet table.time_sheet_table{
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
}

.time_sheet table.time_sheet_table tr.header{
    color: #629BB7;
    font-weight: bold;
}

.time_sheet table.time_sheet_table tr.header td{
    background: none repeat scroll 0 0 #EBF2F6;
    box-shadow: 0px 20px 1px rgba(255, 255, 255, 0.5) inset
}

.time_sheet table.time_sheet_table tr.header td:first-child {
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    border-radius: 10px 0 0 0;
    border-left: 2px solid #369cba;
    box-shadow: 1px 20px 1px rgba(255, 255, 255, 0.5) inset
}

.time_sheet table.time_sheet_table tr.header td{
    border-left:none;
}

.time_sheet table.time_sheet_table tr.header td:last-child {
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0;
}

.time_sheet table.time_sheet_table tr.header td:only-child{
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

.time_sheet table.time_sheet_table tr.last_row td:first-child {
    -moz-border-radius: 0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;
    border-radius: 0 0 0 10px;
}

.time_sheet table.time_sheet_table tr.last_row td:last-child {
    -moz-border-radius: 0 0 10px 0;
    -webkit-border-radius: 0 0 10px 0;
    border-radius: 0 0 10px 0;
}

.time_sheet table.time_sheet_table tr.last_row td:only-child{
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}

.time_sheet table.time_sheet_table tr.week_days{
    background-color: #d9d9d9;
}

.time_sheet table.time_sheet_table td:first-child{
    border-left: 2px solid #369cba;
}

.time_sheet table.time_sheet_table td{
    border-left: 2px solid #EBF2F6;
    border-top: 2px solid #369cba;
}

.time_sheet table.time_sheet_table td:last-child{
    border-right: 2px solid #369cba;
}

.time_sheet table.time_sheet_table tr.last_row td{
    border-bottom: 2px solid #369cba;
}


.time_sheet table.time_sheet_table tr.second_row td{
    background-color: #8bb4de;
}

.time_sheet table.time_sheet_table tr.third_row td.week_day.monday{
    border-left:none;
}

.time_sheet table.time_sheet_table tr.third_row td, .time_sheet table.time_sheet_table tr.fourth_row td, .time_sheet table.time_sheet_table tr.beginning_of_totals td, .time_sheet table.time_sheet_table tr.last_row td{
    background-color: #F1F6F9;
}

.time_sheet table.time_sheet_table td.folder_name, .time_sheet table.time_sheet_table tr.second_row td.folder_name{
    background-color: #0084A1;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

.time_sheet table.time_sheet_table td.first_column{
    width: 200px;
    max-width: 200px;
}

.time_sheet table.time_sheet_table td.first_column input{
    width: 110px;
    max-width: 110px;
}

.time_sheet table.time_sheet_table td.second_column{
    width: 59px;
    max-width: 59px;
}

.time_sheet table.time_sheet_table td.second_column select{
    width: 124px;
    max-width: 124px;
}

.time_sheet table.time_sheet_table td.week_day{
    width: 70px;
    max-width: 70px;
}

.time_sheet table.time_sheet_table td.week_day input{
    width: 35px;
    max-width: 35px;
}

.time_sheet_table select
{
    width: 100%;
}
/*!
 * Bootstrap v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.popover-title:empty {
  display: none;
}
.popover-content {
  padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover .arrow {
  border-width: 11px;
}
.popover .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right .arrow:after {
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left .arrow:after {
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.modal {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin-left: -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}
.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
.modal.fade.in {
  top: 10%;
}
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.modal-header .close {
  margin-top: 2px;
}
.modal-header h3 {
  margin: 0;
  line-height: 30px;
}
.modal-body {
  position: relative;
  overflow-y: auto;
  max-height: 400px;
  padding: 15px;
}
.modal-form {
  margin-bottom: 0;
}
.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}


@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('glyphicons-halflings-regular.eot');
  src: url('glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('glyphicons-halflings-regular.woff') format('woff'), url('glyphicons-halflings-regular.ttf') format('truetype'), url('glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0.5;
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-folder-close:before {
  content: "\e117";
}
.jPicker .Icon {
  display: inline-block;
  height: 24px; /* change this value if using a different sized color picker icon */
  position: relative; /* make this element an absolute positioning container */
  text-align: left; /* make the zero width children position to the left of container */
  width: 25px; /* change this value if using a different sized color picker icon */
}
.jPicker .Icon span.Color, .jPicker .Icon span.Alpha {
  background-position: 2px 2px;
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.jPicker .Icon span.Image {
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.jPicker.Container {
  color: #000;
  z-index: 10;
  white-space: nowrap;
}
table.jPicker {
  background-color: #efefef;
  border: 1px outset #666;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px !important;
  margin: 0px;
  padding: 5px;
  width: 545px;
  z-index: 20;
}
.jPicker .Move {
  background-color: #dddddd;
  border-color: #fff #666 #666 #fff;
  border-style: solid;
  border-width: 1px;
  cursor: move;
  height: 12px;
  padding: 0px;
}
.jPicker .Title {
  font-size: 11px !important;
  font-weight: bold;
  margin: -2px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  text-align: center;
  width: 100%;
}
.jPicker div.Map {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #9a9a9a;
  border-right: 2px solid #fff;
  border-top: 2px solid #9a9a9a;
  cursor: crosshair;
  height: 260px; /* IE 6 incorrectly draws border inside the width and height instead of outside - We will fix this to 256px later */
  margin: 0px 10px 10px 10px;
  overflow: hidden; /* hide the overdraw of the Color Map icon when at edge of viewing box */
  padding: 0px;
  position: relative; /* make this element an absolute positioning container */
  width: 260px; /* IE 6 incorrectly draws border inside the width and height instead of outside - We will fix this to 256px later */
}
.jPicker div[class="Map"] {
  height: 256px; /* correct to 256px for browsers that support the "[class="xxx"]" selector (IE7+,Firefox,Safari,Chrome,Opera,etc.) */
  width: 256px; /* correct to 256px for browsers that support the "[class="xxx"]" selector (IE7+,Firefox,Safari,Chrome,Opera,etc.) */
}
.jPicker div.Bar {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #9a9a9a;
  border-right: 2px solid #fff;
  border-top: 2px solid #9a9a9a;
  cursor: n-resize;
  height: 260px; /* IE 6 incorrectly draws border inside the width and height instead of outside - We will fix this to 256px later */
  margin: 12px 10px 0px 5px;
  overflow: hidden;
  padding: 0px;
  position: relative;
  width: 24px; /* IE 6 incorrectly draws border inside the width and height instead of outside - We will fix this to 20px later */
}
.jPicker div[class="Bar"] {
  height: 256px; /* correct to 256px for browsers that support the "[class="xxx"]" selector (IE7+,Firefox,Safari,Chrome,Opera,etc.) */
  width: 20px; /* correct to 20px for browsers that support the "[class="xxx"]" selector (IE7+,Firefox,Safari,Chrome,Opera,etc.) */
}
.jPicker .Map .Map1, .jPicker .Map .Map2, .jPicker .Map .Map3, .jPicker .Bar .Map1, .jPicker .Bar .Map2, .jPicker .Bar .Map3, .jPicker .Bar .Map4, .jPicker .Bar .Map5, .jPicker .Bar .Map6 {
  background-color: transparent;
  background-image: none;
  display: block;
  left: 0px;
  position: absolute;
  top: 0px;
}
.jPicker .Map .Map1, .jPicker .Map .Map2, .jPicker .Map .Map3 {
  height: 2596px;
  width: 256px; /* must specify pixel width. IE7/8 Quirks mode ignores opacity for an absolutely positioned item in a relative container with "overflow: visible". The marker in the colorBar
                   would not be drawn if its overflow is set to hidden. */
}
.jPicker .Bar .Map1, .jPicker .Bar .Map2, .jPicker .Bar .Map3, .jPicker .Bar .Map4 {
  height: 3896px;
  width: 20px; /* must specify pixel width. IE7/8 Quirks mode ignores opacity for an absolutely positioned item in a relative container with "overflow: visible". The marker in the colorBar
                  would not be drawn if its overflow is set to hidden. */
}
.jPicker .Bar .Map5, .jPicker .Bar .Map6 {
  height: 256px;
  width: 20px; /* must specify pixel width. IE7/8 Quirks mode ignores opacity for an absolutely positioned item in a relative container with "overflow: visible". The marker in the colorBar
                  would not be drawn if its overflow is set to hidden. */
}
.jPicker .Map .Map1, .jPicker .Map .Map2, .jPicker .Bar .Map6 {
  background-repeat: no-repeat;
}
.jPicker .Map .Map3, .jPicker .Bar .Map5 {
  background-repeat: repeat;
}
.jPicker .Bar .Map1, .jPicker .Bar .Map2, .jPicker .Bar .Map3, .jPicker .Bar .Map4 {
  background-repeat: repeat-x;
}
.jPicker .Map .Arrow {
  display: block;
  position: absolute;
}
.jPicker .Bar .Arrow {
  display: block;
  left: 0px; /* (arrow width / 2) - (element width / 2) - position arrows' center in elements' center */
  position: absolute;
}
.jPicker .Preview {
  font-size: 9px;
  padding: 5px 0px 0px 0px;
  text-align: center;
}
.jPicker .Preview div {
  border: 2px inset #eee;
  height: 62px;
  margin: 0px auto;
  padding: 0px;
  width: 62px;
}
.jPicker .Preview div span {
  border: 1px solid #000;
  display: block;
  height: 30px;
  margin: 0px auto;
  padding: 0px;
  width: 60px;
}
.jPicker .Preview .Active {
  border-bottom-width: 0px;
}
.jPicker .Preview .Current {
  border-top-width: 0px;
  cursor: pointer;
}
.jPicker input {
  font-size: 13px;
}
.jPicker .Button {
  text-align: center;
  padding: 0px 4px;
  width: 115px;
  white-space: normal;
}
.jPicker .Button input {
  padding: 2px 0px;
  width: 100px;
}
.jPicker .Button .Ok {
  margin: 12px 0px 5px 0px;
}
.jPicker td {
  margin: 0px;
  padding: 0px;
  vertical-align: top;
}
.jPicker td.Radio {
  margin: 0px;
  padding: 0px;
  width: 31px;
}
.jPicker td.Radio input {
  margin: 0px 5px 0px 0px;
  padding: 0px;
}
.jPicker td.Text {
  font-size: 12px !important;
  height: 22px;
  margin: 0px;
  padding: 0px;
  text-align: left;
  width: 70px;
}
.jPicker tr.Hex td.Text {
  width: 100px;
}
.jPicker td.Text input {
  background-color: #fff;
  border: 1px inset #aaa;
  height: 19px;
  margin: 0px 0px 0px 5px;
  text-align: left;
  width: 30px;
}
.jPicker td[class="Text"] input {
  height: 15px;
}
.jPicker tr.Hex td.Text input.Hex {
  width: 50px;
}
.jPicker tr.Hex td.Text input.AHex {
  width: 20px;
}
.jPicker .Grid {
  text-align: center;
  width: 114px;
}
.jPicker .Grid span.QuickColor {
  border: 1px inset #aaa;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  margin: 0px;
  padding: 0px;
  width: 19px;
}
.jPicker .Grid span[class="QuickColor"] {
  width: 17px;
}
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-datetimepicker-widget{top:0;left:0;width:250px;padding:4px;margin-top:1px;z-index:3000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute;top:-7px;left:6px}.bootstrap-datetimepicker-widget:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.bootstrap-datetimepicker-widget.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget>ul{list-style-type:none;margin:0}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:100%;font-weight:bold;font-size:1.2em}.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width:4px;padding:0;margin:0}.bootstrap-datetimepicker-widget .datepicker>div{display:none}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget td.old,.bootstrap-datetimepicker-widget td.new{color:#999}.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget td.active:hover,.bootstrap-datetimepicker-widget td.active:hover:hover,.bootstrap-datetimepicker-widget td.active:active,.bootstrap-datetimepicker-widget td.active:hover:active,.bootstrap-datetimepicker-widget td.active.active,.bootstrap-datetimepicker-widget td.active:hover.active,.bootstrap-datetimepicker-widget td.active.disabled,.bootstrap-datetimepicker-widget td.active:hover.disabled,.bootstrap-datetimepicker-widget td.active[disabled],.bootstrap-datetimepicker-widget td.active:hover[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.bootstrap-datetimepicker-widget td.active:active,.bootstrap-datetimepicker-widget td.active:hover:active,.bootstrap-datetimepicker-widget td.active.active,.bootstrap-datetimepicker-widget td.active:hover.active{background-color:#039 \9}.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget td span{display:block;width:47px;height:54px;line-height:54px;float:left;margin:2px;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget td span:hover{background:#eee}.bootstrap-datetimepicker-widget td span.active{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget td span.active:hover,.bootstrap-datetimepicker-widget td span.active:active,.bootstrap-datetimepicker-widget td span.active.active,.bootstrap-datetimepicker-widget td span.active.disabled,.bootstrap-datetimepicker-widget td span.active[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.bootstrap-datetimepicker-widget td span.active:active,.bootstrap-datetimepicker-widget td span.active.active{background-color:#039 \9}.bootstrap-datetimepicker-widget td span.old{color:#999}.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget th.switch{width:145px}.bootstrap-datetimepicker-widget th.next,.bootstrap-datetimepicker-widget th.prev{font-size:21px}.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget thead tr:first-child th:hover{background:#eee}.input-append.date .add-on i,.input-prepend.date .add-on i{display:block;cursor:pointer;width:16px;height:16px}.bootstrap-datetimepicker-widget.left-oriented:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.left-oriented:after{left:auto;right:7px}


[class^="icon-"], [class*=" icon-"] {
    background-image: url("/assets/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}

.icon-chevron-up {
    background-position: -288px -120px;
}

.icon-chevron-down {
    background-position: -313px -119px;
}

.icon-time {
    background-position: -48px -24px;
}

.icon-calendar {
    background-position: -192px -120px;
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    left: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
}

.bootstrap-datetimepicker-widget > ul {
    padding: 0;
}

.collapse {
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height 0.35s ease 0s;
}

.collapse.in {
    height: auto;
}
/********************
 * SVG CSS
 */



svg {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Trying to get SVG to act like a greedy block in all browsers */
  display: block;
  width:300px;
  height:300px;
}

/********************
  Default CSS for an svg element nvd3 used
*/
svg.nvd3-svg {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: block;
}

/********************
  Box shadow and border radius styling
*/
.nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip {
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/********************
 * TOOLTIP CSS
 */

.nvtooltip {
  position: absolute;
  background-color: rgba(255,255,255,1.0);
  padding: 1px;
  border: 1px solid rgba(0,0,0,.2);
  z-index: 10000;

  font-family: Arial;
  font-size: 13px;
  text-align: left;
  pointer-events: none;

  white-space: nowrap;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*Give tooltips that old fade in transition by
    putting a "with-transitions" class on the container div.
*/
.nvtooltip.with-transitions, .with-transitions .nvtooltip {
  transition: opacity 50ms linear;
  -moz-transition: opacity 50ms linear;
  -webkit-transition: opacity 50ms linear;

  transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
}

.nvtooltip.x-nvtooltip,
.nvtooltip.y-nvtooltip {
  padding: 8px;
}

.nvtooltip h3 {
  margin: 0;
  padding: 4px 14px;
  line-height: 18px;
  font-weight: normal;
  background-color: rgba(247,247,247,0.75);
  text-align: center;

  border-bottom: 1px solid #ebebeb;

  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 1px 5px 0 0;
}

.nvtooltip p {
  margin: 0;
  padding: 5px 14px;
  text-align: center;
}

.nvtooltip span {
  display: inline-block;
  margin: 2px 0;
}

.nvtooltip table {
  margin: 6px;
  border-spacing:0;
}


.nvtooltip table td {
  padding: 2px 9px 2px 0;
  vertical-align: middle;
}

.nvtooltip table td.key {
  font-weight:normal;
}
.nvtooltip table td.value {
  text-align: right;
  font-weight: bold;
}

.nvtooltip table tr.highlight td {
  padding: 1px 9px 1px 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-top-width: 1px;
}

.nvtooltip table td.legend-color-guide div {
  width: 8px;
  height: 8px;
  vertical-align: middle;
}

.nvtooltip .footer {
  padding: 3px;
  text-align: center;
}

.nvtooltip-pending-removal {
  position: absolute;
  pointer-events: none;
}

.nvd3 text {
  font: normal 12px Arial;
}

.nvd3 .title {
 font: bold 14px Arial;
}

.nvd3 .nv-background {
  fill: white;
  fill-opacity: 0;
}

.nvd3.nv-noData {
  font-size: 18px;
  font-weight: bold;
}


/**********
*  Brush
*/

.nv-brush .extent {
  fill-opacity: .125;
  shape-rendering: crispEdges;
}


/**********
*  Legend
*/

.nvd3 .nv-legend .nv-series {
  cursor: pointer;
}

.nvd3 .nv-legend .nv-disabled circle {
  fill-opacity: 0;
}


/**********
*  Axes
*/

.axis {
  opacity: 1;
}

.axis.nv-disabled {
  opacity: 0;
}

.nvd3 .nv-axis {
  pointer-events:none;
}

.nvd3 .nv-axis path {
  fill: none;
  stroke: #000;
  stroke-opacity: .75;
  shape-rendering: crispEdges;
}

.nvd3 .nv-axis path.domain {
  stroke-opacity: .75;
}

.nvd3 .nv-axis.nv-x path.domain {
  stroke-opacity: 0;
}

.nvd3 .nv-axis line {
  fill: none;
  stroke: #e5e5e5;
  shape-rendering: crispEdges;
}

.nvd3 .nv-axis .zero line,
/*this selector may not be necessary*/ .nvd3 .nv-axis line.zero {
  stroke-opacity: .75;
}

.nvd3 .nv-axis .nv-axisMaxMin text {
  font-weight: bold;
}

.nvd3 .x  .nv-axis .nv-axisMaxMin text,
.nvd3 .x2 .nv-axis .nv-axisMaxMin text,
.nvd3 .x3 .nv-axis .nv-axisMaxMin text {
  text-anchor: middle
}


/**********
*  Brush
*/

.nv-brush .resize path {
  fill: #eee;
  stroke: #666;
}


/**********
*  Bars
*/

.nvd3 .nv-bars .negative rect {
    zfill: brown;
}

.nvd3 .nv-bars rect {
  zfill: steelblue;
  fill-opacity: .75;

  transition: fill-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear;
}

.nvd3 .nv-bars rect.hover {
  fill-opacity: 1;
}

.nvd3 .nv-bars .hover rect {
  fill: lightblue;
}

.nvd3 .nv-bars text {
  fill: rgba(0,0,0,0);
}

.nvd3 .nv-bars .hover text {
  fill: rgba(0,0,0,1);
}


/**********
*  Bars
*/

.nvd3 .nv-multibar .nv-groups rect,
.nvd3 .nv-multibarHorizontal .nv-groups rect,
.nvd3 .nv-discretebar .nv-groups rect {
  stroke-opacity: 0;

  transition: fill-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear;
}

.nvd3 .nv-multibar .nv-groups rect:hover,
.nvd3 .nv-multibarHorizontal .nv-groups rect:hover,
.nvd3 .nv-discretebar .nv-groups rect:hover {
  fill-opacity: 1;
}

.nvd3 .nv-discretebar .nv-groups text,
.nvd3 .nv-multibarHorizontal .nv-groups text {
  font-weight: bold;
  fill: rgba(0,0,0,1);
  stroke: rgba(0,0,0,0);
}

/***********
*  Pie Chart
*/

.nvd3.nv-pie path {
  stroke-opacity: 0;
  transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;

}

.nvd3.nv-pie .nv-pie-title {
    font-size: 24px;
    fill: rgba(19, 196, 249, 0.59);
}

.nvd3.nv-pie .nv-slice text {
  stroke: #000;
  stroke-width: 0;
}

.nvd3.nv-pie path {
  stroke: #fff;
  stroke-width: 1px;
  stroke-opacity: 1;
}

.nvd3.nv-pie .hover path {
  fill-opacity: .7;
}
.nvd3.nv-pie .nv-label {
  pointer-events: none;
}
.nvd3.nv-pie .nv-label rect {
  fill-opacity: 0;
  stroke-opacity: 0;
}

/**********
* Lines
*/

.nvd3 .nv-groups path.nv-line {
  fill: none;
  stroke-width: 1.5px;
}

.nvd3 .nv-groups path.nv-line.nv-thin-line {
  stroke-width: 1px;
}


.nvd3 .nv-groups path.nv-area {
  stroke: none;
}

.nvd3 .nv-line.hover path {
  stroke-width: 6px;
}

.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
  fill-opacity: 0;
  stroke-opacity: 0;
}

.nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
  fill-opacity: .5 !important;
  stroke-opacity: .5 !important;
}


.with-transitions .nvd3 .nv-groups .nv-point {
  transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
  -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
  -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;

}

.nvd3.nv-scatter .nv-groups .nv-point.hover,
.nvd3 .nv-groups .nv-point.hover {
  stroke-width: 7px;
  fill-opacity: .95 !important;
  stroke-opacity: .95 !important;
}


.nvd3 .nv-point-paths path {
  stroke: #aaa;
  stroke-opacity: 0;
  fill: #eee;
  fill-opacity: 0;
}



.nvd3 .nv-indexLine {
  cursor: ew-resize;
}


/**********
* Distribution
*/

.nvd3 .nv-distribution {
  pointer-events: none;
}


/**********
*  Scatter
*/

.nvd3 .nv-groups .nv-point.hover {
  stroke-width: 20px;
  stroke-opacity: .5;
}

.nvd3 .nv-scatter .nv-point.hover {
  fill-opacity: 1;
}


/**********
*  Stacked Area
*/

.nvd3.nv-stackedarea path.nv-area {
  fill-opacity: .7;
  stroke-opacity: 0;
  transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
}

.nvd3.nv-stackedarea path.nv-area.hover {
  fill-opacity: .9;
}


.nvd3.nv-stackedarea .nv-groups .nv-point {
  stroke-opacity: 0;
  fill-opacity: 0;
}


/**********
*  Line Plus Bar
*/

.nvd3.nv-linePlusBar .nv-bar rect {
  fill-opacity: .75;
}

.nvd3.nv-linePlusBar .nv-bar rect:hover {
  fill-opacity: 1;
}


/**********
*  Bullet
*/

.nvd3.nv-bullet { font: 10px sans-serif; }
.nvd3.nv-bullet .nv-measure { fill-opacity: .8; }
.nvd3.nv-bullet .nv-measure:hover { fill-opacity: 1; }
.nvd3.nv-bullet .nv-marker { stroke: #000; stroke-width: 2px; }
.nvd3.nv-bullet .nv-markerTriangle { stroke: #000; fill: #fff; stroke-width: 1.5px; }
.nvd3.nv-bullet .nv-tick line { stroke: #666; stroke-width: .5px; }
.nvd3.nv-bullet .nv-range.nv-s0 { fill: #eee; }
.nvd3.nv-bullet .nv-range.nv-s1 { fill: #ddd; }
.nvd3.nv-bullet .nv-range.nv-s2 { fill: #ccc; }
.nvd3.nv-bullet .nv-title { font-size: 14px; font-weight: bold; }
.nvd3.nv-bullet .nv-subtitle { fill: #999; }


.nvd3.nv-bullet .nv-range {
  fill: #bababa;
  fill-opacity: .4;
}
.nvd3.nv-bullet .nv-range:hover {
  fill-opacity: .7;
}


/**********
* Sparkline
*/

.nvd3.nv-sparkline path {
  fill: none;
}

.nvd3.nv-sparklineplus g.nv-hoverValue {
  pointer-events: none;
}

.nvd3.nv-sparklineplus .nv-hoverValue line {
  stroke: #333;
  stroke-width: 1.5px;
 }

.nvd3.nv-sparklineplus,
.nvd3.nv-sparklineplus g {
  pointer-events: all;
}

.nvd3 .nv-hoverArea {
  fill-opacity: 0;
  stroke-opacity: 0;
}

.nvd3.nv-sparklineplus .nv-xValue,
.nvd3.nv-sparklineplus .nv-yValue {
  stroke-width: 0;
  font-size: .9em;
  font-weight: normal;
}

.nvd3.nv-sparklineplus .nv-yValue {
  stroke: #f66;
}

.nvd3.nv-sparklineplus .nv-maxValue {
  stroke: #2ca02c;
  fill: #2ca02c;
}

.nvd3.nv-sparklineplus .nv-minValue {
  stroke: #d62728;
  fill: #d62728;
}

.nvd3.nv-sparklineplus .nv-currentValue {
  font-weight: bold;
  font-size: 1.1em;
}

/**********
* historical stock
*/

.nvd3.nv-ohlcBar .nv-ticks .nv-tick {
  stroke-width: 1px;
}

.nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover {
  stroke-width: 2px;
}

.nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive {
    stroke: #2ca02c;
}

.nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative {
    stroke: #d62728;
}

.nvd3.nv-historicalStockChart .nv-axis .nv-axislabel {
  font-weight: bold;
}

.nvd3.nv-historicalStockChart .nv-dragTarget {
  fill-opacity: 0;
  stroke: none;
  cursor: move;
}

.nvd3 .nv-brush .extent {
  fill-opacity: 0 !important;
}

.nvd3 .nv-brushBackground rect {
  stroke: #000;
  stroke-width: .4;
  fill: #fff;
  fill-opacity: .7;
}


/**********
* Parallel Coordinates
*/

.nvd3 .background path {
  fill: none;
  stroke: #EEE;
  stroke-opacity: .4;
  shape-rendering: crispEdges;
}

.nvd3 .foreground path {
  fill: none;
  stroke-opacity: .7;
}

.nvd3 .brush .extent {
  fill-opacity: .3;
  stroke: #fff;
  shape-rendering: crispEdges;
}

.nvd3 .axis line, .axis path {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.nvd3 .axis text {
  text-shadow: 0 1px 0 #fff;
}

/****
Interactive Layer
*/
.nvd3 .nv-interactiveGuideLine {
  pointer-events:none;
}
.nvd3 line.nv-guideline {
  stroke: #ccc;
}
ul.tagit {
    padding: 1px;
    margin: 1px;
    overflow: auto;
    border: 2px solid #629bb7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    list-style-type: none;
} 
ul.tagit li {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;    
}
ul.tagit li.tagit-choice {    
    position: relative;
    line-height: inherit;    
}
input.tagit-hidden-field {
    display: none;
}
ul.tagit li.tagit-choice-read-only { 
    padding: .2em .5em .2em .5em; 
} 

ul.tagit li.tagit-choice-editable { 
    padding: .2em 18px .2em .5em; 
} 
ul.tagit li.tagit-choice a.tagit-label {
    cursor: pointer;
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    cursor: pointer;
    position: absolute;
    right: .1em;
    top: 50%;
    margin-top: -8px;
    line-height: 17px;
}

/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: none;
}

ul.tagit li.tagit-choice input {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit input[type="text"] {
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

    border: none;
    margin: 0;
    padding: 0;
    width: inherit;
    background-color: inherit;
    outline: none;
}
ul.display_tag_list{
    border: none;
    background: none;
    /* width: max-content; */
    max-width: 450px;
    margin: 0.5px;
}
ul.display_tag_list li span, .ui-widget {
    font-family: "Segoe UI", Helvetica, Arial, sans-serif!important;
    font-size: 1em!important;
    font-weight: normal!important;
}
li.tagit-new input[type="text"]{
    border: none;
    background: none;
}
.tag_section {
    max-width: 400px;
    padding: 20px 0 0;
}
#tag_search, #tag_search input[type="submit"] {
    margin-left: 20px;
}

#tag_search ul.tagit{
    float: left;
    max-width: 400px;
    margin: 0px;
    padding: 0px;
}
#tag_search ul.tagit li {
    font-size: 0.9em;
    margin: 1px 5px 1px 0;
}

ul.tagit li.tagit-new input[type="text"] {
    min-width: 215px!important;
}

.ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}
.multiple_emails-container { 
	border:2px #629bb7 solid;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
	padding:0; margin: 0; cursor:text; width:96%;
}

.multiple_emails-container input { 
	clear:both; 
	width:100%;
	border:0; 
	outline: none; 
	margin-bottom:3px; 
	padding-left: 5px; 
	box-sizing: border-box;
}

.multiple_emails-container input{
	border: 0 !important;
}

.multiple_emails-container input.multiple_emails-error {	
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px red !important; 
	outline: thin auto red !important; 
}

.multiple_emails-container ul {	
	list-style-type:none; 
	padding-left: 0; 
}

.multiple_emails-email { 
	margin: 3px 5px 3px 5px; 
	padding: 3px 5px 3px 5px; 
	border:1px #BBD8FB solid;	
	border-radius: 3px; 
	background: #F3F7FD; 
}

.multiple_emails-close { 
	float:left; 
	margin:0 3px;
}

.multiple_emails-input {
    width: 80%;
}
/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */

@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.dropzone, .dropzone * {
  box-sizing: border-box;
}

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px;
}
.dropzone.dz-clickable {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}
.dropzone.dz-started .dz-message {
  display: none;
}
.dropzone.dz-drag-hover {
  border-style: solid;
}
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}
.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}
.dropzone .dz-message .dz-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}
.dropzone .dz-preview:hover {
  z-index: 1000;
}
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}
.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}
.dropzone .dz-preview.dz-image-preview {
  background: white;
}
.dropzone .dz-preview.dz-image-preview .dz-details {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}
.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}
.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}
.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}
.dropzone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}
.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}
.dropzone .dz-preview .dz-image img {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}
.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  -moz-animation: pulse 6s ease infinite;
  -ms-animation: pulse 6s ease infinite;
  -o-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}
.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}
.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}
.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}
.dropzone .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}
/* ...
















*/


.share_button a, .btn-green
{
    background: #008000 !important;
}

.share_button a
{
    margin-left: 10px;
    position: absolute;
    right: 160px;
}

.share_button a:hover, .btn-green:hover
{
    background: #006400 !important;
}

.btn-green {
  border: solid 2px #006400 !important;
}

.bootbox.modal {
  width: 960px;
  margin-left: -480px;
}
.bootbox.modal .modal-body {
  max-height: none;
}

.attach_to input {
  padding: 1px 5px;
  width: 95%;
}

.attach_to input.small {
  width: 20px;
}

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

td.narrow, th.narrow {
  width: 1%;
  white-space: nowrap;
  min-width: 1%;
}

table.data_table > tbody > tr.row-success > th,
table.data_table > tbody > tr.row-success > td {
  background-color: #dff0d8;
}

h3 span {
  color: #27617e;
}


h3.smart-add {
    margin: 0 0 10px 0;
    padding: 0;
    display: inline-block;
    background: transparent none;
    color: #27617e;
    font-size: 1em;
    text-shadow: none;
}

.modal-header .close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
    text-decoration: none;
}

.login .notice {
  color: red;
}

.login .success {
  color: #629bb7;
  font-weight: 700;
}

#attachment_actions {
  margin-right: 20px;
}

h1 a.button {
  display: block;
  float: right;
  padding: 4px 10px;
  margin-left: 10px !important;
}

.include_all_sub input[type="checkbox"]{
  vertical-align: middle;
}
#tag_search label{
  font-size: 80%;
  font-weight: bold;
  margin-left: 20px;
}
#tag_search input[type="submit"] {
  padding: 5px 10px;
}

a.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

p.blue, span.blue {
  color: #629bb7;
}