/* nesta classe pode-se alterar a cor de background da página */
body {
	background-color: #FFFFFF;
	font-size: 0.75rem !important;
}

/* nesta classe define-se o tipo de letra e tamanho para os <p> e <td> */
p, td {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
}

p {
	margin: 1 0 1 0;
}

.redtext {
	color: #FF0000;
}

.greentext {
	color: #339966;
}

.bluetext {
	color: #006699;
}

.yellowtext {
	color: #DEBD39;
}

.lightgreytext {
	color: #AAAAAA;
}

.darkgreytext {
	color: #999999;
}

td.red {
	background-color: #FF0000;
}

td.green {
	background-color: #339966;
}

td.blue {
	background-color: #006699;
}

td.yellow {
	background-color: #DEBD39;
}

td.lightgrey {
	background-color: #AAAAAA;
}

td.darkgrey {
	background-color: #999999;
}

p.aviso {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #bb7d2b;
}

p.valido {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: green;
}

p.erro {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff0000;
}

.copyright {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 9px;
}

a.linkcopyright {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 9px;
	color: #5B9EBF;
	font-weight: bold;
}

a.linkcopyright:hover {
	text-decoration: underline;
}

/* classe de formatação de titulos*/
.title {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.personname {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.verticallineright {
	border-right: solid #CCCCCC 1px;
}

.verticallineleft {
	border-left: solid #CCCCCC 1px;
}

.horizontallinetop {
	border-top: solid #CCCCCC 1px;
}

.horizontallinebottom {
	border-bottom: solid #CCCCCC 1px;
}

/* classes de formatação das tabs*/
table.tabtable {
	border-collapse: collapse;
	border-left: solid #AAAAAA 1px;
	border-top: solid #AAAAAA 1px;
	border-right: solid #AAAAAA 1px;
}

.openedtab {
	border: solid 1px #AAAAAA;
	border-bottom: none;
	font-weight: bold;
	background-color: #5B9EBF;
}

.openedtab a.activetab {
	color: #FFFFFF !important;
}

.closedtab {
	background-color: #EEEEEE;
	border: solid 1px #AAAAAA;
	border-bottom: none;
}

.closedtabhover {
	background-color: #DDDDDD;
	border: solid 1px #AAAAAA;
	border-bottom: none;
}

a.tab {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

a.activetab {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

a.tab:hover {
	text-decoration: none;
}

a.activetab:hover {
	text-decoration: none;
}

/* classe usada na data do header */
.dataheader {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

/* classe usada nas datas */
.datas {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

/* classes de formatação do locator */
.locator {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	border-bottom: solid #FFFFFF 1px;
}

a.locator {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

a.locator:hover {
	text-decoration: underline;
}

a.buttons:hover {
	text-decoration: none;
	cursor: default;
}

/* classe de formatação do footer */
.footer {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border-top: solid #CCCCCC 1px;
}

/* classes usadas para os elementos de form (text fields, text areas e botoes) */
.formelement {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #000000;
}

.formelementnumber {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	text-align: right;
	font-size: 11px;
	color: #000000;
	border: 1px solid #000000;
}

.buttons {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}

/* classe de formatação das células de topo de uma tabela */
.tabletitle {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #123883;
	padding: 3px;
}

.tableborder {
	border: 1px solid #AAAAAA;
}

.celltitle {
	background-color: #FFFFFF;
}

.cellcontent {
	background-color: #F5F5F5;
}

.cellcontent1 {
	background-color: #FFFFFF;
}

.cellheader {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #5B9EBF;
	font-weight: bold;
	padding: 3px;
}

td.cellwarning {
	background-color: #AAAAAA;
}

/* classes usadas para os elementos do calendário */
.normal {
	color: #8899aa;
	font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
}

.dia {
	color: #ff0000;
	font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
}

.semana {
	color: #000000;
	font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
	border-right: solid #CCCCCC 1px;
}

/* classe de formatação de uma hit de uma pesquisa*/
.searchhit {
	background: yellow;
}

/* classes de formatação do texto de validação de formulários*/
.validationErrorHeader {
	color: #ff0000;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
}

.validationError {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
}

.warning {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #e72139;
}

/* classes para a geração de horários */
table.schedule {
	border-top: 1px #aaaaaa solid;
	border-bottom: 1px #aaaaaa solid;
	border-right: 1px #aaaaaa solid;
	border-left: 1px #aaaaaa solid;
}

td.scheduleTop {
	border-top: 1px #aaaaaa solid;
	border-bottom: 1px #aaaaaa solid;
	border-right: 1px #aaaaaa solid;
	border-left: 1px #aaaaaa solid;
}

td.scheduleBottom {
	border-bottom: 1px #aaaaaa solid;
	border-right: 1px #aaaaaa solid;
	border-left: 1px #aaaaaa solid;
}

/* Início das classes necessárias ao uso do displayTag */
.displaytable {
	width: 100%;
}

thead tr {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #5B9EBF;
	font-weight: bold;
	padding: 3px;
}

th {
	text-align: left;
}

th.sorted {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF !important;
	background-color: #5B9EBF;
	font-weight: bold;
	padding: 3px;
}

th a, th a:visited {
	color: #FFFFFF !important;
}

th a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

th.sorted a, th.sortable a {
	background-position: right;
	display: block;
	width: 100%;
}

th.sortable a {
	background-image: url(../../images/arrow_off.png);
	background-repeat: no-repeat;
	background-position: right;
}

th.order1 a {
	background-image: url(../../images/arrow_down.png);
	background-repeat: no-repeat;
	background-position: right;
}

th.order2 a {
	background-image: url(../../images/arrow_up.png);
	background-repeat: no-repeat;
	background-position: right;
}

tr.tableRowEven {
	background-color: #FFFFFF;
}

div.exportlinks {
	padding: 6px 4px 2px 4px;
	margin: 2px 0 10px 0;
	width: 100%;
	text-align: center;
}

span.export {
	padding: 0 4px 1px 20px;
	display: inline;
	cursor: pointer;
}

span.excel {
	background-image: url(../../images/ico_file_excel.png);
	background-repeat: no-repeat;
	background-position: left;
}

span.csv {
	background-image: url(../../images/ico_file_csv.png);
	background-repeat: no-repeat;
	background-position: left;
}

span.xml {
	background-image: url(../../images/ico_file_xml.png);
	background-repeat: no-repeat;
	background-position: left;
}

span.pdf {
	background-image: url(../../images/ico_file_pdf.png);
	background-repeat: no-repeat;
	background-position: left;
}

span.rtf {
	background-image: url(../../images/ico_file_rtf.png);
	background-repeat: no-repeat;
	background-position: left;
}

span.pagebanner {
	padding: 2px 4px 2px 4px;
	width: 100%;
	margin-top: 10px;
	display: block;
	text-align: center;
}

span.pagelinks {
	padding: 2px 4px 2px 4px;
	width: 100%;
	display: block;
	margin-bottom: -5px;
	text-align: center;
}

/* Fim das classes do displayTag */
/* classes para as funções Javscript/DHTML */
ul.sortable li {
	position: relative;
}

ul.boxy {
	list-style-type: none;
	padding: 4px 4px 0 4px;
	margin: 0px;
	width: 150px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #ccc;
}

ul.boxy li {
	cursor: move;
	margin-bottom: 4px;
	padding: 2px 2px;
	border: 1px solid #ccc;
	background-color: #eee;
}

.box, .handle {
	border: 1px solid #aaa;
}

.box {
	float: left;
	padding: 0px;
	width: 120px;
	height: 155px;
	margin: 5px;
	background-color: #eee;
	z-index: 1;
}

.handle {
	cursor: move;
	height: 15px;
	border-width: 0px 0px 1px 0px;
	background: #666;
	color: #eee;
	padding: 2px 6px;
	margin: 0px;
}

.box p {
	margin: 5px 5px 10px 5px;
	text-align: left;
	white-space: normal;
}

td.cvTop {
	background-color: #FEFEFE;
	border-left: 2px solid black;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: none;
}

td.cvMiddle {
	background-color: #FEFEFE;
	border-left: 2px solid black;
	border-top: none;
	border-right: 1px solid black;
	border-bottom: none;
}

td.cvMiddleLeft {
	background-color: #FEFEFE;
	border-left: 2px solid black;
	border-top: none;
	border-right: none;
	border-bottom: none;
}

td.cvMiddleRight {
	background-color: #FEFEFE;
	border-left: none;
	border-top: none;
	border-right: 1px solid black;
	border-bottom: none;
}

td.cvBottom {
	background-color: #FEFEFE;
	border-left: 2px solid black;
	border-top: none;
	border-right: 1px solid black;
	border-bottom: 2px solid black;
}

td.cvBottomLeft {
	background-color: #FEFEFE;
	border-left: 2px solid black;
	border-top: none;
	border-right: none;
	border-bottom: 2px solid black;
}

td.cvBottomRight {
	background-color: #FEFEFE;
	border-left: none;
	border-top: none;
	border-right: 1px solid black;
	border-bottom: 2px solid black;
}

/* Asmselect Plugin */
.asmContainer {
	
}

.asmSelect {
	display: inline;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #000000;
}

.asmOptionDisabled { /* disabled options in new select */
	color: #999;
}

.asmHighlight { /* the highlight span */
	padding: 0;
	margin: 0 0 0 1em;
}

.asmList { /* html list that contains selected items */
	margin: 0.25em 0 0 0;
	position: relative;
	display: block;
	padding-left: 0;
	list-style: none;
}

.asmListItem { /* li item from the html list above */
	position: relative;
	list-style: none;
	background: #EEEEEE;
	border: 1px solid #bbb;
	width: 100%;
	line-height: 1em;
	margin: 1px 0px 1px 0px;
}

.asmListItem:hover {
	background-color: #e5e5e5;
}

.asmListItemLabel {
	/* this is a span that surrounds the text in the item, except for the remove link */
	padding: 5px;
	display: block;
	border: none;
}

.asmListSortable .asmListItemLabel {
	cursor: move;
}

.asmListItemRemove { /* the remove link in each list item */
	position: absolute;
	right: 0;
	top: 0;
	padding: 5px;
}

/*Impromptu Plugin */
.jqifade {
	position: absolute;
	background-color: #F5F5F5;
}

div.jqi button {
	margin-top: 10px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}

div.jqi {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	position: absolute;
	background-color: #5B9EBF;
	padding: 2px;
	width: 400px;
	text-align: center;
	font-weight: lighter;
}

div.jqi .jqiclose {
	display: none;
}

div.jqi .jqicontainer {
	background-color: #F5F5F5;
	padding: 10px;
	color: #000000;
}

div.jqi .jqimessage {
	padding: 10px;
}

/*Tabs de navegação*/
.tabnav span {
	border: 1px solid #DDDDDD;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	background-color: #EEEEEE;
	float: left;
}

.tabnav li {
	display: inline;
	list-style: none;
	float: left;
}

.tabnav span:hover {
	background: #DDDDDD;
	text-decoration: none;
}

.tabnav span.mouseover {
	background: #DDDDDD;
	text-decoration: none;
}

.tabnav span.mouseout {
	background: #EEEEEE;
	text-decoration: none;
}

.tabnav li a {
	text-decoration: none;
	color: #000000;
	outline: none;
}

.tabnav li a:active {
	color: #ffffff;
	background: #5B9EBF;
	text-decoration: none;
}

.tabnav li.ui-tabs-selected a span {
	color: #ffffff;
	background: #5B9EBF;
	text-decoration: none;
}

.tabdiv {
	background: #ffffff;
}

.tabnav {
	padding: 0px;
	margin: 0px;
	float: left;
	border-collapse: collapse;
}

.ui-tabs-hide {
	display: none;
}

/*Drag and drops..*/
.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
}

#components .ui-sortable {
	background-color: #FFF;
	border: 1px solid #555;
	color: #222;
	margin: 15px;
	padding: 0 0px 0px 0;
	width: 250px;
}

#components .ui-sortable h2 {
	background-color: #5B9EBF;
	border-top: 3px solid #5B9EBF;
	color: #FFF;
	font-size: 11px;
	text-indent: 10px;
	position: relative;
	margin: 0 0px 10px 0;
	padding: 2px 0px 3px 0px;
	width: 100%;
}

dl.sort {
	margin-bottom: 10px;
	width: inherit;
}

ul.subsort {
	color: #222;
}

#components .ui-sortable .subsort {
	background-color: transparent;
	border: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

#uidemo dl.first {
	margin-top: 0;
}

#uidemo dl.last {
	margin-bottom: 0;
}

ul.subsort li {
	font-weight: bold;
	font-style: italic;
	cursor: pointer;
	position: relative;
	list-style: none;
}

.subsort-notselected {
	font-weight: lighter;
	color: #AAAAAA;
}

.subsort-selected {
	font-weight: bold;
	color: #000000;
}

.parameter {
	width: 100%;
}

.paramsort {
	margin: 0;
	padding: 0;
}

.paramsort .paramsort-selected {
	font-weight: normal;
	font-style: normal;
	margin: 0 0 0 10;
}

.paramsort .paramsort-notselected {
	font-weight: lighter;
	font-style: normal;
	margin: 0 0 0 10;
}

#components .ui-sortable .subsort .ui-sortable {
	background-color: #FFF;
	border: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.sectionSeparators {
	padding: 0px 10px;
}

dl.sort dt {
	border: 1px;
	border-color: black;
	font-weight: bold;
	cursor: move;
	height: 2em;
	line-height: 2;
	padding: 0 6px;
	position: relative;
	text-align: left;
}

dl.sort dd {
	background-color: #FFF;
	margin: 0;
	padding: 3px 6px;
}

.ui-sortable-helper {
	width: 250px;
}

.placeholder {
	border: 1px dashed #AAA;
	height: 12px;
}

#container {
	float: left;
}

#availableEl {
	float: left;
	width: 250px;
}

