/* //////////////// defining standards //////////////////// */

BODY,TD,DIV,UL {
	font-size : 11px;
	font-family : verdana,arial,helvetica,sans-serif;
	color : #414141;
	text-decoration : none;
}

BODY { margin: 0px; padding: 0px; background-color : #ffffff; }

A {
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	cursor: hand;
}

A:link { color: #616C07; text-decoration: none; }
A:visited {	color: #616C07; }
A:hover { color: #000000; text-decoration: underline; }

FORM { display: inline; margin: 0px; }

UL {
	list-style-type: square;
	margin-top: 0px;
	margin-left: 15px;
	margin-bottom: 5px;
	padding-left: 0px;
	text-indent: 0px;
}

OL {
	margin-top: 0px;
	margin-left: 19px;
	margin-bottom: 5px;
	padding-left: 0px;
	text-indent: 0px;
}


/* /////////////// a:r main layout containers ///////////////////// */
/* also containing classes that are modified for their use in the   */
/* main layout containers                                           */
/* //////////////////////////////////////////////////////////////// */
	 
/* //// common class for all main layout containers //// */
DIV.boxMain { border: 1px solid #616C07; cursor: default; }

/* //// top area (first level etc.) //// */
DIV#arTop {
	position: absolute;
	left: 6px;
	top: 6px;
	width: 953px;
	height: 68px;
}

/* //// Navigation area (on the left) //// */
DIV#arNav {
	position: absolute;
	left: 6px;
	top: 81px;
	width: 216px;
	border-bottom-width: 4px;
}

/* //// content area (on the right) //// */
DIV#arCont {
	position: absolute;
	left: 229px;
	top: 81px;
	width: 727px;
	border-left-width: 4px;
}

/* ////// common layout boxes used inside the main containers ////// */
/*                                                                   */
/* ///////////////////////////////////////////////////////////////// */

/* //// active item (dark color) //// */
DIV.boxAct {
	line-height: 24px; /* replaces height for divs with vertical-align: middle */
	padding-bottom: 4px; 
	vertical-align: middle;
	border-top: 1px solid #616C07;
	font-weight: bold;
	color: #ffffff;
	background-color: #616C07;
}

/* //// option-(menu-)bar for the active item (light color) //// */
DIV.boxActOpt {
	line-height: 26px;
	padding-bottom: 2px; 
	vertical-align: middle;
	border-top: 1px solid #899708;
	color: #ffffff;
	background-color: #899708;
}

/* //// parent sub-option-bar (gray) //// */
DIV.boxParOpt {
	line-height: 27px;
	padding-bottom: 1px; 
	vertical-align: middle;
	border-top: 1px solid #616C07;
	background-color: #E6E6DF;
}

/* //// sub-option-bar (white) //// */
DIV.boxOpt {
	line-height: 27px;
	padding-bottom: 1px; 
	vertical-align: middle;
	border-top: 1px solid #616C07;
}

/* //// most common box containing normal content-forms //// */
DIV.boxCont, DIV.boxListCont {
	border-top: 1px solid #616C07;
	padding-top: 11px; /* + 1px from first row of TABLE.arContEdit */
	padding-bottom: 6px; /* + padding-bottom of TD.edit (10px) = 16px */
	color: #414141;
}

/* //// a list made of box elements (like element-list) //// */

DIV.boxListCont {
	border-top-color : #C1C1C1;
}

DIV.boxListHead, DIV.boxListHeadMenu {
	line-height: 27px;
	padding-bottom: 1px; 
	vertical-align: middle;
	border-top: 1px solid #C1C1C1;
}

DIV.boxListHead {
	background-color: #f5f5f5;
}

DIV.boxListHeadMenu SELECT, DIV.boxListHeadMenu INPUT {
	vertical-align : middle;
	margin: 3px 0px;
	padding: 0px;
}

/* //// sub-option bar containing image list //// */
DIV#boxOptImg {
	padding-bottom: 0px;
	margin-bottom: 3px;
}

/* //// submit box at the bottom of the page (usually the last box) //// */
DIV.boxSubmit {
	height: 32px;
	background-color: #D5DAC0;
	text-align: right;
	vertical-align: middle;
}

/* //// main container inside editFrame-popups //// */
DIV.boxEditFrame {
	width : 726px;
	cursor: default;
	border-color : #616C07;
	border-style : solid ;
	border-width : 2px 3px 3px 3px;
}
/* //// disclaimer box (e.g. for editFrImg) //// */
DIV.boxDisclaimer { 
	padding-left: 14px;
  padding-right: 15px;
	padding-top: 11px;
	padding-bottom: 8px;
  font-size: 10px;
  font-weight: normal;
  color: #999999;
	background-color: #E6E6E6;
}
/* boxDialog - yellow (e.g for editFrDel) should be removed in the edirFr*.php */
DIV.boxDialog {
	background-color: #edff00;
	padding-left: 14px;
	padding-right: 15px;
	padding-top: 15px;	
}
/* //// alert box (aPriori-Errors) //// */
DIV.boxAlert { background-color:#FFFF00; }

/* /////////////////// a:r contextual styles ////////////////////// */
/* styles made of a combination of styles                           */
/* //////////////////////////////////////////////////////////////// */

/* //// all DIVs inside main layout containers
DIV#arNav DIV,
DIV#arCont DIV,
DIV#arStartL DIV,
DIV#arStartR DIV
{ cursor: default; } */


/* //// classes extending arNav /////////////////////////////////////////// */

DIV#arNav DIV.boxAct,
DIV#arNav DIV.boxActOpt,
DIV#arNav DIV.boxParOpt,
DIV#arNav DIV.boxOpt {
	padding-left: 4px;
	padding-right: 5px;
	border-left: 3px solid #616C07;
}

DIV#arNav DIV.boxActOpt {
	border-top: 1px solid #616C07;
	padding-top: 6px;
	padding-bottom: 8px;
	line-height: 19px;
	font-weight: bold;
	color: #ffffff;
}

