<!-- positions and sizes of the main gui elements -->


#LoadPicture	{ top:  11px;   left: 10px;	}

#LoadModel 	{ top: 	95px;   left: 10px;	}

#Screenshot 	{ top: 179px;	left: 10px;	}

#Marker 	{ top: 269px;	left: 10px;	}

#Help 		{ top: 305px;	left: 10px;	}

#ExamplePics	{ top: 347px;	left: 12px;   		}

#Logo 		{ top: 15px;	left: 600px;	}

#LogoKuka       { top: 635px;   left: 8px; }

#ARControl 	{ top:  25px;	left:110px;}

#AFC_GUI	{ top:    75px;   left: 0px;	width:	1900px;	  height: 800px }

#NaviBox                        {
				 background-color: #FFFFFF;
				 border: 1px solid #F37022;
				 width: 150px;
				 height: 21px;
				 padding-top: 2px;
				 font-family: HELVETICA;
				 font-size: 0.9em;
				 color: #F37022;
				 z-index: 20
			       }


#NaviBox:hover                 {
				 color: #FFFFFF;
				 background-color: #FF7424
			       }

#modelDiv: hover                { border: solid 1x}

#NaviBox1                      { top: 55; left: 0px }
#NaviBox2                      { top: 55; left: 150px }
#NaviBox3                      { top: 55; left: 300px }
#NaviBox4                      { top: 55; left: 450px }


#FrameBig_leftMain             { top:    25px;   left: 97px;          }
#FrameBig_leftRepeat           { top:   440px;   left: 97px;          }
#FrameBig_leftRepeat_img       { width:  13px; height: 65px            }
#FrameBig_lowerRepeat          { top:   502px;   left: 110px;          }
#FrameBig_lowerRepeat_img      { width: 640px; height: 13px;           }
#FrameBig_rightMain            { top:    25px;   left: 755px;          }
#FrameBig_rightRepeat          { top:   439px;   left: 755px;          }
#FrameBig_rightRepeat_img      { width:  15px; height: 66px            }
#FrameBig_upperRepeat          { top:    12px;   left: 110px;          }
#FrameBig_upperRepeat_img      { width: 640px; height: 13px;           }

#FrameBig_cornerUpLeft         { top:    12px;   left: 97px;          }
#FrameBig_cornerUpLeft_img     { width:  13px; height: 13px;           }
#FrameBig_cornerLowLeft        { top:    502px;  left: 97px;          }
#FrameBig_cornerLowLeft_img    { width:  13px; height: 13px;           }
#FrameBig_cornerUpRight        { top:    12px;  left: 755px;           }
#FrameBig_cornerUpRight_img    { width:  15px; height: 13px;           }
#FrameBig_cornerLowRight       { top:    502px;  left: 755px;          }
#FrameBig_cornerLowRight_img   { width:  15px; height: 13px;           }
#FrameBig_cornerLowRight_img   { width:  15px; height: 13px;           }

 #DivAnimBar 		       { top:    655px;   left: 130px;          }

#FrameSmall_group	{ top:    525px;  	left:  96px;   }
 #FrameSmall_repeat_img	{ height: 109px;  	width: 648px;   }
 #FrameSmall_right	{ top:      0px;  	left:  661px;   }

#LevelControls_group    { top: 12px;            left: 14px;       }
#LevelControls_box      { width: 160px;         height: 85px;     }
#LevelControls_label    { top: 5px;             left: 10px;       }
#LevelControls_radios   { top: 24px;            left: 15px;       }
#LevelControls_UpDown   { top: 0px;             left: 10px;       }
#allLevelLabels          {height: 85px; width: 160px;
			  font-family: HELVETICA;
			  color: #5C5A5A;
			  filter: Alpha(opacity=25)   }

#Rotation_group         { top: 12px;            left: 185px;      }
#Rotation_box           { width: 185px;         height: 85px;     }
#Rotation_label         { top: 5px;             left: 10px;       }
#slider_rotate          { top: 30px;            left: 10px; width: 90%}

#ShadowControl_group    { top:  12px;           left: 300px; width: 200px; height: 85px  }
#ShadowControl_box      { width: 130px; }
#slider_shadow          { top: 30px;            left: 10px; width: 90% }

#ModelList_group        { top:   12px;          left: 382px; width: 170px; }
#ModelList_list         { width: 170px;                          }

#EditButtons_group      { top:   12px;          left: 564px;    }


<!---------------------------- dragdropInfoBox ---------------------------------->

#dragdropInfoBox        {
				width:140px; height:260px;
				left:900px
			}


#ShoppingInfo_group     {
			  top:25px;
			  z-index: 15;
			  background-color:transparent;
			}

#ShoppingInfo_box       {
			  height: 235px; width: 140px;
			  font-family: HELVETICA;
			  color: #5C5A5A;
			  border: 2px solid #A5B5CE;
			  background-color:#FFFFFF;
			  visibility: visible
			}

#infoBoxTitle           {
			  height: 25px; width:140px;
			  color: #FFFFFF;
			  background-color: #A5B5CE;
			  border: 2px solid #A5B5CE;
			  padding-top: 5px;
			  padding-left: 5px;
			  font-weight: regular;
			  font-size: 1.1em;
			  font-family: HELVETICA;
			  z-index:16
			}

#iFrameInfoBox          {
			  height: 260px; width:140px;
			  frameBorder: 1;
			  z-index: 9;
			  visibility: visible;
			  filter: Alpha(style=0,opacity=50);
			}