#selectedEl {
	float: left;
	width: 250px;
}

#availableEl .sectionSeparators {
	margin: 10px 0px 10px 0px;
}

/*Listas para o autocomplete*/
.date-autocomplete {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	text-align: right;
	font-size: 11px;
	color: #000000;
	border: 1px solid #000000;
}

.ui-autocomplete-results li {
	list-style: none;
	text-decoration: none;
	vertical-align: top;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	text-align: right;
	font-size: 11px;
	color: #000000;
}

.ui-autocomplete-results {
	background-color: #FFFFFF;
	color: #5B9EBF;
	border: 1px solid #AAAAAA;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	text-align: right;
	font-size: 11px;
	color: #000000;
	overflow: hidden;
}

.ui-autocomplete-over {
	background-color: #5B9EBF;
	color: #FFFFFF;
	list-style: none;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	text-align: right;
	font-size: 11px;
}

.ui-datepickerfield {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #000000;
}

/* Conditions selections */
.condition-base {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #000000;
}

.condition-oper {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #000000;
}

.condition-add, .condition-remove {
	padding: 3px;
	cursor: default;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	color: #5B9EBF;
}

.condition-add-hover, .condition-remove-hover {
	padding: 3px;
	color: #5B9EBF;
	cursor: pointer;
	text-decoration: underline;
}