DIV#arNav DIV.boxParent {
	background-color: #D5DAC0;
	border-bottom: 1px solid #616C07;
	padding-left: 8px;
	padding-right: 5px;
	padding-bottom: 2px;
	line-height: 26px;
	color: #899708;
}
/* tool-boxes (calendar,filter, etc.) */
DIV.box, DIV.boxR {
	padding: 5px 10px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	background-color: #f5f5f5;
}
DIV.box INPUT { width: 97%; }
DIV.boxR { text-align: right; }
DIV.boxBottom { border-top: 1px solid; line-height: 1px; margin-bottom: 10px; }


/* //// classes extending arCont ///////////////////////////////////// */

/* left and right padding for all box-divs inside arCont */
DIV#arCont DIV.boxAct,
DIV#arCont DIV.boxActOpt,
DIV#arCont DIV.boxOpt,
DIV#arCont DIV.boxParOpt,
DIV#arCont DIV#boxOptImg,
DIV#arCont DIV.boxCont,
DIV#arCont DIV.boxSubmit,
DIV#arCont DIV.boxListHead,
DIV#arCont DIV.boxListHeadMenu,
DIV#arCont DIV.boxListCont,
DIV.boxEditFrame DIV.boxAct,
DIV.boxEditFrame DIV.boxActOpt,
DIV.boxEditFrame DIV.boxOpt,
DIV.boxEditFrame DIV.boxParOpt,
DIV.boxEditFrame DIV#boxOptImg,
DIV.boxEditFrame DIV.boxCont,
DIV.boxEditFrame DIV.boxSubmit,
DIV.boxEditFrame DIV.boxListHead,
DIV.boxEditFrame DIV.boxListHeadMenu,
DIV.boxEditFrame DIV.boxListCont
{	padding-left: 14px;	padding-right: 15px; }

