\@charset "utf-8";
A
{
	color: blue;
}
A:visited
{
	color: blue;
}
.activeTab
{
	font-weight: bold;
	font-size: 75%;
	
}
A.tabs:link
{
	text-decoration:none;
	color: #663399;
	font-weight: bold;
	font-size: 50%;
}
A.tabs:visited
{
	text-decoration:none;
	color: #663399;
	font-weight: bold;
	font-size: 75%;
}
A.tabs:hover
{
	text-decoration:underline;
	color: #663399;
	font-weight: bold;
	font-size: 80%;
}
/* A definitions for navigation area */
A.navActive:link
{
	font-size: 75%;
	font-weight: bold;
	text-decoration:none;
	color: yellow;
}
A.navActive:visited
{
	font-size: 75%;
	font-weight: bold;
	text-decoration:none;
	color: yellow;
}
A.navActive:hover
{
	font-size: 75%;
	text-decoration:none;
	font-weight:bold;
	color: yellow;
}
A.nav:link
{
	font-size: 75%;
	font-weight: bold;
	text-decoration:none;
	color: #FFFFFF;
}
A.nav:visited
{
	font-size: 75%;
	font-weight: bold;
	text-decoration:none;
	color: #FFFFFF;
}
A.nav:hover
{
	font-size: 75%;
	text-decoration:none;
	font-weight:bold;
	color: #FFFFFF;
}
TD.navRed
{
	background-color: #CC0000;
	color: white;
	font-weight: bold;
	font-size: 75%;
}
TD.navRedLight
{
	background-color: #AA0000;
	color: white;
	font-weight: bold;
	font-size: 75%;
}
TD.nav
{
	border-right: 1.5pt solid #666699;
	border-bottom: .5pt solid #666699;
	border-left: 1pt solid #666699;
	border-top: .5pt solid #666699;
	background-color: #660099;
}
TD.navActive
{
	border-right: 1.5pt solid #666699;
	border-bottom: .5pt solid #666699;
	border-left: 1pt solid #666699;
	border-top: .5pt solid #666699;
	background-color: #660099;
	color: yellow;
}
TD.navLight
{
	background-color: #aaaadd;
}
TD.tabList
{
	font-weight: bold;
	font-size: 75%;
	text-align: center;
}
TD.tabListImages
{
	text-align: center;
	font-size: 75%;
}
TD.mandatory
{
	font-weight: bold;
	font-size: 85%;
	text-align: right;
}
TD.mandatoryLeft
{
	font-weight: bold;
	font-size: 85%;
	text-align: left;
}
TD.mandatoryCenter
{
	font-weight: bold;
	font-size: 85%;
	text-align: center;
}
TD.labels
{
	text-align: right;
}
TD.labelsLeft
{
	text-align: left;
}
body
{
	font-size: 5px;
	font-family: arial, helvetica, sans-serif;
	background-color: #ffffff;
	margin: 0 0 0 0;
}
.smallText
{
	font-size: 70%;
}
.fieldPrompt
{
	font-size: 75%;
}
TH.fieldPrompt
{
	font-size: 75%;
	color: black;
}
.sectionTitle
{
	font-weight: bold;
	font-size: 95%;
	color: #663399;
}
.sectionHeader
{
	font-size: 85%;
	font-weight: bold;
	background-color: #663399;
	color: white;
}
.welcome
{
	font-size: 105%;
	font-weight: bold;
	background-color: #CCCCFF;
	color: #663399;
}
.inactiveTab
{
	background-color: #e0e0e0;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}
.tabEdge
{
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}
.errorMessage 
{ 
	color: red;
	font-size: 80%;
}

.errorTitle 
{ 
	color: red;
	font-size: 80%;
	font-weight: bold;
}

.successMessage
{
	color: #00ff00;
	font-size: 80%;
	font-weight: bold;
}

.point_normal
{
	font-size: 90%;
}

.tooltip 
{
	cursor: help;
	TEXT-DECORATION: none;
}
.tooltipMandatory 
{
	cursor: help;
	TEXT-DECORATION: none;
	font-weight: bold;
	font-size: 85%;
}

div.visible 
{ 
    display: visible; 
} 
div.hidden 
{ 
    display: none; 
}

TD.schedulerMonthDay
{
	border-right: 1pt solid #000000;
	border-bottom: .5pt solid #000000;
	border-left: .5pt solid #000000;
/*	border-top: .5pt solid #000000; */
	background-color: #ffffff;
	color: #000000;
	font-size: 80%;
}
TD.schedulerTitle
{
	border-right: .5pt solid #000000;
	border-bottom: .5pt solid #000000;
	border-left: .5pt solid #000000;
	border-top: .5pt solid #000000;
	background-color: #663399;
	color: #ffffff;
	font-weight: bold;
}
TD.schedulerTableHeading
{
	border-right: .5pt solid #000000;
	border-bottom: .5pt solid #000000;
	border-left: .5pt solid #000000;
	border-top: .5pt solid #000000;
	background-color: #CCCCFF;
	color: #3300FF;
	font-weight: bold;
}
TD.schedulerMonthRow1U
{
	/* unavailable */
	border-right: .5pt solid #000000;
	background-color: #C0C0C0;
	color: #C0C0C0;
	font-size: 80%;
}
TD.schedulerMonthRow2U
{
	/* fully booked */
	border-left: .5pt solid #000000;
	border-right: .5pt solid #000000;
	border-bottom: .5pt solid #000000;
	background-color: #C0C0C0;
	color: black;
	font-size: 80%;
}
TD.schedulerMonthLegendU
{
	/* fully booked */
	border-left: .5pt solid #000000;
	border-right: .5pt solid #000000;
	border-bottom: .5pt solid #000000;
	border-top: .5pt solid #000000;
	background-color: #C0C0C0;
	color: black;
	font-size: 80%;
}
TD.schedulerMonthRow1F
{
	/* fully booked */
	border-right: .5pt solid #000000;
	background-color: #ff0000;
	color: black;
	font-size: 80%;
}
TD.schedulerMonthRow2F
{
	/* fully booked */
	border-left: .5pt solid #000000;
	border-right: .5pt solid #000000;
	border-bottom: .5pt solid #000000;
	background-color: #ff0000;
	color: black;
	font-size: 80%;
}
TD.schedulerMonthLegendF
{
	/* fully booked */
	border-left: .5pt solid #000000;
	border-right: .5pt solid #000000;
	border-bottom: .5pt solid #000000;
	border-top: .5pt solid #000000;
	background-color: #ff0000;
	color: black;
	font-size: 80%;
}
TD.schedulerMonthRow1A
{
	/* fully available */
	border-right: .5pt solid #000000;
	background-color: #00ff00;
	color: black;
	font-size: 80%;
}
TD.schedulerMonthRow2A
{
	/* fully available */
	border-left: .5pt solid #000000;
	border-right: .5pt solid #000000;
	border-bottom: .5pt solid #000000;
	background-color: #00ff00;
	color: black;
	font-size: 80%;
}
TD.schedulerMonthLegendA
{
	/* fully available */
	border-left: .5pt solid #000000;
	border-right: .5pt solid #000000;
	border-bottom: .5pt solid #000000;
	border-top: .5pt solid #000000;
	background-color: #00ff00;
	color: black;
	font-size: 80%;
}
TD.schedulerMonthRow1P
{
	/* partially booked */
	border-right: .5pt solid #000000;
	background-color: yellow;
	color: black;
	font-size: 80%;
}
TD.schedulerMonthRow2P
{
	/* partially booked */
	border-left: .5pt solid #000000;
	border-right: .5pt solid #000000;
	border-bottom: .5pt solid #000000;
	background-color: yellow;
	color: black;
	font-size: 80%;
}
TD.schedulerMonthLegendP
{
	/* partially booked */
	border-left: .5pt solid #000000;
	border-right: .5pt solid #000000;
	border-bottom: .5pt solid #000000;
	border-top: .5pt solid #000000;
	background-color: yellow;
	color: black;
	font-size: 80%;
}
TD.schedulerMonthBlankDayRow1
{
	background-color: white;
	border-right: .5pt solid #000000;
	border-left: .5pt solid #000000;
	font-size: 80%;
}
TD.schedulerMonthBlankDayRow2
{
	background-color: white;
	border-right: .5pt solid #000000;
	border-left: .5pt solid #000000;
	border-bottom: 1pt solid #000000;
	font-size: 80%;
}
TD.dayViewBlock
{
	border-right: 1pt solid #000000;
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.activeTab
{
 font-weight: bold;
 font-size: 12px;
 font-family: helvetica, sans-serif;
 bordercolor: #000033 ;
 border-right: .1pt solid #000000;
 border-bottom: .1pt solid #000000;
 border-left: .1pt solid #000000;
 border-top: .2pt solid #000000; 
 background-color: #CCCCFF;
 color: #3300FF;
}

.activeTabClose
{
 font-weight: bold;
 font-size: 12px;
 font-family: helvetica, sans-serif;
 bordercolor: #000033 ;
 border-right: .1pt solid #000000;
 border-bottom: .1pt solid #000000;
 border-left: .1pt solid #000000;
 border-top: .2pt solid #000000; 
}


.activeTabDiff
{
 font-weight: bold;
 font-size: 11px;
 font-family: helvetica, sans-serif;
 bordercolor: #000033 ;
 border-right: .1pt solid #000000;
 border-bottom: .1pt solid #000000;
 border-left: .1pt solid #000000;
 border-top: .2pt solid #000000; 
 background-color: #AAAAAA;
 color: #330CCC;
}


.activeBtTab
{
 font-weight: bold;
 font-size: 12px;
 font-family: helvetica, sans-serif;
 bordercolor: #000033 ;
 border-right: .1pt solid #000000;
 border-bottom: .1pt solid #000000;
 border-left: .1pt solid #000000;
 border-top: .2pt solid #000000; 
 background-color: #CCAADD;
 color: #3300FF;
}	

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


.activeSmallTab
{ 
 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
 bordercolor="#000033"
}

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

.activeBigTab2
{
	font-size: 12px;
}
	

.activesTab
{
 
 font-size: 12px;
 font-family: helvetica, sans-serif;
 bordercolor: #000033 ;
 border-right: .1pt solid #000000;
 border-bottom: .1pt solid #000000;
 border-left: .1pt solid #000000;
 border-top: .2pt solid #000000; 
 
 
}

.activesTabMandatory
{
	font-weight: bold;
	font-size: 12px;
 	font-family: helvetica, sans-serif;
 	bordercolor: #000033 ;
 	border-right: .1pt solid #000000;
 	border-bottom: .1pt solid #000000;
 	border-left: .1pt solid #000000;
 	border-top: .2pt solid #000000;
 	
} 
 

.activesTab2
{
 font-weight: bold;
 font-size: 14px;
 font-family: helvetica, sans-serif;
 bordercolor: #000033 ;
 border-right: .1pt solid #000000;
 border-bottom: .1pt solid #000000;
 border-left: .1pt solid #000000;
 border-top: .2pt solid #000000; 
 background-color: #CCCCFF;
 color: #3300FF;
}

ul.sortable li {
	position: relative;
}

ul.boxy {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 90em;
	font-size: 11px;
	font-family: Arial, sans-serif;
}

ul.boxy li.boxy1 {
	padding: 2px 2px;
	background-color: #eee;
	border-top: 5px solid #FFFFFF;
}

ul.boxy li.boxy2 {
	padding: 2px 2px;
	background-color: #CCCCFF;
	border-top: 5px solid #FFFFFF;
}
	
.clickable a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}
.clickable li:hover {
	background-color: #f6f6f6;
}

.activeTab2
{
 font-size: 12px;
 font-family: helvetica, sans-serif;
 bordercolor: #000033 ;
 border-bottom: .1pt solid #000000; 

}

.activeTab3
{
	font-size: 12px;
	font-family: helvetica, sans-serif;
}

.activeEnterTab
{
 font-size: 12px;
 font-family: helvetica, sans-serif;
 bordercolor: #000033 ;
 border-left: .1pt solid #000000;
 border-right: .1pt solid #000000;
}

.activeEnterTab2
{
 font-size: 12px;
 font-family: helvetica, sans-serif;
 bordercolor: #000033 ;
 border-left: .1pt solid #000000;
 border-right: .1pt solid #000000;
 border-top: .1pt solid #000000;
 border-bottom: .1pt solid #000000;
}

.deleteButton
{
 font-weight: bold;
 font-size: 12px;
 font-family: helvetica, sans-serif;
 background-color: #CCCCFF;
 color: #000000;
}

.addButton
{
 font-weight: bold;
 font-size: 14px;
 font-family: helvetica, sans-serif;
 background-color: #CCCCFF;
 color: #000000;
}

.greenButton
{
 font-weight: bold;
 font-size: 14px;
 font-family: helvetica, sans-serif;
 background-color: #CCCCFF;
 color: #009900;
}


.bigRedBold
{
 font-weight: bold;
 font-size: 13px;
 font-family: helvetica, sans-serif;
 color: #000000;
}

div.autocomplete {
  position:absolute;
  font-size: 12px;
  background-color:#CCCCFF;
  border:1px solid #888;
  margin:1px;
  padding:1px;
  color:#3300FF;
  overflow:auto;
  z-index:1001;  
 }

div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #FFFFFF;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

.sortheader {
	font-size: 13px;
	
}

.point_normal2
{
	font-size: 80%;
}

.pageTitle {
        font-weight: bold;
        color: #003366;
        font-size: 14px;
}