/*Structure selection arrow controls*/
span.arrowcontrols {
	background-image: url(../../images/close.gif);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	float: right;
	height: 2em;
	width: 9px;
}

span.open-arrow {
	background: url(../../images/open.gif) 0 0 no-repeat;
	background-position: right;
}

span.close-arrow {
	background: url(../../images/close.gif) 0 0 no-repeat;
	background-position: right;
}

span.duplicate {
	background: transparent url(../../images/add.png) no-repeat scroll left
		center;
	float: left;
	height: 9px;
	width: 9px;
}

dl.sort dt span.duplicate {
	/** When duplicate is in the title, more height is needed **/
	height: 2em;
}

span.calendar {
	background-repeat: no-repeat;
	background-image: url(../../calendar/images/cal.gif);
	background-position: left;
	padding: 10px;
	float: right;
}

/**		Text inspector		**/
div#textinspector {
	position: absolute;
	width: 365px;
	border: 1px solid #AAAAAA;
	background-color: #F5F5F5;
	/**opacity: .8;
	filter: alpha(opacity=80);**/
	z-index: 2;
}

div#textinspector div#templates {
	position: relative;
	left: 90%;
	width: 32px;
}

div#textinspector div#templates img {
	cursor: pointer;
}

div#textinspector div.message {
	height: 100px;
	color: #AAAAAA;
	text-align: center;
	font-size: 12pt;
	margin-top: 15%;
}

