BODY   {background: url(blueleather3.gif); font-family : Arial, Helevetica, sans serif; width:1150px}
  BODY EM {font-size: 11pt; font-style:normal; font-weight: BOLD; background-color: #005588; text-align:center}
  DIV.head {position:absolute; left:0px; top: 0px; height:50px; width:1560px; font-size: 18pt; font-style:italics; font-weight: BOLD; color: white; background-color: #002266; border-color:#004477; border-style:line; text-align:center}
  DIV.bar   {position: absolute; left: 0px; top: 43px; background: #005588; height: 1000px; width: 110px; font-size: 10pt; font-weight: BOLD; font-style:normal;color: white; text-align:left; border-color: #004477; border-style:solid; border-width:medium; text-decoration:none}
  DIV.loopbar {position:absolute; left:100px; top: 43px; height:17px; width:1024px; font-size: 12pt; background-color: #005588; border-color:#004477}
  DIV.walllist {position:absolute; left:0px; top: 50px; height:17px; width:1560px; font-size: 9pt; font-weight: BOLD; font-style:normal;color: white; background-color: #005588; border-color:#004477; z-index: 5}
  DIV.logo {position: absolute; left: 25px; top: 3px;font-size: 6pt; font-style:normal}
  DIV.logot {position: absolute; left: 72px; top: 7px;font-size: 9pt; font-style:normal;color: #CCCCFF; text-align:left}
  DIV.aleft   {position: absolute; left: 0px; top:-2px}
  DIV.loop   {position: absolute; left: 5px; top:1px}
  DIV.amid {position: absolute; left: 430px; top:-2px}
  DIV.slider {position: absolute; left: 300px; top:1px}
  
  DIV.aright   {position: absolute; left: 1400px; top: -2px}
  DIV.img {position:absolute; left:0px; top:67px; vertical-align:top; font-weight: BOLD; font-size: 12pt; background-color: #005588}
  SPAN.bar {font-size: 12pt; font-style:normal; font-weight: BOLD; color: yellow;: 10pt;text-align:left}
  SPAN.line {font-size: 12pt; font-style:normal; font-weight: BOLD; color: yellow;line-height: 10pt;text-align:left;text-decoration:underline}
  TD {font-size: 9pt; font-style:normal; font-weight: BOLD; color: white; background-color: #002266; border-color:#002266}
  TD.tab {font-size: 12pt; font-style:normal; font-weight: BOLD; color: yellow; background-color: #002266; border-color:#002266; text-decoration:none}
  TD.tab EM {font-size: 12pt; font-style:normal; font-weight: BOLD; color: cyan; background-color: #002266; border-color:#002266; text-decoration:none}
  TD.bar {font-size: 8pt; font-style:normal; font-weight: BOLD; color: white; border-color:#005588;background-color: transparent;text-decoration:none; line-height: 8pt }
  TD EM {font-size: 10pt; font-style:normal; font-weight: BOLD; color: yellow; background-color: transparent; border-color:#004477; line-height: 8pt  }
  A {color:#33FF00; text-decoration:none}
  SP100 { padding-left: 15em; }
  A:hover {color:cyan}
  H5 {font-size: 10pt; font-style:normal; font-weight: BOLD; background-color: #004477; text-align:left}
  DIV.formlayer {position: absolute; left: 950px; top:42px; z-index :5 font-family : Arial, Helevetica, sans serif; font-size: 10pt; font-style:normal; font-weight: BOLD; color: white}
  /* Controls the width of the blue area containing the animitor control icons */
.animation_control_panel {	
        float: left;
        width: 800px;
        margin: 0px, 20px;
	color:	#3300CC;
	background:	#9FC1FF;
        border: 2px solid white; border-width: thin;
        padding-bottom: 0px;
}

.panel_item{
    text-align:center;
    font-size: .75em;
    float: left;
    border-right: 2px solid white; border-width: thin;
    padding-right: 1px;
    margin-right: 1px;
}

/*

button_panel{
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display:inline;
}

frame_slider_panel{
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    height: 50px;
    display:inline;
}
*/


.frame_slider{
}

.slider_item{
    float: left;
    padding: .2em;
}

#slider{
    display:inline;
}
.slider_cell{
    float: left;
    padding-top: .1em;
}

/* This is the area where the image is located */
.animation_screen{
    float: left;
    margin-top: 1em;
    height: auto;
/*    width: 80%; width calculated dynamically in Animator.pm*/
    margin: 2px, auto;
/*    overflow: auto;*/
    margin-top: .2em;
    border: 2px solid white; border-width: thin; 
}

/# not being used */
.anim_button_row_OBE{
    float: left;
    width: 700px;
    margin-right: 100px;
    border: 2px solid red; border-width: thin;
    display:inline;
    padding: 1em;
}

.anim_select_button_row{
    float: left;
    width:800px;
    height: 1.2em;
    display:inline;
    padding: .2em;
    margin-top: 1em;
    margin-bottom: .3em; 
    margin-right:auto;
    
    /*border: 2px solid red; border-width: thin; */
}

.anim_button{
    float: left;
}

.anim_form{

    float: left; 
    background:#9FC1FF;
    color: #3300CC;
    font-size: .75em;

  /*  position: absolute;
    top: 100px;
    left: 130px; */

    width:700px;
    margin 1px auto;

    height:auto;
    margin-top: 2em;
    padding-top: .5em;
    padding-left: 1em;
    padding-bottom: 1em;
    z-index: 50;
    text-align: left;

    border: 2px solid white; border-width: thin;
}

.anim_form_filler{
   float: left;
    width:600px;
    height:720px;
    /*border: 2px solid yellow; border-width: thin;*/
}

/* THIS is the one that controls the location of the animation control panel */
.display_animator{
    /*float: left;*/
    position: absolute;
    top: 200px;
    left: 150px;
    margin-left:.5em;
 
    /*overflow:auto; */
    /*border: 2px dashed red; border-width: thin; */
}

/* Pushes down the navigation buttons
.display_animator_filler{
    float: left;
     border: 2px dashed white; border-width: thin;  
}

.anim_security{
    float: left;
    border: 2px dashed white; border-width: thin;
}