/* styles for forms */
.goodmsg				{ 	font-family : Verdana, Arial, Helvetica, sans-serif;
							font-size : 12px;
							color : green;
							font-weight : bold;
						}

.frminput 				{
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 11px;
							border: 1px solid #BBBBBB;
						}

.grey					{
							font-family: 		Verdana, Arial, Helvetica, sans-serif;
							font-size: 			11px;
							border: 			1px solid #BBBBBB;
							color: 				#888888;
							background-color: 	#EEEEEF;
							font-weight:		bold;
						}

.frminput option:hover  {
							color: #880000;
							background-color: #EEEEEE;
						}

.frminput:focus			{
							font-family: Verdana, Arial, Helvetica, sans-serif;
							border: 1px solid #444444;
							background-color: #FFFFE0;
						}

fieldset				{	border: 1px solid gray;
							/* z-index: 100; */
						}

legend					{
							/*
							position: relative;
							margin-top: -22px;
							margin-left: -9px;
							z-index: 99;
							*/
							background: gray;
							color: white;
							font-weight: bold;
							font-size: 11px;
						}

.badmsg					{ 	font-family : Verdana, Arial, Helvetica, sans-serif;
							font-size : 12px;
							color: #880000;
							font-weight : bold;
						}


select					{	z-index:1;	}

   						/* content divider */
.section				{	font-family : Verdana, Arial, Helvetica, sans-serif;
							font-size : 11px;
							color : #000000;
							background-color : lightsteelblue;
							font-weight : bold;
							padding: 5px;
						}

.fieldlabel				{	font-family : Verdana, Arial, Helvetica, sans-serif;
							font-size : 10px;
							font-weight : bold;
						}

/* table tag for guest table */
.tab1					{	font-family : Verdana, Arial, Helvetica, sans-serif;
							font-size : 12px;
							width: 200px;
							color : white;
							font-weight : bold;
							padding: 2px;
							background-color: steelblue;
							/*background-color: #99CC99;
							background-color: #003399;*/
						}

/* table tag for search table */
.tabsearch 				{	font-family : Verdana, Arial, Helvetica, sans-serif;
							font-size : 12px;
							width: 140px;
							color : white;
							font-weight : bold;
							padding: 2px;
							background-color: #7777BB;
						}

.active 				{	 border: 4px solid steelblue; }

.inactive 				{	border: 2px solid gray; }

.summary 				{ 	border: 2px solid steelblue; }

.norooms 				{ 	border: 4px solid #CC3333;
							background-color: #FFCCCC; }

.err					{	border: 4px solid #880000; }

.alert					{	border: 4px solid gold; }

.edit					{ 	border: 4px solid #7777BB; }

/* CSS popup */
a.popup		 			{	position:relative;
							z-index:2;
							text-decoration: none;
						}

a.popup:hover			{	background-color: transparent;
							float:none;
							z-index:3;
							text-decoration: none;
						}

a.popup span 			{	position: absolute;
								top: 0px;
								left: 20px;
								background: #fdd;
								color: #000000;
								text-align:left;
								padding: 3px;
								border: 1px solid #880000;
								width:300px;
								font-weight:bold;
								z-index: 100;
								display: none;
						}

a.popup:hover span 		{	display: block; }

a.popup iframe 			{	position: absolute;
							top: 0px;
							left: 20px;
							background-color: transparent;
							/*color: transparent;*/
							border: 0px;
							padding: 3px;
							height: 14px;
							width:300px;
							z-index: -1;
							display: none;
						}

a.popup:hover iframe 	{	display: block; }

a.popup:visited			{ text-decoration:none; }

a.popup:hover img   	{
					    	/*vertical-align:middle;*/
					    	border-style:none;
					    	border-width:0;
					    	background-color: transparent;
					    }

.required				{
							color: #880000;
							font-weight: bold;
						}

.fieldgroup th {
							font-size:  13px;
							vertical-align: middle;
							padding-top: 5px;
							text-align: left;
							background: #D0D6E5;
							color: #29395F;
}

.fieldgroup th img {
							float: right;
							position: relative;
							top: -10px;
							left: -5px;
}