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

/* 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;}

.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 { color: #FFFFFF; border: solid 1px #AAAAAA; border-bottom:none; font-weight: bold; background-color: #5B9EBF; }
.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; 
	background-color: #5B9EBF; 
	font-weight : bold; 
	padding : 3px;
}

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

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 .parameter .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;
}