/* //// classes extending boxOpt ///////////////////////////////////// */

/* image lists */
DIV.boxOpt IMG,
DIV.boxListCont IMG {
	margin-right: 10px;
	border: 2px solid #899708;
	vertical-align: middle;
	margin-top: 3px;
	padding : 2px;
}

DIV.boxOpt IMG.em,
DIV.boxListCont IMG.em
{	border: 3px solid #414141; padding : 2px; }

/* images that are used as icons or images not used in lists */
IMG.icon,
DIV.boxOpt IMG.icon,
DIV.boxListCont IMG.icon { vertical-align: middle; border: none; margin: 0px; padding: 1px 0px 0px 0px; }
IMG.icon:hover { background-color: #e0e0e0; }

/* //// SPAN.em sets bold text //// */

DIV.boxAct SPAN.em,
DIV.boxActOpt SPAN.em
{	font-weight: bold; color: #ffffff; }

DIV.boxOpt SPAN.em,
DIV.boxCont SPAN.em,
DIV.boxParOpt SPAN.em,
DIV.boxListHead SPAN.em,
DIV.boxListHeadMenu SPAN.em,
DIV.boxListCont SPAN.em,
TD.arTopTools SPAN.em
{	font-weight: bold; }

DIV.boxActOpt SPAN.inactive
{	font-weight: normal; color: #C0D14D; cursor: default; }

DIV.boxOpt SPAN.inactive,
DIV.boxParOpt SPAN.inactive,
DIV.boxAct SPAN.inactive
{	font-weight: normal; color: #B0B0B0; cursor: default; }


/* //// link styles different from standard links //// */
DIV.boxAct A, DIV.boxActOpt A, DIV.boxActSub A,
DIV.boxAct A:link, DIV.boxActOpt A:link, DIV.boxActSub A:link,
DIV.boxAct A:visited, DIV.boxActOpt A:visited, DIV.boxActSub A:visited,
DIV.boxAct A:hover, DIV.boxActOpt A:hover, DIV.boxActSub A:hover
{ color: #ffffff; }


/* //////////////////// a:r table definitions ///////////////////// */
/*                                                                  */
/* //////////////////////////////////////////////////////////////// */


/* ////////// a:r arTop-Table ///////////////////////// */
TABLE.arTop { border: none; width: 953px; }

/* changed by neggs merge on 29.09.06 */
TD.arTopLogo { width: 482px; height: 50px; padding-left: 10px; vertical-align: top; }
TD.arTopLogo2 { width: 450px; height: 50px; padding-right: 10px; text-align: right; vertical-align: top; }
TD.arTopL1 { color: #8E8E8E; padding-left: 10px; vertical-align: bottom; }
TD.arTopTools { color: #8E8E8E; padding-right: 10px; text-align: right; vertical-align: bottom; }


/* ////////// a:r arNav-Filter-Table ///////////////////////// */

TABLE.arNavFilter {
	border: none;
	width: 200px;
	margin-top: 5px;
	line-height: 11px;
}

TD.arNavFilterForm { color: #ffffff; padding-bottom: 8px; }


/* ////////// a:r arContEdit-table /////////////////////////////////
                                                                    
	Total width of content area is 697px.                             
	Space between cells is 21px. Set content sizes accordingly!       
	                                                                  
	Examples for 2-column layout divisions:                           
		.---------------------+--+---------------------.                
		|         338         |21|         338         |                
		|-----+--+----+--+----+--+-------------+--+----|                
		|  99 |21| 99 |20| 99 |21|      218    |21| 99 |                
		|-----+--+----+--+----+--+----+--+-----+--+----|                
		|  99 |21| 99 |20| 99 |21| 99 |21|      218    |                
		|-----+--+----+--+----+--+----+--+-------------|                
		|              458            |21|      218    |                
		|-----------------------------+--+-------------|                
		|              577                     |21| 99 |                
		|--------------------------------------+--+----|                
		                                                                
		99:  input or td "col2s"                                        
		218: input or td "col2m"                                        
		338: input or td "col2"                                         
		458: input or td "col2l"                                        
		577: input or td "col2xl"                                       
                                                                    
	Examples for 3-column layout divisions:                           
		.--------------+--+--------------+--+-----------------.         
		|     219      |21|     219      |21|      219        |         
		|--+--+--+--+--+--+--+--+--------+--+--------+--+--+--|         
		|59|21|59|21|59|21|59|21|   139  |21|   139  |21|59|21|         
		|--+--+--+--+--+--+--+--+--------+--+--------+--+--+--|         
                                                                    
		219: input class="col3"                                         
		139: input class="col3m"                                        
		59:  input class="col3s"                                        
                                                                    
///////////////////////////////////////////////////////////////// */ 

TABLE.arContEdit { border: none; width: 697px; }
/* TABLE.arContEdit TD { vertical-align : top; } */

/* //////////////////////////////////////////////////////////////
                                                                 
Table cell styles for TABLE.arContEdit:                          
The number means if the table is 2- or 3-column style.           
"nothing","m" or "s" means how many subcolumns the cell is wide. 
It is usually a good habit to define the width of the columns in 
the first row of the table with   in it.                    
                                                                 
////////////////////////////////////////////////////////////// */

TD.colVoid { line-height: 1px; }
TD.col1 { width: 697px; line-height: 1px; }
TD.col2s { width: 99px; line-height: 1px; }
TD.col2m { width: 218px;	line-height: 1px; }
TD.col2  { width: 338px;	line-height: 1px; }
TD.col2l { width: 458px;	line-height: 1px; }
TD.col2xl { width: 577px;	line-height: 1px; }
TD.col3  { width: 219px; line-height: 1px; }
TD.col3m { width: 139px; line-height: 1px; }
TD.col3s { width: 59px; line-height: 1px; }
TD.colMargin { width: 21px; line-height: 1px; }

/* //////////////////// a:r editList definitions /////////////////// 
                                                                     
   Lists columns are defined by a first row with class="editListDef" 
   Width definition is done by a style="width: XYZ px;" in each of   
   the cells. Margins between columns are class="editListMargin" 15px
   Standard content is class="editList", aligned left. To align      
   right use class="editListR", to center "editListC".               
   Sum of all table widths must be 697px                             
                                                                     
////////////////////////////////////////////////////////////////// */

/* width definition in first table row */
TD.editListDef { line-height : 1px; } 
TD.editListMargin { width : 15px; line-height : 1px; }

/* list cells */
TD.editList,
TD.editListC,
TD.editListR,
TD.editListG,
TD.editListImg  {
	border-top : 1px solid #C1C1C1;
	padding-top : 2px;
	padding-bottom : 4px;
	vertical-align : top;
}

/* emphasized list cells */
TD.editEm,
TD.editEmC,
TD.editEmR {
	padding-bottom: 10px;
	font-weight: bold;
	text-decoration: none;
	cursor: default;
	/*background-color: red;*/
}

/* list cells, definition of text alignment definition  */
TD.editListC, TD.editEmC { text-align : center; } /* centered list cells */
TD.editListR, TD.editEmR { text-align : right; }  /* right-aligned list cells */
TD.editListG { font-weight : bold; }              /* grouping cells for lists grouped by XYZ */
TD.editListImg { text-align : center; vertical-align: middle; background-color: #f6f6f6; }

/* clickable headers for lists, added by akim */
.Order A:link {color: #000000; text-decoration: none: font-size:11px; font-weight: bold;}
.Order A:visited {text-decoration: none;}
.Order A:active {text-decoration: none;}
.Order A:hover {text-decoration: none;}


/* //////////////// a:r other arContEdit-Table elements ////////////// */
/*                                                                     */
/* /////////////////////////////////////////////////////////////////// */

/* default arContEdit-cells containing labels and form-tags */
TD.edit, TD.editC, TD.editImg {
	padding-bottom: 10px;
	vertical-align: top;
	font-weight: bold;
	text-decoration: none;
	cursor: default;
	color: #8E8E8E;
}

/* //// arContEdit-cells without form elements //// */
TD.editCol0, TD.editCol1, TD.editCol2s, TD.editCol2m, TD.editCol2, TD.editCol2l, TD.editCol2xl, TD.editCol3, TD.editCol3m, TD.editCol3s {
	font-weight: normal; line-height: 140%; color: #414141; vertical-align : top; padding-bottom: 10px;
}
TD.editCol1 { width : 697px; }
TD.editCol2s { width : 99px; }
TD.editCol2m { width : 218px; }
TD.editCol2 { width : 338px; }
TD.editCol2l { width : 458px; }
TD.editCol2xl { width : 577px; }
TD.editCol3 { width : 219px; }
TD.editCol3m { width : 139px; }
TD.editCol3s { width : 59px; }


/* combined image/text elements (like node-thumbnails) */
TD.editImg { vertical-align : middle; }

/* centered edit cells (handy for radio buttons and checkboxes sometimes) */
TD.editC { text-align : center; }


/* //// submit button containers /// */
TD.submit {
	text-align: right;
	padding-left: 14px;
	padding-right: 20px;
	height: 32px;
	width: 1%;
}




/* ///////////////////////////////////////////////////////////////////// */
/*                                                                       */
/* Standard form element definitions                                     */
/*                                                                       */
/* For a descr. of widths see comment at arContEdit-table.               */
/* Attention: Border and padding add to the following values!            */
/* E.g. Standard input: 332px = 338px - 2*1px (border) - 2*2px (padding) */
/* (But: AFAIK NS6 does NOT add the padding to the width, so inputs are  */
/* a little too small in NS6!)                                           */
/*                                                                       */
/* ///////////////////////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////////////////////// */
/*                                                                       */
/* Textarea definitions                                                  */
/* These definitions extend the above definitions with height.           */
/* They use the same naming rules for adding an additional height-value  */
/* by adding _s, _m or _l for small, medium and large TEXTAREA-heights   */
/* to the class name:                                                    */
/*                                                                       */
/*               99px      218px    338px     458px      width --->      */
/*    +-------+---------+---------+---------+---------+     col2s        */
/*    |  50px | col2s_s | col2_s  | col2m_s | col2l_s |     col2         */
/*    +-------+---------+---------+---------+---------+     col2m        */
/*    | 100px | col2s   | col2    | col2m   | col2l   |     col2l        */
/*    +-------+---------+---------+---------+---------+                  */
/*    | 200px | col2s_m | col2_m  | col2m_m | col2l_m |                  */
/*    +-------+---------+---------+---------+---------+                  */
/*    | 400px | col2s_l | col2_l  | col2m_l | col2l_l |                  */
/*    +-------+---------+---------+---------+---------+                  */
/*                                                                       */
/*     |                                                                 */
/*     |                                                                 */
/*     v                                                                 */
/*     height ( _s  _m  _l )                                             */
/*                                                                       */
/* ///////////////////////////////////////////////////////////////////// */

/* ////////// a:r main edit-form elements ///////////////////////// */

INPUT, TEXTAREA, SELECT {
	border: 1px solid #9F9F9F;
	padding-bottom: 3px;
	padding-left : 2px;
	margin-top: 5px; /* distance between label and form element (not working in Opera6) */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px; 
	font-weight: bold;
	line-height: 15px;
	background-color: #ECECEC; 
	color: #414141;
}

INPUT.col2s, SELECT.col2s, TEXTAREA.col2s_s, TEXTAREA.col2s, TEXTAREA.col2s_m, TEXTAREA.col2s_l  
{ width: 95px; }
INPUT.col2m, SELECT.col2m, TEXTAREA.col2m_s, TEXTAREA.col2m, TEXTAREA.col2m_m, TEXTAREA.col2m_l 
{ width: 214px; }
INPUT.col2,  SELECT.col2,  TEXTAREA.col2_s , TEXTAREA.col2 , TEXTAREA.col2_m , TEXTAREA.col2_l  
{ width: 334px; }
INPUT.col2l, SELECT.col2l, TEXTAREA.col2l_s, TEXTAREA.col2l, TEXTAREA.col2l_m, TEXTAREA.col2l_l 
{ width: 454px; }
INPUT.col3,  SELECT.col3,  TEXTAREA.col3_s , TEXTAREA.col3 , TEXTAREA.col3_m , TEXTAREA.col3_l  
{ width: 215px; }
INPUT.col3m, SELECT.col3m, TEXTAREA.col3m_s, TEXTAREA.col3m, TEXTAREA.col3m_m, TEXTAREA.col3m_l 
{ width: 135px; }
INPUT.col3s, SELECT.col3s, TEXTAREA.col3s_s, TEXTAREA.col3s, TEXTAREA.col3s_m, TEXTAREA.col3s_l 
{ width: 55px; }
INPUT.navCol1, SELECT.navCol1
{ width: 200px; } /* special additional class for navigator (filter etc.) */

TEXTAREA.col2s_s, TEXTAREA.col2m_s, TEXTAREA.col2_s, TEXTAREA.col2l_s, TEXTAREA.col3_s, TEXTAREA.col3m_s, TEXTAREA.col3s_s
{ height: 40px; }
TEXTAREA.col2s, TEXTAREA.col2m, TEXTAREA.col2, TEXTAREA.col2l, TEXTAREA.col3, TEXTAREA.col3m, TEXTAREA.col3s
{ height: 70px; }
TEXTAREA.col2s_m, TEXTAREA.col2m_m, TEXTAREA.col2_m, TEXTAREA.col2l_m, TEXTAREA.col3_m, TEXTAREA.col3m_m, TEXTAREA.col3s_m
{ height : 212px; }
TEXTAREA.col2s_l, TEXTAREA.col2m_l, TEXTAREA.col2_l, TEXTAREA.col2l_l, TEXTAREA.col3_l, TEXTAREA.col3m_l, TEXTAREA.col3s_l
{ height : 400px; }


/* //// other form tags //// */

INPUT.button {
	width: auto;
	border-color: #D2D2D2;
	border-width: 1px;
	border-style: outset;
}

INPUT.radio, INPUT.check {
	width: 14px;
	height: 14px;
	border: 1px solid #9F9F9F;
	background-color: #ECECEC;
}

INPUT.editListCheck {
	width: 14px;
	height: 14px;
	border: 1px solid #9F9F9F;
	background-color: #ECECEC;
	margin: 0px;
	padding: 0px;
}



/* ///////////////////////// a:r scap classes //////////////////////// */
/*                                                                     */
/* Fr die Kalkulation der Tabelle: siehe OOo-Tabelle auf aqua         */
/*                                                                     */
/* /////////////////////////////////////////////////////////////////// */

/* table ////////////// */
TABLE.mdScap {
	border: none;
	border-bottom: 1px solid #C1C1C1;
	width : 727px;
}

/* default cells ////// */
TABLE.mdScap TD {
	vertical-align : middle;
	padding : 0px 5px;
	border : none;
	border-top: 1px solid #C1C1C1;
	margin: none;
}

/* empty cells //////// */
TABLE.mdScap TD.headNone
{	border : none; border-left: 1px solid #C1C1C1; }

/* path cell ////////// */
TABLE.mdScap TD.path {
	height : 20px;
	background-color : #FAFAFA;
	padding-left : 14px;
}

/* header cells /////// */
TABLE.mdScap TD.headName, TABLE.mdScap TD.headSize, TABLE.mdScap TD.headType,
TABLE.mdScap TD.headDate, TABLE.mdScap TD.headFunc
{	height : 28px; background-color : #F5F5F5; }

/* header links /////// */
TABLE.mdScap TD.headName A, TABLE.mdScap TD.headSize A,
TABLE.mdScap TD.headType A, TABLE.mdScap TD.headDate A,
TABLE.mdScap TD.headFunc A
{	font-weight: bold; color : #8E8E8E; }

/* columns //////////// */
TABLE.mdScap TD.headName, TABLE.mdScap TD.name, TABLE.mdScap TD.name1
{	padding-left : 14px; width: 301px; }
TABLE.mdScap TD.headSize, TABLE.mdScap TD.size, TABLE.mdScap TD.size1
{ width : 65px; text-align : right; }
TABLE.mdScap TD.headType, TABLE.mdScap TD.type, TABLE.mdScap TD.type1
{ width : 40px; }
TABLE.mdScap TD.headDate, TABLE.mdScap TD.date, TABLE.mdScap TD.date1
{ width : 90px; }
TABLE.mdScap TD.headFunc, TABLE.mdScap TD.func, TABLE.mdScap TD.func1
{ width : 34px; text-align : center; }
TABLE.mdScap TD.check, TABLE.mdScap TD.check1
{	width : 40px;	border-left: 1px solid #C1C1C1;	text-align : center; }

/* rows, common//////// */
TABLE.mdScap TD.name, TABLE.mdScap TD.name1,
TABLE.mdScap TD.size, TABLE.mdScap TD.size1,
TABLE.mdScap TD.type, TABLE.mdScap TD.type1,
TABLE.mdScap TD.date, TABLE.mdScap TD.date1,
TABLE.mdScap TD.func, TABLE.mdScap TD.func1
{	height : 20px; }

/* rows, grey ////////// */
TABLE.mdScap TD.name1,
TABLE.mdScap TD.size1,
TABLE.mdScap TD.type1,
TABLE.mdScap TD.date1,
TABLE.mdScap TD.func1,
TABLE.mdScap TD.check1
{ background-color : #FAFAFA; }

/* special checkbox definition */
TABLE.mdScap INPUT {
	border: none;
	padding: 0px;
	margin: 0px;
	background : transparent;
}

TABLE.mdScap IMG.sort {
	margin-left: 7px;
}

/* /////////////////// a:r message window classes //////////////////// */
/*                                                                     */
/* mainly used in afMsg                                                */
/*                                                                     */
/* /////////////////////////////////////////////////////////////////// */

TABLE.centerV { margin: 0 auto; height: 80%; }
TABLE.centerV TD { vertical-align: middle; width: 500px; }

DIV.msgBoxContainer { width: 500px; }
DIV.msgBoxLogo { text-align: left; }
DIV.msgBoxTop {
	height: 24px;
 	border: 1px solid #616C07;
 	border-top-width: 24px;
	border-bottom: none;
	background-color: #889708;
}

DIV.msgBox { border: 1px solid #616C07; border-top: none; }
DIV.msgBox DIV.boxCont,
DIV.msgBox DIV.boxSubmit { padding-left: 14px; padding-right: 15px; }

SPAN.arLoginNote { color: #999999 }
SPAN.arLoginSys { color: #CCCCCC; font-size: 10px; }

/* ///////////////////////// a:r other elements ////////////////////// */
/*                                                                     */
/* /////////////////////////////////////////////////////////////////// */

/* ////////// popups ///////////////////////////////////////////////// */

DIV.pop {
	position: absolute;
	left: -500px;
	top: -100px;
	border: 1px solid #414141;
	padding: 3px 6px 5px 6px;
	background-color: #ECECEC;
	visibility: hidden;
}

DIV#editFrameMask {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 105%;
	height: 2000px;
	background-image : url(../img/50perc.gif);
	background-repeat : repeat;
	visibility: hidden;
}

DIV#editFrame {
	position: absolute;
	left: -1000px;
	top: -500px;
	width: 727px;
	height: 300px;
	z-index: 300;
	visibility: hidden;
	border-right : 5px solid #B0B0B0;
	border-bottom : 5px solid #B0B0B0;
  border-left : 1px solid #efefef;
  border-top : 1px solid #efefef;
}

/* ////////// special box for image module /////////////////////////// */
DIV.boxImg {
	padding: 4px; 
	border: 1px solid #C1C1C1;
}

/* ///////// drag object (sequence module) classes /////////////////// */

/* surrounding box */
DIV#boxDrag {
	position: relative;
	left: 0px;
	top: 0px;
	height: 300px;
}

/* drag boxes */
DIV.boxDrag {	position: absolute;	width: 700px; }
DIV.boxDrag TD { vertical-align: bottom; }
/* IE Mac wraps text if we use a div, so we use a span for the text */
DIV.boxDrag DIV,
DIV.boxDrag SPAN {
	color: #414141;
	background-color: #ECECEC;
	padding-left: 5px;
	padding-right: 5px;
}

DIV.boxDrag IMG {	border: 1px solid #616C07; }

/* calendar table (copied from arHLMD by negg 22.03.07 */
TABLE.cal { width: 95%; padding: 0px; margin: 0px; }
TABLE.cal TD, TABLE.cal A { line-height: 2em; text-align: center; }
TABLE.cal TD { color: #999999; }
TABLE.cal A, DIV#arNav TABLE.cal A { display: block; width: 100%; height: 100%; font-weight: bold; color: #707070; }
TABLE.cal A:hover { background-color: #e0e0e0; }
TABLE.cal TD.today { background-color: #e9e9e9; border: 1px solid #707070; }
TABLE.cal TD.selected { color: #ffffff; background-color: #707070; }

/* left floating image inside text containers */
IMG.floatLeft { float: left; }

/* right aligned menu items */
SPAN.func {	margin-left: 30px; float: right; }

/* "no element" texts */
SPAN.noElmt {	color: #B0B0B0; font-weight: normal; }

/* label tags for normal text fields */
SPAN.label
{ font-weight: bold; cursor: default; color: #8E8E8E; }

/* text tags for normal form fields */
SPAN.noLabel
{ font-weight: normal; cursor: default; color: #414141; }

/* color for true/false in lists */
.true { color: green; }
.false { color : red; }

/* class for "readonly" fields (= database driven fields that are printed as acFormInfo */
SPAN.formText {
	font-weight: normal;
	color: #414141;
  border: 1px dashed #c1c1c1;
  width: 100%;
  margin: 5px 0px 0px 0px;
  padding: 2px;
  display: block;
	cursor: text;
}

/* change-flag (displayed right of title when form has changed */
SPAN#chgFlag { margin-left: 10px; }

/* logo */
SPAN.arLogo { padding: 0px 0px 0px 10px; }


UL {
	list-style-position : inside;   /* bullets are the left border, not the text */
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 16px;
	text-indent: -16px;
	list-style-type: disc;
}

/* just a style to test if your html uses the right css file 
   do not remove this here!                                */
.styleAlert {
	display: none;
	position: absolute;
	left: -1000px;
	top: 10px;
	width: 947px;
	height: 62px;
	background-color: Red;
}

/* buttons */
A.aButton {  
  position: relarive;
  padding: 0px 3px 1px 3px;
  border: 1px solid #c1c1c1;
  background-color: #efefef;
}

/* /////////////////// a:r user text formatting ////////////////////// */
/*                                                                     */
/* /////////////////////////////////////////////////////////////////// */

/* headers */
H1,H2,H3,H4 { font-weight: bold; margin-top: 7px; margin-bottom: 3px; }
H1 { font-size: 15px; }
H2 { font-size: 13px; }
H3,H4,H5 { font-size: 11px; }


.slideBox {
  margin: 5px; 
	vertical-align: center;
	border: 1px solid #afafaf;
	background-color: #f5f5f5;
}