td#inspector_title {
	background-color: #5B9EBF;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-weight: normal;
}

div#textinspector table#elements tr td {
	padding-top: 2px;
	padding-bottom: 2px;
}

div#textinspector table#options tr td {
	width: 34%;
	padding-top: 3px;
	padding-bottom: 3px;
}

div#textinspector table#paramvalues {
	display: none;
}

div#textinspector table#paramvalues tr {
	
}

div#textinspector table#paramvalues tr td {
	padding-top: 1px;
	padding-bottom: 1px;
}

div#textinspector table#paramvalues tr td.selected {
	background-color: #5B9EBF;
	color: #FFFFFF;
}

div#inspectoroptions td#decoration img {
	margin-right: 2px;
	border: 1px solid #AAAAAA;
	cursor: pointer;
}

div#inspectoroptions td#decoration img.selected {
	background-color: #AAAAAA;
}

div#inspectoroptions td#alignment img {
	margin-right: 2px;
	border: 1px solid #AAAAAA;
	cursor: pointer;
}

div#inspectoroptions td#alignment img.selected {
	background-color: #AAAAAA;
}

div#textinspector table#elements tr td {
	width: 34%;
}

div#textinspector table#elements tr td.selected {
	background-color: #5B9EBF;
	color: #FFFFFF;
}