<!---------------------------- dragdropModelBox ---------------------------------->

#dragdropModelBox       {
				width:500px; height:500px;
				top: 400px; left:500px
			}


#modelBoxTitleOld               {
			  height: 30px; width:100%;
			  color: #FFFFFF;
			  background-color: #A5B5CE;
			  border: 1px solid #A5B5CE;
			  padding-top: 7px;
			  padding-left: 40px;
			  font-weight: regular;
			  font-size: 1.2em;
			  font-family: HELVETICA;
			  z-index:16
			}

#modelBoxTitle          {
			  height: 30px; width:100%;
			  color: #8F9CB3;
			  font-weight: regular;
			  font-size: 1.2em;
			  font-family: HELVETICA;
			  z-index:16
			}

#modelBoxClose           {
			  z-index:17
			 }


#iFrameModelBox         {
			  height: 100%; width: 100%;
			  frameBorder: 0;
			  z-index: 9;
			  visibility: hidden;
			  filter: Alpha(style=0,opacity=100);
			}

#ModelSelect_group      {
			  top:25px; left: 25px;
			  z-index: 15;
			  background-color:transparent;
			}

#ModelSelect_box        {
			  height: 500px;        width: 500px;
			  font-family: HELVETICA;
			  color: #8F9CB3;
			  background-color:transparent;
			  border:2px solid #8F9CB3;
			  visibility: hidden
			 }

<!---------------------------- end of dragdropModelBox ---------------------------------->


<!---------------------------- dragdropSamplePicsBox ---------------------------------->

#dragdropSamplePicsBox   {
				width:500px; height:550px;
				top: 400px; left:500px
				z-index:101;
				color: #FFFFFF;
				border: 2px solid
			 }


#samplePicsTitle         {
			  height: 30px; width:110%;
			  color: #8F9CB3;
			  font-weight: regular;
			  font-size: 1.2em;
			  font-family: HELVETICA;
			  z-index:105
			 }
#samplePicsClose         {
			  z-index:106
			 }

#iFrameSamplePicsBox    {
			  height: 100%; width: 100%;
			  z-index: 1;
			  visibility: hidden;
			  filter: Alpha(style=0,opacity=100);
			  frameBorder: 0;
			  frame-border: 0;
			  border: 0;
			}

#samplePics_group       {
			  top:25px; left: 25px;
			  z-index: 103;
			  background-color:transparent;
			}

#samplePics_box {
			  height: 500px;        width: 100%;
			  font-family: HELVETICA;
			  color: #8F9CB3;
			  background-color:transparent;
			  border:2px solid #8F9CB3;
			  visibility: hidden;
			  z-index: 104
			}

<!---------------------------- end of dragdropSamplePics ---------------------------------->


<!---------------------------- dragdropHelpBox ---------------------------------->

#dragdropHelpBox        {
				width:500px; height:550px;
				top: 400px; left:500px
				z-index:101;
				color: #FFFFFF;
				border: 2px solid
			 }


 #helpBoxTitle	 	{
			   height: 30px; width:100%;
			   color: #8F9CB3;
			   font-weight: regular;
			   font-size: 1.2em;
			   font-family: HELVETICA;
			   z-index:105
		     }

#helpBoxClose            {
			  z-index:106;
			 }

#iFrameHelpBox  {
			  width:500px; height:550px;;
			  z-index: 2;
			  visibility: hidden;
			  filter: Alpha(style=0,opacity=100);
			  frameBorder: 0;
			  frame-border: 0;
			  border: 0;
			}

#helpBox_group  {
			  top:25px; left: 25px;
			  z-index: 103;
			  background-color:transparent;
			}

#helpBox_box    {
			  height: 450px; width: 100%;
			  top:25px;
			  font-family: HELVETICA;
			  color: #8F9CB3;
			  background-color:transparent;
			  border:2px solid #8F9CB3;
			  visibility: hidden;
			  z-index: 104
			}

<!---------------------------- end of dragdropHelpBox ---------------------------------->


#miFrame                { top 25px; left: 850px;  heigth: 125px; width: 10px;
			  z-index: 8;
			  visibility: visible;
			  filter: Alpha(style=0,opacity=0);
			  background-color: transparent;
			}


#miFrame2               { top:  25px;   left:130px; height: 600px; width: 10px;
			  z-index: 2;
			  filter: Alpha(opacity=0);
			  background-color: transparent;
			  visibility: hidden
			}

#ARScreenshot           {
			  top:  5px;    left:130px; height: 600px; width: 1000px
			  z-index: 16;
			  visibility: hidden;
			}

#TextureSwitcher_group  { top:  20px;   left:  800px;   }

#Switcher1_label        { height: 23px; width:100%;
			  color: black;
			  background-color: #FFFFFF;
			  border: 1px solid #BBBBBB;
			  padding-top: 3px;
			  font-weight: regular;
			  font-size: 1.1em;
			  font-family: HELVETICA;
			  z-Index: 100;
			}

#Switcher2_label        { height: 23px; width:100%;
			  color: #black;
			  background-color: #FFFFFF;
			  border: 1px solid #BBBBBB;
			  padding-top: 3px;
			  font-weight: regular;
			  font-size: 1.1em;
			  font-family: HELVETICA;
			  z-Index: 100;
			}

#tex1_01                { src= "media/models/models1/textur1/01.jpg" )