/****************************
Global Styles
****************************/
body {
	color:#000000;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-size:x-small;
	line-height:1.166;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:5px;
	margin-top:0px;
	background-color:#FFFFFF;
	background-image:url()
}
#button
{
	color:#FFFFFF;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-weight:bold;
	font-size:11px;
	border-right-width:2px;
	border-right-style:solid;
	border-left-width:1px;
	border-left-style:solid;
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-top-width:1px;
	border-top-style:solid;
	border-color:#000000;
	background-color:#3399FF;
}
h3
{
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-size:105%;
	font-weight:bold;
	width:20%
	border:2px solid #660000;
}
h2
{
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-size:110%;
	font-weight:bold;
	color:#900;
}
body a:link{
	color:#000000;
	text-decoration:none;
}
body a:visited{
	color:#000000;
	text-decoration:none;
}
body a:hover{
	color:#657E85;
	text-decoration:none;
}
td
{
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-size:x-small;
}
#header
{
	height:auto;
	border-bottom:1px solid #333;
	margin:0px 0px 0px 0px;
}
.title
{
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-size:18px;
	font-weight:bold;
	padding:3px 0px 0px 10px;
}
.dropdown
{
	color:#330000;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-size:11px;
}

.entryformdata
{
	/*The Color Configuration table layout*/
	color:#000000;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-size:x-small;
	padding:5px;
	text-align:left;
	vertical-align:top;
	background-color:#FFFFFF;
	border:1px solid #333333;
	width:auto;
}
.entryformlabel
{
	/*The Color Configuration table layout*/
	color:#000000;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-size:x-small;
	font-weight:bold;
	padding:5px;
	text-align:left;
	vertical-align:top;
	border:1px solid #333333;
	background-color:#FAFAFA;
}
.entryformtitle
{
	/*The Color Configuration table layout*/
	color:#000000;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-size:18px;
	font-weight:bold;
	padding:3px 0px 0px 10px;
}
.entryform
{
	/*The Color Configuration table layout*/
	color:#000000;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-size:x-small;
	padding:1px;
	border-collapse:collapse;
	text-align:left;
	vertical-align:top;
	border:1px solid #000000;
	background-color:#FFFFFF;
	width:700px;
}
input.maintbtn
{
 	color:#FFFFFF;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-weight:bold;
	font-size:11px;
	border-right-width:1px;
	border-right-style:solid;
	border-left-width:1px;
	border-left-style:solid;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-top-width:1px;
	border-top-style:solid;
	border-color:#CCCCCC;
	background-color:#688288;
}
/****************************************
Additional Global Styles
************************************************/
.bordercollapse
{
	border-collapse:collapse;
}
.centertext
{
	text-align:center;
}
.righttext
{
	text-align:right;
}
.lefttext
{
	text-align:left;
}
.noborder
{
	border:0px;
}
.bolderfont
{
	font-weight:bolder
}
.cursorhand
{
	cursor:hand;
}
.cursorpointer
{
	cursor:pointer;
}
.clearbackground
{
	background-color:transparent;
}
.eventtitletablestyle
{
	border-spacing:0;
	margin-bottom:2px;
}

/****************************
Calendar Styles
****************************/
.popup
{
    color:#000000;
    padding:1px;
    background-color:#FAFAFA;
    font-size:x-small;
    width:225px;
    border-right-width:1px;
    border-right-style:solid;
    border-left-width:1px;
    border-left-style:solid;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-top-width:1px;
    border-top-style:solid;
    border-color:#CCCCCC;
    border-collapse:collapse;
}
.P1
{
	color:#FFFFFF;
	background-color:#0099CC;
	padding-left:.25em;
	font-size:x-small;
}