div#textinspector table#options tr td.selected {
	background-color: #5B9EBF;
	color: #FFFFFF;
}

div#textinspector tr td {
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
}

div#save_options tr td {
	border: 0px;
}

div#preview {
	background-color: #FFFFFF;
	border-top: 1px solid #AAAAAA;
	height: 100px;
	overflow: hidden;
}

div#preview table tr td {
	padding-left: 3px;
	border: 0px;
}

div#preview table tr td.previewTitle {
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	background-color: #DDDDDD;
	border-bottom: 1px solid #AAAAAA;
}

div#textinspector div#inspectoroptions tr td {
	border: none;
}

div#textinspector div#template_save tr td, div#textinspector div#saved_templates tr td
	{
	border: none;
}

span.stylepicker {
	background-image: url(../../images/paintbrush.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	float: right;
	height: 2em;
	width: 16px;
}

/*************************/
/**		Tooltips		**/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #5B9EBF;
	background-color: #F5F5F5;
	color: #5B9EBF;
	padding: 3px;
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

#tooltip h3, #tooltip div {
	font-size: 100%; /**IE font quirk **/
	margin: 0;
}

/*************************/
/**			Agenda		**/

/**		Top Menu		**/
div#viewTabs {
	width: 20%;
	float: left;
}

div#viewTitle {
	width: 60%;
	float: left;
	text-align: center;
	margin-top: 13px;
}

div#viewTitle span {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

div#viewArrows {
	width: 19%;
	float: left;
}

.navArrows {
	padding: 0px;
	margin: 0px;
	margin-top: 6px;
	float: right;
}

.navArrows div.arrowButton {
	height: 16px;
	width: 16px;
	border: 1px solid #DDDDDD;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	background-color: #EEEEEE;
	float: left;
	margin-left: 3px;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
}

.navArrows div.arrowButton span {
	height: 16px;
	width: 16px;
}

/** Calendar **/
div.dayheader {
	vertical-align: text-top;
	text-align: center;
	float: left;
	background-color: #F5F5F5;
}

