/**
 * @author Marko
 */

.eventCalendar .gwt-MenuBar .gwt-MenuItem-selected {
	background: transparent;
}

.eventCalendar .gwt-Button,
.eventCalendar .gwt-TextBox,
.eventCalendar .gwt-TextBox[disabled],
.eventCalendar .gwt-TextArea,
.eventCalendar .gwt-TextArea[disabled],
.eventCalendar .gwt-DateBox,
.eventCalendar .gwt-DateBox[disabled],
.eventCalendar .selectionTree
{
    border: 2px groove #EEE;
}

.eventCalendar .gwt-Button:hover {
   border: 2px groove #EEE;
   color:#666;
}

.eventCalendar .gwt-Button:active {
   border: 2px inset #EEE;
}

.eventCalendar .gwt-Button[disabled]
{
    background: #EEE;
}

.eventCalendar .gwt-Button[disabled]:hover {
   color: gray;
}


/* 
 * application-wide 
 */

.eventCalendar {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #EEE;
}


.eventCalendar .rootPanel.rootPanel-busy,
.eventCalendar .rootPanel.busy
{
	cursor: wait;
}

.eventCalendar .selectionTree.inputDays .gwt-Tree,
.eventCalendar .selectionTree.inputVenues .gwt-Tree,
.eventCalendar .selectionTree.inputEventGroups .gwt-Tree,
.eventDetailsPanel .selectionTree.venues .gwt-Tree,
.eventDetailsPanel .selectionTree.edays .gwt-Tree,
.eventDetailsPanel .selectionTree.groups .gwt-Tree,
.daysDetailsPanel .selectionTree.dselection .gwt-Tree,
.eventGroupsDetailsPanel .selectionTree.egselection .gwt-Tree
{
	left: -12px; /* half of the empty space on the left */ 	
}

.eventCalendar .showPrivateCB {
	display: block;
	margin-top: 20px;
}

.eventCalendar .inputTimeCB {
	display: block;
	margin-bottom: 20px;
}


.eventCalendar .titleBarLogo {
    width: 0px;
}

.eventCalendar .titleBarLabel {
    height: 99px;
    /*background-image: url("../img/header.jpg");*/
    background-image: url("../img/header.jpg");
    background-color: #fff;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
    color: white;
    font-size: 19px;
    text-align: left;
}

.eventCalendar .titleBarLabel span {
	position: relative;
	top: 55px;
	color:#1e5799;
	font-size:26px;
	font-family: 'Roboto Condensed', sans-serif !important;
	float:right;
	right:15px;
}

.eventCalendar .status_label {
	display: none;
}

.eventCalendar .gwt-MenuBar {
	position:absolute;
	width: auto;	
	top: 74px;
	background: none;
	border: none;
}

.eventCalendar .gwt-MenuBar .gwt-MenuItem {
	text-decoration: none;
	cursor: pointer;
	color: #1e5799;	
}



.eventCalendar .sessionUserPanel,
.eventCalendar .sessionUserPanel .gwt-HTML a {
    color: white;
    margin-left: 10px;
}

.eventCalendar .sessionUserPanel .gwt-Button {
    display: none !important;
}


.eventCalendar .commandFlowPanel1,
.eventCalendar .commandFlowPanel2,
.eventCalendar .commandFlowPanel3,
.eventCalendar .commandFlowPanel4
{ white-space: nowrap; /* for FlowPanels */ }

.eventCalendar .commandTablePanel1,
.eventCalendar .commandTablePanel2
{ width: 986px; /* right edge of the rightmost Print buttons (986px - margin-right of buttons) */ }

.eventCalendar .commandFlowPanel1 button,
.eventCalendar .commandFlowPanel2 button,
.eventCalendar .commandFlowPanel3 button,
.eventCalendar .commandFlowPanel4 button
{ margin-right: 0px; }

.daysDetailsPanel table table tr td,
.eventGroupsDetailsPanel table table tr td,
.eventDetailsPanel table table tr td
{
    padding: 4px;
    padding-right: 20px;
}

.eventDetailsPanel table table tr td:first-child
{
    padding: 4px;
}

.daysDetailsPanel .gwt-Tree td,
.eventGroupsDetailsPanel .gwt-Tree td,
.eventDetailsPanel .gwt-Tree td,
.eventDetailsPanel .gwt-Tree tr td:first-child
{
    padding: 0px;
}

.eventCalendar form table tr td:first-child {
	padding: 0px;
	margin: 0px;	
}

.eventCalendar .colorCodeInput .gwt-TextBox {
    width: 196px;
}