.P2
{
    color:#000000;
    font-size:x-small;
}
.searchform
{
	color:#000000;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-size:10px;
	padding:0px;
	text-align:left;
	vertical-align:top;
	background-color:transparent;
	border-collapse:collapse;
	width:775px;
	margin:0px 0px 0px 10px
}
.list_utils_text
{
	background-color:#FAFAFA;
	border-right-width:1px;
	border-right-style:solid;
	border-left-width:1px;
	border-left-style:solid;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-top-width:1px;
	border-top-style:solid;
	border-color:#999999;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-size:xx-small;
	text-decoration:none;
	vertical-align:top;
	padding:3px 3px 3px 3px;
	overflow:hidden;
}
.list_utils_text a:link
{
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	color:#333333;
}
.list_utils_text a:hover
{
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	color:#333333;
}
.list_utils_text a:visited
{
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	color:#333333;
}
#tinycal
{
	/*Defines the display of the event/RR calendar*/
	color:#000000;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-size:10px;
	padding:0px;
	text-align:left;
	vertical-align:top;
	background-color:transparent;
	border-collapse:collapse;
	width:100%;
}
.tinycal_nav
{
	/*Defines the display of the month/increment decrement month navigation*/
	background-color:#F0F0F0;
	font-weight:bold;
	color:#800040;
	font-size:14px;
	cursor:pointer;
}
.tinycal_weekday
{
	/*Defines the display of day cells*/
	background-color:#657E85;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	padding:1px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
}
.tinycal_day
{
	/*Defines the display of blank day cells.*/
	color:#000000;
	background-color:#F0F0F0;
	padding:1px;
	vertical-align:top;
	border:1px solid #000000;
}
.calendar_nav
{
	/*Defines the display of the month/increment decrement month navigation*/
	color:#D24400;
	background-color:#F0F0F0;
	font-weight:bold;
	font-size:x-small;
	cursor:pointer;
}
.calendar_current_day
{
	/*Defines the display of blank day cells.*/
	color:#657E85;
	background-color:#FFFFFF;
	border-right-width:1px;
	border-right-style:solid;
	border-left-width:1px;
	border-left-style:solid;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-top-width:1px;
	border-top-style:solid;
	border-color:#000000;
	vertical-align:top;
}
.current_month
{
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	color:#D24400;
	background-color:transparent;
	font-size:medium;
	text-transform:uppercase;
	padding:10px;
	font-weight:bold;
	cursor:none;
}
.calendar_weekday
{
	/*Defines the display of day cells*/
	text-align:center;
	color:#FFFFFF;
	background-color:#657E85;
	padding:2px;
	font-weight:bold;
	border-right-width:1px;
	border-right-style:solid;
	border-left-width:1px;
	border-left-style:solid;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-top-width:1px;
	border-top-style:solid;
	border-color:#000000;
	font-size:medium;
}
.calendar_blank
{
	/*Defines the display of blank day cells.*/
	background-color:#F0F0F0;
	border:1px solid #000000;
}
.calendar_day
{
	color:#000000;
	background-color:#F0F0F0;
	padding:3px;
	vertical-align:top;
	border-right-width:1px;
	border-right-style:solid;
	border-left-width:1px;
	border-left-style:solid;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-top-width:1px;
	border-top-style:solid;
	border-color:#000000;
}
.calendar_day a:link,a:visited
{
	color:#800000;
	text-decoration:none;
}
.calendar_day a:hover
{
	color:#800000;
	text-decoration:none;
}
#calendar
{
	/*Defines the display of the event/RR calendar*/
	color:#800000;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-size:small;
	padding:0px;
	text-align:left;
	vertical-align:top;
	background-color:#F0F0F0;
	border-collapse:collapse;
	width:100%;
}
/*End Calendar Descriptions*/
/*Search slider characteristics*/
#sc1
{
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-size:small;
	background-color:#FFF;
	padding:3px 3px 3px 3px;
	width:auto;
	height:auto;
	float:left;
	vertical-align:top;
	text-align:left;
}
#sc1 td
{
	font-size:x-small;
	vertical-align:top;
	padding:0px 10px 3px 3px;
	text-align:left;
}
.divScrollBar
{
	overflow:auto;
	font-size:xx-small;
	height:100px;
	width:180px;
	padding:1px;
	margin:0px;
	border-right-width:1px;
	border-right-style:solid;
	border-left-width:1px;
	border-left-style:solid;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-top-width:1px;
	border-top-style:solid;
	border-color:#CCCCCC;
	scrollbar-shadow-color:#FFF;
	scrollbar-highlight-color:#FFF;
	scrollbar-face-color:#CCC;
	scrollbar-3dlight-color:#FFF;
	scrollbar-darkshadow-color:#FFF;
	scrollbar-track-color:#FFF;
	scrollbar-arrow-color:#000;
}
.divScrollBar ul,li
{
	list-style:none;
	list-style-position:outside;
	margin-left:6px;
}
#event_container
{
	width:80%;
	vertical-align:top;
	height:300px;
	color:#333333;
	padding:5px;
	text-decoration:none;
	font-size:x-small;
	font-weight:normal;
	text-align:left;
}
#event_container h3
{
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-size:medium;
	color:#000000;
	border-bottom:2px solid #000000;
	padding:0px 0px 1px 4px;
	font-weight:bold;
}
.event
{
	/*Defines the display of the event/RR calendar*/
	color:#000000;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-size:small;
	margin:5px;
	vertical-align:top;
	background-color:transparent;
	border-collapse:collapse;
	width:550px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-color:#999999;
}
.event_title
{
	/*
	Background color will match the color of the event type
	*/
	color:#333333;
	background-color:#FFFFFF;
	width:100%;
	padding:0px 0px 0px 5px;
	font-size:medium;
	font-weight:bolder;
	text-transform:uppercase;
}
.event_title a:link
{
	/*
	Background color will match the color of the event type
	*/
	color:#333333;
	padding:0px 0px 0px 5px;
	font-size:medium;
	font-weight:bolder;
	text-transform:uppercase;
}
.event_title a:hover
{
	/*
	Background color will match the color of the event type
	*/
	color:#333333;
	padding:0px 0px 0px 5px;
	font-size:medium;
	font-weight:bolder;
	text-transform:uppercase;
}
.event_title a:visited
{
	/*
	Background color will match the color of the event type
	*/
	color:#333333;
	padding:0px 0px 0px 5px;
	font-size:medium;
	font-weight:bolder;
	text-transform:uppercase;
}
.event_fields
{
	text-align:left;
	font-weight:bold;
	padding:0px 0px 0px 5px;
	vertical-align:top;
	background-color:#FFFFFF;
	color:#000000;
}
.event_desc
{
	text-align:left;
	padding:0px 0px 0px 5px;
	vertical-align:top;
	background-color:#FFFFFF;
	color:#000000;
}
.event_values
{
	vertical-align:top;
	padding:0px 0px 0px 5px;
}
.list_title
{
	color:#FFFFFF;
	font-weight:bold;
	background-color:#657E85;
	border-color:#333333;
	border-right-width:1px;
	border-right-style:solid;
	border-left-width:1px;
	border-left-style:solid;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-top-width:1px;
	border-top-style:solid;
}
.list_light
{
	color:#000000;
	background-color:#F0F0F0;
}
.list_dark
{
	color:#000000;
	background-color:#669999;
}
/****************************
Request Confirmation Styles
****************************/
.requestconfirm
{
	color:#000000;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-size:x-small;
	padding:1px;
	border-collapse:collapse;
	text-align:left;
	vertical-align:top;
	border:1px solid #000000;
	background-color:transparent;
	margin-left:1em;
	width:700px;
}
.requestconfirm ul,li
{
	list-style:square;
	list-style-position:outside;
}
.requestconfirm table,td,tr
{
	color:#000000;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-size:x-small;
}
/****************************
Autocomplete Styles
****************************/
div.autocomplete
{
	position:absolute;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
}
div.autocomplete ul
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
div.autocomplete ul li.selected { background-color:#ffb;}
div.autocomplete ul li
{
	list-style-type:none;
	display:block;
	margin:0;
	padding:1px;
	cursor:pointer;
}

/************************************************************
Additional Styles - addon to the existing changes
************************************************************/
.cal_nav_options
{
	font-family:arial;
	font-size:8pt;
	font-weight:bold;
	text-align:center
}
.nopad
{
	padding:0px;
	margin:0px;
}
.verticaltop
{
	vertical-align:top;
}
.littlecalunderline
{
	text-decoration:underline;
	font-weight:bold;
}
.tinycaldaypointerstyle
{
	cursor:pointer;
	font-size:xx-small;
	border:1px solid #333333;
}
.checkboxpadding
{
	padding:0px 0px 0px 5px
}
.eventcaloptiontext
{
	color:#000000;
	cursor:pointer;
}
.eventcaloptiongreytext
{
	color:#CCCCCC;
	cursor:pointer;
}
.eventcaloptionunderlinetext
{
	color:#000000;
	text-decoration:underline
	cursor:pointer;
}
.eventcaloptionboxes
{
	border:1px solid #CCCCCC;
	background-color:#FAFAFA;
	padding:3px;
	vertical-align:bottom;
}
.sc1boxstyle
{
	border:1px solid #CCCCCC
}
.sc1searchstyle
{
	margin:0px;
	font-weight:bold;
	font-size:larger
}
.eventcalendareventcontainer
{
	width:80%;
	vertical-align:top;
	padding:5px;
}
.eventsignupgettablite
{
	cursor:pointer;
	text-align:center;
	border:1px solid #000000;
}
.eventsignupgettabtitle
{
	font-weight:bold;
	text-align:center;
	border:1px solid #000000;
}
.bordercollapse
{
	border-collapse:collapse;
}
/* Attendance Button */
#mybutton   
{
	border-style:outset;
  border-color:#c0c0c0;
  background-color:#b0b0b0;
  text-decoration:none;   
  text-align:center;
  cursor:hand;
}
.eventsignupdisplaytable
{
	margin-left:1em;
	border:0px solid #000000;
}
.eventsignupdisplaycolumn
{
	border-top:0px;
	border-right:0px;
	border-bottom:1px solid #000000;
}
.eventsignupinvalidcolor
{
	color:#800040
}
.padding10px
{
	padding:10px 10px 10px 10px;
}
.borderlineblack
{
	border:1px solid #000000;
}
.borderwidthspacing
{
	border-width:1px 2px 1px 1px;
}
.roomlist
{
	overflow:auto;
	width:100%;
	height:250px;
	padding:0px;
	margin:0px
}
.roomreqdisplay
{
	background-color:transparent;
	padding:1px;
	padding-left:.5em;
	border:0px;
	vertical-align:middle;
}
.roomreqdisplaynopad
{
	background-color:transparent;
	padding:0px;
	border:0px;
	vertical-align:middle
	color:#000000;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-size:x-small;
	padding:0px;
	text-align:left;
}
.roomreqroomnamedisplay
{
	padding:1px;
	padding-left:5em;
	padding-right:5em;
}
.roomreqheaderstr
{
	padding:0px;
	vertical-align:top
}
.roomreqsecondstr
{
	padding:1px;
	border:0px;
}
.roomreqlibraryinfodisp
{
	font-family:arial;
	background-color:white;
	color:black;
	font-size:medium
}
.bufferhighlight
{
	background-color:#CCCCCC;
	padding:1px;
}
.extendhighlight
{
	background-color:yellow;
	padding:1px;
}
.monthyeardispoption
{
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.popupinterfacebody {
	font-family:Arial;
	font-size:11px;
	color:black;
	margin-left:5px;
	padding:5px;
	background-color:#FAFAFA;
	font-family:Arial;
	font-size:x-small;
	width:100%;
	border:1px solid #CCCCCC;
}
td.popupinterfacetd {
	font-family:Arial;
	font-size:11px;
	margin-left:5px;
}
h3.popupinterface {
	margin:0px;
	padding:0px;
	color:blue;
}
.popupinterfaceheading {
	font-family:arial;
	width:100%;
	background-color:#666666;
	color:#FFFFFF;
	font-size:medium;
	font-weight:bold;
}
.wrapoff {
	white-space:nowrap;
}
.popupinterfacetitle {
	font-weight:bold;
	font-size:medium;
}
.extendboxheader {
	font-size:12px;
	font-weight:bolder;
}