#monthHeader div.dayheader {
	vertical-align: text-top;
	text-align: center;
	width: 14%;
	float: left;
	background-color: #F5F5F5;
	border-left: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-top: 1px solid #AAAAAA;
}

div.month {
	vertical-align: text-top;
	border-left: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	width: 14%;
	height: 75px;
	float: left;
	cursor: pointer;
}

div.sunday {
	border-right: 1px solid #AAAAAA;
}

div#weekHeader {
	float: left;
	position: relative;
}

#weekHeader div.weekDayheader {
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: text-top;
	text-align: center;
	float: left;
	background-color: #5B9EBF;
	color: #FFFFFF;
}

div#dailyHeader {
	float: left;
	position: relative;
}

div#dayOfWeek {
	float: left;
	position: relative;
}

div#weekAllDayTasks {
	float: left;
	height: 50px;
	position: relative;
}

div#weekAllDayTasks .allDayTask {
	float: left;
	height: 100%;
}

div#dayAllDayTasks {
	float: left;
	height: 38px;
	position: relative;
}

div#dayAllDayTasks .allDayTask {
	float: left;
	height: 100%;
}

div#dailyHeader .dayheader {
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: text-top;
	text-align: center;
	float: left;
	background-color: #5B9EBF;
	color: #FFFFFF;
}

div#selectedDay .dayheader {
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #5B9EBF;
	color: #FFFFFF;
	position: relative;
}

div#monthHours {
	float: left;
	width: 40px;
	height: 960px;
	z-index: 0;
}

.hour {
	text-align: center;
	height: 40px;
	background-color: #F5F5F5;
	border-left: 1px solid #AAAAAA;
	position: relative;
}

div#calendarContainer {
	position: relative;
	float: left;
	height: 400px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
}

div#dailyCalendarContainer {
	position: relative;
	float: left;
	height: 400px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
}

div#dayHours {
	float: left;
	width: 40px;
	height: 960px;
	position: relative;
	z-index: 0;
}

div#weekDays {
	float: left;
}

div#weekDays .weekDay {
	float: left;
	position: relative;
}

div#days {
	float: left;
}

div#days .fullDay {
	float: left;
	position: relative;
}

.halfHourCell {
	width: 100%;
}

.hourSpace {
	width: 41px;
	float: left;
}

.unavailable {
	background-color: #DDDDDD;
}

.selectedDay {
	background-color: #F5F5F5;
}

div.event {
	position: absolute;
	background-color: #ADD4E7;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #000000;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}

div.event span {
	padding-left: 3px;
}

.monthDay {
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #5B9EBF;
	color: #FFFFFF;
	font-size: 11px;
	width: 100%;
}

.monthDay span {
	padding-left: 3px;
}

.weekDay span {
	padding-left: 3px;
}

.horizontalRuler {
	position: absolute;
	left: 0px;
	border-bottom: 1px solid #AAAAAA;
	/**display: block;**/
	z-index: 1;
	/** Makes the half hour div respond to click instead of ruler	**/
	/** IE gives divs a default size - these two properties overide the default size **/
	font-size: 1px;
	line-height: 0;
}

.evenRuler {
	border-bottom: 1px dotted #AAAAAA;
	z-index: -1;
}

.verticalRuler {
	position: absolute;
	top: 0px;
	border-left: 1px solid #AAAAAA;
	/**display: block;**/
	/** z-index: -1; Makes the half hour div respond to click instead of ruler	**/
}

td.day {
	vertical-align: text-top;
	width: 100%;
	height: 500px;
	border: 1px solid #AAAAAA;
}

td.unavailable {
	background-color: #AAAAAA;
}

.monthViewFloatingDiv {
	width: 360px;
	background-color: #FFFFFF;
	border: 2px solid #AAAAAA;
	display: none;
	position: absolute;
	z-index: 2;
}

.monthViewFloatingDivHeader {
	width: 100%;
	background-color: #5B9EBF;
	color: #FFFFFF;
	text-align: center;
	padding: 5px 0px 5px 0px;
	font-weight: bold;
	cursor: move;
}

#newRdEvent {
	width: 350px;
	background-color: #FFFFFF;
	border: 2px solid #AAAAAA;
	display: none;
	position: absolute;
	z-index: 2;
}