.eventCalendar form
{
    margin: 0px;
    padding: 0px;
}

.eventCalendar .uploadButtonContainer {
   text-align: right;
   width: 221px;
}

/** All but IE6 */
/** We should put Upload and Remove in the same td as file input, thereby avoiding this hack */
html > body .eventCalendar .uploadButtonContainer {
   margin-top: -10px;
}

.eventCalendar .removeButton {
    width: 75px;
}

.eventCalendar .uploadButton {
    width: 75px;
}

.eventCalendar .gwt-TextBox,
.eventCalendar .gwt-DateBox,
.eventCalendar .gwt-FileUpload,
.eventCalendar .gwt-TextArea
{	width: 220px; }

.eventCalendar .eventCalendarPanel .gwt-TextBox,
.eventCalendar .eventCalendarPanel .gwt-DateBox 
{	width: 100%; }


.eventCalendar .leDescription-container,
.eventCalendar .ldDescription-container,
.eventCalendar .legDescription-container
{	vertical-align: top; }

.eventCalendar .daysDetailsPanel .daysCommandPanel table {
	border: 2px groove #EEE; /* border color same as background-color of .eventCalendar */ 
	margin-left: 16px;
}
	
	
/* 
 * elements of GWTEventCalendar 
 */

.eventCalendar .rootPanel {
    width: 100%;
    height: auto;
    padding: 10px 10px 60px 10px;
}

/*
.eventGroupsDetailsPanel {
    padding: 10px;
}

.daysDetailsPanel {
    padding: 10px;
}
*/

.eventCalendar .searchCriteriaDisplay p {
    font-style: italic;
    text-decoration: underline;
    margin: 10px 0 0;
    padding: 0;
}

.eventCalendar .searchCriteriaDisplay dl {
    margin: 0;
    padding: 0;
}


.eventCalendar .searchCriteriaDisplay dt {
    margin: 0;
    padding: 2px 0 0;
    float: left;
    clear: both;
    text-align: left;
}

.eventCalendar .searchCriteriaDisplay dd {
    margin: 0;
    padding: 2px 0 0;
    float: right;
    clear: right;
    text-align: right;
}

.eventCalendar .buttonContainerCell {
	text-align: left;
	padding-left: 0px;
	vertical-align: middle;	
	padding-right: 10px; /* total padding of ".leftPanelCell" and "fieldset" */ 
}

.eventCalendar .refreshButton {}
.eventCalendar .printButton {}

.eventCalendar .columnAxisFieldset {}
.eventCalendar .columnAxisRadiosPanel {}

.eventCalendar .colorAxisFieldset {} 

.eventCalendar fieldset {
	width: auto;
	display: inline;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 8px;
	padding-right: 8px;
}

.eventCalendar fieldset legend {
	white-space: nowrap;
}

.eventCalendar .leftPanelCell {
	width: 1%;
	padding-right: 8px; 
}

.eventCalendar .leftPanel { }

/* IE6 */
.eventCalendar .leftPanel td { padding-right: 2px; }

.eventCalendar .leftPanel fieldset { display: block; }

.eventCalendar .leftPanel .gwt-RadioButton { white-space: nowrap; }

.eventCalendar .rowAxisFieldset { margin-bottom: 20px; }
.eventCalendar .rowAxisRadiosPanel { width: 0px; }

.eventCalendar .resolutionFieldset { margin-bottom: 5px; }
.eventCalendar .resolutionRadiosPanel { width: 0px; }

.eventCalendar .resultTable {
	width: 100%;
	height: 100%;
}

.eventCalendar .resultTable-table { }

.eventCalendar .resultTable-text {
	border: #EEE inset 1px; /* border-color same as background-color of .eventCalendar */
	height: 500px; /* Opera 9.64 didn't seem to work with height: 100% */
	text-align: left;
	padding: 10px;
	background-color: #FEFEFE;
}




/* 
 * event calendar table (see TableRenderer) 
 */

.eventCalendarTable {
	border: black solid 1px;
	border-collapse: collapse;
	color:#111;
	 
}

.eventCalendarTable th {
	padding: 5px;
	border: #ccc solid 1px;
	font-size: 13px; /* same as body */
}

.eventCalendarTable thead th {
	text-align: center;
}

.eventCalendarTable tbody th {
	text-align: right;
	font-weight:normal;
}

.eventCalendarTable td.startCol {
	border-left: black solid 1px;
}

.eventCalendarTable tr td {
	border-top: black solid 1px; 
}

.eventCalendarTable tr .eventRepresent tr td {
	border-top: none; 
}

