div#main          { background: transparent no-repeat top left; margin: 0 auto; text-align: left; float: none; }
div#top           { padding-top: 30px; height: 40px; }
div#footer        { text-align:center; padding:10px;}


div.loaderBackground { background-color: #f7f7f7; }

/* Main tabs */
div.contentBorder { height: 2px; font-size: 1px; line-height: 1px; }
div.contentBorderBg { background: transparent url(../images/content.border.bg.gif) repeat-x top left; }

div#mayaTabs div.tabContainer div.tab span     { color: #ffffff; padding-left: 5px; padding-right: 3px; background: transparent; font-size: 14px; }
div#mayaTabs div.tabContainer div.current      { cursor: default; background-position: top left;}
div#mayaTabs div.tabContainer div.current span { cursor: default;  background: transparent;} 

div#content                                    { background-color: #BBCCD6; } 
div#content div.container                      { padding: 0px 5px 2px 5px; }
div#content div#menuTabContent                 { background-color: #FeFeFe; padding: 5px 10px; }

div#calendarComponent { text-align: center; }
div#calendarComponent table.calendar { border-collapse: separate; border-spacing: 2px; }
div#calendarComponent table.calendar th { background-color: #3F447F; color: #eee; font-size: 10px; }
div#calendarComponent table.calendar td td { border: 0px; padding: 0px; }
div#calendarComponent table.calendar td span { font-size: 14px; font-weight: bold; line-height: 25px; }
div#calendarComponent table.calendar td.selected { font-weight: bold; }
div#calendarComponent table.calendar td.empty { background-color: #E3E4DF; background-image: none; }
div#calendarComponent table.calendar td.hover { background: #3F447F url(../images/cell.bg.hover.jpg) top left no-repeat; cursor: pointer;  }
div#calendarComponent table.calendar tbody tr  { height: 100px; }
div#calendarComponent table.calendar tbody tr tr { height: auto; }

div#calendarComponent div.buttonContainer { position: relative; text-align: left; } 
div#calendarComponent a#prevMonth,
div#calendarComponent a#nextMonth { position: absolute; top: 40px; width: 25px; height: 25px; display: block; } 
div#calendarComponent a#prevMonth { background: transparent url(../images/prev.button.png) no-repeat top left; left: 0px; top: 0px; } 
div#calendarComponent a#nextMonth { background: transparent url(../images/next.button.png) no-repeat top left; left: 65px; top: 75px; } 
div#calendarComponent a#prevMonth:hover,
div#calendarComponent a#nextMonth:hover { text-decoration: normal; }

div.calendarHeader { height: 30px; padding: 5px 1px; }
div.header { height: 32px; padding: 5px 1px; }
div.calendarHeader h1 { display: inline; }
div.calendarHeader td { text-align: left; }

ul { padding-left: 15px; padding-bottom: 10px; padding-top: 5px; }
div#calendarOptions table { margin: 0 auto; }
div#calendarOptions label,
div#mayaInfo label { font-weight: bold; }
div#dayPopupTabContent {background-color: #CDCDCD; padding: 20px; height: 300px; overflow-y: auto; }
div#dayPopupTabContent * { font-family:Tahoma,Verdana; font-size:12px; line-height:19px; }
div.dark { background-color: #B8BCE6; }

td.calendarDay { text-align: center; padding: 5px; background-color: #D1D5FF; }
td.calendarSelected {  background-color: #9AA0E6; }
span.today { font-weight: bold; color: #05B2FF; }

div#calendarDate select { width: 60px; padding: 6px; margin: 0px; font-size: 16px; height: 35px; }
div#calendarDate input { font-size: 16px; width: 100px; padding: 7px; margin-left:2px;  }
div#calendarDate button { padding: 5px; margin: 0px; white-space: nowrap; width: 60px; height: 35px; }
div#calendarDate select,
div#calendarDate input,
div#calendarDate button { margin-top: 8px; margin-right:7px; }

div#datePicker div.popupContainer { width: 235px; }
a.datePicker { height: 16px; width: 18px; vertical-align: bottom; }

div#mayaKeyword div.popupContent div.content { border: 1px solid black; padding: 5px; background-color: #D1D5FF; }

table#mayaKeywords { border: 1px solid black; }
table#mayaKeywords thead th { background-color: #3F447F; color: #EEEEEE; text-align: left; padding: 2px; }
table#mayaKeywords tbody tr td { padding: 2px; }
table#mayaKeywords tbody tr.odd td { background-color: #D1D5FF; }
table#mayaKeywords tbody tr.even td { background-color: #B8BCE6; }
table#mayaKeywords tbody tr.hover td { background-color: #3F447F; color: #EEEEEE; cursor: pointer; }


div#mayaKeywordEdit input,
div#mayaKeywordEdit textarea { width: 355px; }
div#mayaKeywordEdit textarea { height: 100px; }
div#mayaKeywordEdit input.checkbox { width: auto; }


select        { border: 1px solid #C8C9CD; background-color: #F6F7F9; padding-top: 0px; line-height: 12px; width: 128px; height:16px; font-size: 11px; margin-top: 2px;}
select.day    { width: 40px; }
select.month  { width: 80px; }
select.year   { width: 50px; }
select#glyphType { width: 70px; }

div.mayaContent {  margin: 10px; margin-top: 30px; }
div.popupContent div.mayaContent { margin: 0px; }
div.mayaContent div.header { background-color: #3F447F; color: #eee; font-weight: bold; padding: 1px; font-size: 11px; margin-bottom: 2px; text-align: center; }
div.mayaContent div.content { padding: 5px;  background-color: #B8BCE6; }

div.loginInformation   { color: #fff; text-align: right; padding: 2px 10px; height: 15px;}

/* Oneliner */
div.oneliner { width: 280px; margin: 0 auto; margin-top: 3px; }
div.oneliner td { vertical-align: top; }
div.oneliner div.header { background-color: #3F447F; color: #eee; font-weight: bold; padding: 1px; font-size: 11px; margin-bottom: 2px; text-align: center; }
div.oneliner div.scrollable { height: 200px; padding-left: 5px; overflow-y: auto; background-color: #B8BCE6; }
div.oneliner div.content { padding: 5px;  background-color: #B8BCE6; }
div.oneliner td.content  { color: #000; }

textarea, input { background-color: #D1D5FF; border: 1px solid #222; margin: 0px; }
button { background-color: #3F447F; color: #515A67; font-weight: bold; height: 20px; }
input.checkbox { width: auto; }

div.oneliner div.content input.submit { background-color: #776A56; font-weight: bold; }

table.content { margin-top:30px;height:400px;}
table.content td.links{ background-color:#A7A7A7;padding-left:10px;}
table.content td.links a{ font-size:17px;padding-right:30px;font-weight:bold;line-height:40px;}
table.content td.links a:hover { text-decoration: normal; color: #000; }
table.content td.content{  width:513px;padding-left:30px;font-size:12px;line-height:20px;}

/* User module */
div#user input { margin-bottom: 2px; width: 300px; }
div#user input.checkbox { width: auto; }

.required, .error { color: #CE0808; font-weight: bold; }
span.required { width: 7px; float: left; }
label.validationError { color: #CE0808; }
input.validationError {
  background-color: #9AA0E6; /* transparent url(../icons/validationError.gif) top right no-repeat; */
  color: #000;
}
div.validationErrorMessage { margin-left: 5px; padding: 5px; background-color: #9AA0E6; color: #000; border: 1px solid #3F447F; z-index: 1000; }