.newRdEventHeader {
	width: 100%;
	background-color: #5B9EBF;
	color: #FFFFFF;
	text-align: center;
	padding: 5px 0px 5px 0px;
	font-weight: bold;
	cursor: move;
}

.moreEventsMenu {
	position: absolute;
	background-color: #F5F5F5;
	height: 50px;
	padding: 15px;
	border: 1px solid #5B9EBF;
	display: none;
}

/**			TreeView - Version Control		**/
.treeview, .treeview ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(../../images/rdversioncontrol/treeview-default.gif)
		-64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float: none;
}

.treeview li {
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol {
	margin: 1em 0;
	display: none;
}

.treeview .hover {
	cursor: pointer;
}

.treeview li {
	background: url(../../images/rdversioncontrol/treeview-default-line.gif)
		0 0 no-repeat;
}

.treeview li.collapsable, .treeview li.expandable {
	background-position: 0 -176px;
}

.treeview .expandable-hitarea {
	background-position: -80px -3px;
}

.treeview li.last {
	background-position: 0 -1766px
}

.treeview li.lastCollapsable, .treeview li.lastExpandable {
	background-image:
		url(../../images/rdversioncontrol/treeview-default.gif);
}

.treeview li.lastCollapsable {
	background-position: 0 -111px
}

.treeview li.lastExpandable {
	background-position: -32px -67px
}

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea
	{
	background-position: 0;
}

.treeview-red li {
	background-image:
		url(../../images/rdversioncontrol/treeview-red-line.gif);
}

.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable
	{
	background-image: url(../../images/rdversioncontrol/treeview-red.gif);
}

.treeview-black li {
	background-image:
		url(../../images/rdversioncontrol/treeview-black-line.gif);
}

.treeview-black .hitarea, .treeview-black li.lastCollapsable,
	.treeview-black li.lastExpandable {
	background-image: url(../../images/rdversioncontrol/treeview-black.gif);
}

.treeview-gray li {
	background-image:
		url(../../images/rdversioncontrol/treeview-gray-line.gif);
}

.treeview-gray .hitarea, .treeview-gray li.lastCollapsable,
	.treeview-gray li.lastExpandable {
	background-image: url(../../images/rdversioncontrol/treeview-gray.gif);
}

.treeview-famfamfam li {
	background-image:
		url(../../images/rdversioncontrol/treeview-famfamfam-line.gif);
}

.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable,
	.treeview-famfamfam li.lastExpandable {
	background-image:
		url(../../images/rdversioncontrol/treeview-famfamfam.gif);
}

.filetree li {
	padding: 3px 0 2px 16px;
}

.filetree span.folder, .filetree span.icon {
	padding: 2px 0 2px 19px;
	display: block;
} /**	Added 3 pixel padding for text **/
.filetree span.folder {
	background: url(../../images/rdversioncontrol/folder.gif) 0 0 no-repeat;
}

.filetree li.expandable span.folder {
	background: url(../../images/rdversioncontrol/folder-closed.gif) 0 0
		no-repeat;
}

.filetree span.file {
	background: url(../../images/rdversioncontrol/file.gif) 0 0 no-repeat;
}

.filetree span.pdf {
	background:
		url(../../images/rdversioncontrol/extensionIcons/page_white_acrobat.png)
		0 0 no-repeat;
}

.filetree span.word {
	background:
		url(../../images/rdversioncontrol/extensionIcons/page_white_word.png)
		0 0 no-repeat;
}

.filetree span.picture {
	background:
		url(../../images/rdversioncontrol/extensionIcons/picture.png) 0 0
		no-repeat;
}

.filetree span.excel {
	background:
		url(../../images/rdversioncontrol/extensionIcons/page_white_excel.png)
		0 0 no-repeat;
}

.filetree span.office {
	background:
		url(../../images/rdversioncontrol/extensionIcons/page_white_office.png)
		0 0 no-repeat;
}

.filetree span.zip {
	background:
		url(../../images/rdversioncontrol/extensionIcons/compress.png) 0 0
		no-repeat;
}

.filetree span.rar {
	background:
		url(../../images/rdversioncontrol/extensionIcons/package.png) 0 0
		no-repeat;
}

.filetree span.powerpoint {
	background:
		url(../../images/rdversioncontrol/extensionIcons/page_white_powerpoint.png)
		0 0 no-repeat;
}

.filetree span.film {
	background: url(../../images/rdversioncontrol/extensionIcons/film.png) 0
		0 no-repeat;
}

.filetree span.photoshop {
	background:
		url(../../images/rdversioncontrol/extensionIcons/page_white_paint.png)
		0 0 no-repeat;
}

.filetree span.revision {
	background:
		url(../../images/rdversioncontrol/extensionIcons/page_white_edit.png)
		0 0 no-repeat;
}

.removeContainer {
	width: 100%;
}

.remove {
	background: url(../../images/rdversioncontrol/cross_small.png) 0 0
		no-repeat;
	background-position: right;
	padding-right: 10px;
}

/*****	Citations	********/
.citationPublication {
	background: #EEEEEE;
	border: 1px solid #bbb;
	line-height: 1em;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	padding: 5px;
}

.citationArrow {
	background-image: url(../../images/open.gif);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	float: right;
	height: 1em;
	width: 9px;
}

.hideCitationResult {
	background-image: url(../../images/close.gif);
}

.citationResults {
	display: none;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 10px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	min-height: 3em;
	height: auto !important;
	height: 3em;
}

.urlformelement {
	width: 50%;
}

/* Report Charts */
.add-series {
	cursor: default;
	size: 5px;
}

.add-series-hover {
	cursor: pointer;
	size: 5px;
}

/* Report Content Management */
#manageContent {
	float: left;
	width: 70%;
}