.eventCalendarTable tr .invisibleEvent tr td {
	border-top: none; 
}

.eventCalendarTable tr.evenRow td.evenCol {
	background-color: #F8F8F0;
}

.eventCalendarTable tr.oddRow td.evenCol {
	background-color: #F0F0F8;
}

.eventCalendarTable tr.evenRow td.oddCol {
	background-color: #F0F0F8;
}

.eventCalendarTable tr.oddRow td.oddCol {

	background-color: #E4E4F4;
}

.eventCalendarTable tr.evenRow th {
	background-color: #f5f5f5;
}

.eventCalendarTable tr.oddRow th {
	background-color: #f1efde;
}

.eventCalendarTable thead th { 
	background-color: #D8D8D8;
}


.eventCalendarTable tbody.invisibleEvents th {
	border-top: black solid 1px;
	background-color: #D8D8D8;
	text-align: left;
}

.eventCalendarTable tr.evenRow td.invisibleEvent {
	background-color: #F0F0F8;
}

.eventCalendarTable tr.oddRow td.invisibleEvent {
	background-color: #E4E4F4;
}


.eventCalendarTable td.eventRepresent,
.eventCalendarTable td.invisibleEvent
{
	border: black solid 1px;
	padding: 4px;
	cursor: pointer;
}

.eventCalendarTable td.eventRepresent .gwt-HTML,
.eventCalendarTable td.invisibleEvent .gwt-HTML
{
  margin-left: 2px;
}


.eventCalendarTable td.eventRepresent.dark,
.eventCalendarTable td.eventRepresent.dark .gwt-Label,
.eventCalendarTable td.eventRepresent.dark .gwt-HTML,
.eventCalendarTable td.invisibleEvent.dark,
.eventCalendarTable td.invisibleEvent.dark .gwt-Label,
.eventCalendarTable td.invisibleEvent.dark .gwt-HTML
{
	color: white;
}

.eventCalendarTable td.eventRepresent a,
.eventCalendarTable td.invisibleEvent a
{
	color: inherit;
}

.eventCalendarTable td.eventRepresent a img,
.eventCalendarTable td.invisibleEvent a img
{
	border: none;
	margin-left: 0.2em;
}




/* bottom deck */

.eventCalendar .bottomDeck {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1.0;
    background-color: #EEE;
    padding: 8px 8px;
    border-top: 2px groove #EEE;
    vertical-align: middle;
}

.eventCalendar .bottomDeck > .gwt-Button:first-child {
    float: right;
}

.eventCalendar .bottomDeck .searchFilter {
    position: relative;
    top: 2px;
}

.eventCalendar .bottomDeck .searchFilter .header {
    text-decoration: underline;
    cursor: pointer;
}

.eventCalendar .bottomDeck .searchFilter.gwt-DisclosurePanel-closed .header .gwt-Label:after {
    content: " >>";
}

.eventCalendar .bottomDeck .searchFilter.gwt-DisclosurePanel-open .header .gwt-Label:after {
    content: " <<";
}

.eventCalendar .bottomDeck .searchFilter.gwt-DisclosurePanel-closed {
    display: inline;
    margin-left: 10px;
}

.eventCalendar .bottomDeck .searchFilter.gwt-DisclosurePanel-open {
    display: block;
}

.eventCalendar .bottomDeck .commandTablePanel1 {
    display: none;
}   



.eventCalendar .gwt-DateBox[disabled],
.eventCalendar .gwt-TextBox[disabled],
.eventCalendar .gwt-TextArea[disabled],
.eventCalendar .gwt-ListBox[disabled]
{
	background-color: #EEE;
}


.eventCalendar .IWDate .IWYear { width: 60px; }
.eventCalendar .IWDate .IWDay {
    width: 50px;
    margin-right: 1px;
}
.eventCalendar .IWDate .IWMonth {
    width: 55px;
    margin-right: 1px;
}
.eventCalendar .daysDetailsPanel .daysCommandPanel .IWDate.IWYear {
    width: 60px;
    margin-right: 1px;
}

.eventCalendar .daysDetailsPanel .daysCommandPanel .numOfDaysInput {
	width: 168px;	
}

.eventCalendar .helpLink {
	float: right;
	margin: 10px 10px;
}

.eventCalendar .daysDetailsPanel table,
.eventCalendar .eventGroupsDetailsPanel table,
.eventCalendar .eventDetailsPanel table
 { margin: 10px; }
 
.eventCalendar .daysDetailsPanel table table, 
.eventCalendar .eventGroupsDetailsPanel table table, 
.eventCalendar .eventDetailsPanel table table
 { margin: 0px; }