body 
{
   font-family: tahoma, verdana, arial, helvetica, sans-serif;
   font-size: 8pt;
   margin: 10px;
}

textarea, input 
{
   font-family: tahoma, verdana, arial, helvetica, sans-serif;
   font-size: 10pt;
}

.error { font-size: 8pt; color: #F00; }
.debug { font-size: 8pt; color: #777; background-color: #efefef; clear: both; }
.info { font-size: 8pt; color: #F00; }
.log_error { font-size: 8pt; color: #F00; background-color: #efefef; }

.errorMessage 
{
	margin-top: 30px;
   margin-left: 10px;
   font-size: 10pt;
   color: #F00;
}

/* switch curor for label tags.
   "hand" so that IE5 and IE5.5 understands this rule */
label { cursor: pointer; cursor: hand; }

input.button { }

/* --------------------
 * Transparent layer (div & iframe)
 * -------------------- */
.G_EntirePageCover
{
   position: fixed;
   _position: absolute; /* hack for IE 6 compatibility */ 
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: 100900;
}

.G_TransparentLayer
{
   background-color: #ddd;
   filter:alpha(opacity=60);  
   opacity: 0.6;
}

.G_DivTransparentLayer
{
   background-color: #ddd;
   filter:alpha(opacity=60);  
   opacity: 0.6;
   z-index: 1000000 !important;
}

.G_DivInvisibleLayer
{
   background-color: white;
   filter:alpha(opacity=0);
   opacity: 0.0;
   z-index: 1000000 !important;
}

.G_TransparentLayer_Iframe
{
   display: block; 
   visibility: visible;

   background-color: #ddd;
   filter:alpha(opacity=60);  
   opacity: 0.6;
}

.G_DivInvisibleLayer_Iframe
{
   display: block;
   visibility: visible;

   background-color: white;
   filter:alpha(opacity=0);
   opacity: 0.0;
}

/* --------------------
 * Calendar in popup layer (div popup & cancel button)
 * Used in input field and search engine
 * -------------------- */
.G_PopupLayer_Calendar
{
   position: absolute;
   display: block;
   left: 350px;
   top: 205px;
   height: 175px;
   width: 285px;
   border: none;

   z-index: 101000;
}

.G_PopupLayer_Calendar_Dialog
{
   left: 81px !important;
   top: 50px !important;
}

.G_PopupLayerContent_Calendar
{
   position: relative;
   display: block;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-color: #f7f7f7;
   border: 4px solid #6699cc;
	padding-left: 15px;
   
   z-index: 101000; /* necessary for displaying the layer content in IE! */
}

.G_PopupLayer_ButtonCancel_Calendar
{
   position: absolute;
   left: 279px;
   top: 5px;
    
   z-index: 101000;
}

.G_PopupLayer_ButtonCancel_Calendar_Dialog
{
   position: absolute;
   right: 0 !important;
   top: 10px !important;

   z-index: 101000;
}

.G_PopupLayer_ButtonCancel_Calendar_Dialog_NoOpen
{
   position: absolute;
   right: 5px !important;
   top: 5px !important;

   z-index: 101000;
}

/* --------------------
 * TimePicker in popup layer (div popup)
 * Used in input field and search engine
 * -------------------- */
.G_PopupLayer_TimePicker
{
   position: absolute;
   display: block;
   left: 350px;
   top: 200px;
   height: 180px;
   width: 250px;
   border: none;

   z-index: 101000;
}

.G_PopupLayerContent_TimePicker
{
   position: relative;
   display: block;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-color: #f7f7f7;
   border: 4px solid #6699cc;
   
   z-index: 101000; /* necessary for displaying the layer content in IE! */
}

/* --------------------
 * TimePicker in popup layer (div popup)
 * Used in input field and search engine 
 * -------------------- */
.G_PopupLayer_TimePickerExtender
{
   position: absolute;
   display: block;
   left: 350px;
   top: 200px;
   height: 200px;
   width: 484px;
   border: none;
   
   z-index: 101000;
}

.G_PopupLayer_TimePickerExtender_Dialog
{
   left: 81px !important;
   top: 50px !important;
}

.G_PopupLayerContent_TimePickerExtender
{
   position: relative;
   display: block;   
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-color: #f7f7f7;
   border: 4px solid #6699cc;
   
   z-index: 101000; /* necessary for displaying the layer content in IE! */
}

/* ---------------------------
 * Image working (processing)
 * --------------------------- */
.G_DivImageWorking
{
   position: fixed;
   _position: absolute; /* hack for IE 6 compatibility */ 
   left: 50%;
   top: 50%;
   border: 1px solid black;
   background-color: white;
   width: 36px;
   height: 36px;
   
   z-index: 1001001;
}

.G_ImageWorking
{
   margin: 0;
}

/* --------------------
 * Asynch Error
 * -------------------- */
.AE_Caption
{
   color: Red;
   margin: 10px 0 15px;
   font-weight: bold;
   font-size: 8pt;
}

.AE_Message
{
   color: Black;
   border: 1px solid #aaa;
   background-color: #eee;
   padding: 5px;
   height: auto;
   margin: 0 0 10px;
   font-size: 8pt;
}

/* --------------------
 * Overflow IE7 fix
 * -------------------- */
.OverflowParentFixIE7
{
	position: fixed;
	overflow: auto;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
}

.OverflowChildrenFixIE7
{
   margin: 10px;
   display: inline-block;
}

.ButtonLongText_IE7
{
   overflow: visible;
}