#contentPreview {
	float: right;
	background-color: #F5F5F5;
	width: 25%;
}

dt.preview-report-title {
	font-size: 11px;
	font-weight: bold;
}

dt.preview-report-title-highlight {
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	background-color: #5B9EBF;
	filter: alpha(opacity = 80);
	opacity: .80;
}

dd.preview-report-subtitle {
	font-size: 10px;
	font-weight: normal;
}

dd.preview-report-subtitle-highlight {
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	background-color: #5B9EBF;
	filter: alpha(opacity = 60);
	opacity: .60;
}

header {
	background-color: #5B9EBF;
	padding: 2rem;
}

a {
	color: #5B9EBF !important;
	text-decoration: none !important;
}

.sidebar ul a {
	font-size: 0.75rem;
	font-weight: 700;
	color: #000 !important;
	display: flex;
	vertical-align: middle;
	justify-content: space-between;
	align-items: center;
}

.sidebar ul li.sidebar-header {
	padding: 4px 12px 0px 12px;
	font-size: 0.6rem;
	color: #666;
}

.sidebar ul li:not(.sidebar-header) {
	padding: 4px 12px;
	cursor: pointer;
}

.sidebar ul li:not(.sidebar-header):hover {
	background-color: #5B9EBF;
}

.sidebar ul li:not(.sidebar-header):hover a {
	color: #FFF !important;
}

.navbar-nav.sub li:not(.sidebar-header) {
	padding: 3px 12px;
}

.navbar-nav.sub li.sidebar-header {
	padding: 3px 12px;
}

.navbar-nav.sub a {
	font-weight: 500;
	color: #666 !important;
}

.btn-primary {
	background-color: #5B9EBF !important;
	border: 1px solid #5B9EBF !important;
	font-size: 0.75rem !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background-color: #5B9EBF !important;
	color: #FFF !important;
}

#menu {
	display: none;
	float: right;
	padding: 1rem;
	color: #FFF;
	margin-top: -40px;
}

@media ( max-width : 568px) {
	.sidebar {
		display: none;
	}
	.sidebar.display {
		display: inline-block;
	}
	#menu {
		display: inline-block;
	}
}