#content {
	width: 920px;
	color: #404040;
}
.ui-widget-content {
	color: #404040;
}

/*Hack to fix white-out bug on date-picker currently selected day*/
.ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active {
	background: none;
	background-color: #794D89;
}

/*Override page.css to fix date-picker container width problem*/
table a{
	margin: 0px;
}

/*Extra date-picker visual styling*/
.ui-datepicker thead{
	background: none;
	border: 0px none;
}
.ui-datepicker th{
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.ui-datepicker .ui-state-active{
	color: #FFF;
}

.ui-icon {
	display: inline-block;
	vertical-align: bottom;
}

/*Remove background from tabs*/
#tabs .ui-widget-header, #tabs.ui-tabs{
	background-color: transparent !important;
	border: none !important;
	background: none;
}
#tabs .ui-tabs-panel{
	background: url("/js/jquery/images/ui-bg_highlight-hard_100_f2f5f7_1x100.png") repeat-x scroll 50% top #F2F5F7;
	border: 1px solid #DDDDDD;
	color: #362B36;
	background-position: 0px -25px;
}

h2 {
	margin-top: 20px;
	margin-bottom: 10px;
}

h2.first {
	margin-top: 5px;
}

/* Override /client/resources/css/form.css */
span {
	font-size: 100%;
}

/* Override /client/resources/css/page.css */
table{
	color: #404040;
	border: 0px none;
	border-collapse: collapse;
	background-color: transparent;
	background: none;
}
tbody{
	background-color: transparent;
	background: none;
}
td, th{
	padding: 2px;
	margin: 0px;
	background-color: transparent;
	border: 0px none;
}
td h2, th h2{
	margin: 5px;
	text-align: center;
}

.topbar_container {
	padding-left: 10px;
	padding-right: 10px;
}

.non_semantic_heading {
	font-size: 22px;
	font-weight: normal;
	line-height: 24px;
}

#animaldetails{
	width: 50%;
	float: right;
	margin-bottom: 0px;
	margin-left: 20px;
}

#animaldetails th{
	text-align: right;
}

#actionslist {
	width: 50%;
	float: right;
	margin-bottom: 20px;
}
#actionslist ul{
	margin: 0px;
}
#actionslist li{
	display: inline-block;
	width: 49%;
	margin: 0px;
	margin-bottom: 5px;
}
#actionslist span.ui-icon{
	margin-right: 5px;
}

/*fixed plot width to prevent plots collapsing when tab is hidden*/
#plotDailyActivity, #plotScratching, #plotTemperature {
	width: 881px;
}

#plotDailyActivity{
	height: 368px;
}
#plotScratching{
	height: 84px;
}
#plotTemperature{
	height: 172px;
}

#temporal_navigation_device{
	margin-bottom: 5px;
}

#activityPlotKey{
	font-size: 100%;
}
#activityPlotKey div{
	vertical-align: text-top;
}
#activityPlotKey .title{
	font-weight: bold;
	font-size: 120%;
}
#activityPlotKey .inline{
	display: inline-block;
}
#activityPlotKey .column{
	margin-right: 20px;
}

.noDataMsg {
	font-style: italic;
	position: relative;
	text-align: center;
	top: 50px !important;
	clear: none;
	height: 0px;
	overflow: visible;
}


.toolTipTable{
	margin-left: auto;
	margin-right: auto;
}
.toolTipTable th {
	text-align: right;
	font-weight: bold;
}
.toolTipTable table,
.toolTipTable th,
.toolTipTable td {
	margin: 0px;
	padding: 1px;
}

#historyContainer {
	margin-top: 30px;
	margin-bottom: 30px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background-image: -moz-linear-gradient(center top , #FFFFFF 5px, #EEEEEE 32px);
}
#historyTable{
	border-collapse:collapse;
}
#historyTable table,
#historyTable thead,
#historyTable tbody,
#historyTable tr,
#historyTable th,
#historyTable td{
	border-collapse:collapse;
	border: 0px none;
	margin: 0px;
}
#historyTable td{
	padding: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 90px;
}
#historyTable .histPlot{
	height: 90px;
	width: 512px;
	min-width: 512px;
}
#historyTable th{
	font-weight: bold;
	padding: 5px;
}
h2 .subText{
	float: right;
	font-size: 70%;
}

#weightParentContent{
	margin-top: 15px;
}
span.beta {
	position: absolute;
	width: 25px;
	height: 15px;
	background: #794d89;
	right: -24px;
	top: -6px;
	z-index: 1;
	padding: 2px;
	border: 1px solid rgb(91, 54, 104);
	border-radius: 5px;
	color: white;
}

/* weight management alerts checkboxes temporary CSS */
.alerts-holder {
	padding:20px;
}
.alerts-holder .box-label {
	position: relative;
	display: block;
	width: 150px;
	margin:0 auto;
	float: none;
	padding-left: 25px;
	text-align: left;
	line-height: 18px;
}
.alerts-holder .box-label input[type=checkbox] {
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0px;
}
.alerts-holder .email_plan_owner {
	display: block;
	width: 170px;
	height: 30px;
	line-height: 30px;
	margin: 0 auto !important;
	padding: 0!important;
	text-align: center;
	font-size: 14px;
	font-weight: normal;/* mac safari*/
}
.alerts-holder .email_plan_owner:hover {
	color: #794d89;
}
.alerts-holder .row {
	margin-bottom: 10px;
}
/* Padding for widget containers */
.padded-left {
	padding-left: 15px;
}
.padded-top {
	padding-top: 10px;
}
/* END weight management alerts checkboxes temporary CSS */
#recentnotifcations{
	width: 50%;
}
#recentnotifcations .eventsList .dateTime {
    width: 7em;
}