header {
	position: relative;
}

header h1 {
	margin: 0 auto;
	padding: 0.75em 0 0.75em 1.75em
}

header nav {
	height: 1em;
}

header nav ul {
	width: 100%;
}

header nav ul {
	width: 100%;
}

header nav > ul > li {
	min-width: 10em;
}

#loginBox {
	position: absolute;
	bottom: -1em;
	right: 1em;	
}

#loginBox a {
	
}

#main {
	overflow: hidden;
	width: 100%;
}

#sideNavi {
	float: left;
	width: 13%;
}

#sideNavi ul {
	margin: 6em 2em 1em 0.5em;
}

#sideNavi ul li a, #sideNavi ul li b {
	display: block;
	padding: 0.1em;
}

#content {
	float: left;
	width: 87%;
}

#actionButtons li {
	display: inline-block;
}

#content h2 {
	margin: 1.5em 1em 0.5em 1em;
	padding-bottom: 0.1em;
	border-bottom-width: 2px;
}

#content h3 {
	margin: 0.5em 0;
	padding-bottom: 0.1em;
	border-bottom-width: 2px;
}

#content h4 {
	margin: 0.25em 0;
}

#content .tabs {
    border: none;
    padding: 0;
    margin-bottom: 1.5em;
}

#content .tabs .ui-tabs-panel {
    border: none;
    padding: 0;
}

#contentBody {
	padding: 1.5em;
	overflow: auto;
}

#contentBody section {
	margin-bottom: 1em;
}

#contentBody form, #contentBody .form {
	width: 75%;
	margin: 1.5em 0 2.5em 0;
}

#contentBody form.smallForm {
	margin: 0;
}

#contentBody form.tableForm {
	width: 100%;
}

#contentBody form.tableForm .select {
	text-align: center;
}

#contentBody form.tableForm select {
	width: 10em;
}

#contentBody ul.records, #contentBody ol.records {
	padding-left: 0em;
	list-style-type: none;
}

#contentBody ul.records li, #contentBody ol.records li {
	margin-bottom: 0.5em;
}

#contentBody ul.records li .actions, #contentBody ol.records li .actions {
	position: relative;
	top: 5px;
}

#content table, #tourReportContainer table, table.ajaxRecords {
	width: 100%;
}

#content table.records {
	margin-bottom: 2.5em;
}

#content table thead, #tourReportContainer table thead, table.ajaxRecords thead {
	border-bottom-width: 2px;	
}

#content table thead, #tourReportContainer table td, table.ajaxRecords td {
    padding: 0.5em 0.25em;   
}

#content table th {
	padding: 0.5em;
	min-width: 6em;
}

#tourReportContainer table th {
	padding: 0.25em 0.5em 0.25em 0;
}

table.ajaxRecords th {
    text-align: left;
}

#content table th.narrow {
	min-width: 2em;
}

#content table th.sortable {
	min-width: 6em;
}

#content table th.sortable.narrow {
    min-width: 2.5em;
}

#content table th.wide {
    min-width: 20em;
}

#content table td {
	padding: 0.5em;
}

#content table td.split {
    width:50% !important;
    min-width:50%
}

#content table td.split input, #content table td.split select {
    width:100%;
}

#contentBody .textData {
	
}

#contentBody .textDataLabel {
	display: inline-block;
	min-width: 10em; 
}

#contentBody p.chartDataDownload {
	margin-top: 0px;
}

#contentBody h4 a.button, #contentBody h5 a.button, #contentBody h6 a.button {
	vertical-align: middle;
	bottom: 0.2em;
}

#contentBody iframe.preview {
	width: 100%;
	height: 1000px;
	border: none;
}

#content table td.bold, #content table tr.bold {
	font-weight: bold;
}

/*	DASHBOARD	*/

#dashboardContainer {
	width: 98%;
	padding: 1.5em 1%;
	overflow: hidden;
}

#dashboardContainer #calendarLocationButtons {
	margin-bottom: 1.5em;
	min-height: 2em;
}

#dashboardContainer #calendarLocationButtons div.checkbox {
	display: inline;
}

#dashboardContainer #bigActionButtonsLeft {
	position: absolute;
}

#dashboardContainer #bigActionButtonsLeft a {
    padding: 10px;
    margin-right: 0px;
}

.recordsPaginator {
	padding: 0.5em;
	margin-bottom: 2.5em;
}

/*	CHARTS	*/
#contentBody .pieChart {
	width: 50%;
	height: 20em;
}

#contentBody .barChart {
	width: 50%;
	height: 20em;
	margin-bottom: 2.5em;
}

table.jqplot-table-legend {
	width: 35% !important;
}

td.jqplot-table-legend-swatch {
	width: 0px;
}

/* EMAILS */

textarea.emailbody, div.textarea textarea.emailbody {
	min-height: 400px;
	min-width:800px;
}

#snippetText {
	border-style:solid;
	border-width:1px;
	min-height: 120px;
	width: 80%;
	padding: 3px;
}

.topm {
	margin-top: 12px;
}

/* smallCalendar */

#calendar.smallCalendar {
	width: 310px;
	margin: 0 auto;
    font-size: 10px;
}

#content #calendar.smallCalendar table th {
	min-width: 0em;
}

#content #calendar.smallCalendar .fc-header-title h2 {
    font-size: .9em;
    white-space: normal !important;
}

#content #calendar.smallCalendar .fc-view-month .fc-event, .fc-view-agendaWeek .fc-event {
    font-size: 0;
    overflow: hidden;
    height: 2px;
}

#content #calendar.smallCalendar .fc-view-agendaWeek .fc-event-vert {
    font-size: 0;
    overflow: hidden;
    width: 2px !important;
}

#content #calendar.smallCalendar .fc-agenda-axis {
    width: 20px !important;
    font-size: .7em;
}

#content #calendar.smallCalendar .fc-button-content {
    padding: 0;
}

/* OTHERS */

a.button:visited, #content table td a.button:visited {
	color: #fff;
}

/* tablesorter */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	padding: 4px;
}
table.tablesorter thead tr .header {
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}