html,
  body {
    font-family: arial, helvetica, arial;
    font-size: .9em;
    margin:0;
    padding:0;
    height:100%;

    color: #ffffff;


background: url(../images/page_background2.png) top left repeat-x;

    background-color: #d1d2d1;

  }

body{
overflow:  -moz-scrollbars-vertical;
/*overflow-y:scroll;*/
}


#outer_container {
    height:100%;
}



  #container {
    min-height:100%;
    position:relative;


width: 860px; margin: 0 auto;

  }
/*
  #center_container {
    width: 760px; 
    margin: 0 auto;
    background-color: #ffffff;
    min-height:100%;
  }
*/
  #header {
    /*padding:10px;*/
    /*background: url(../images/top_bg.png) top center repeat-x;*/ 
  }

  #header_inner {
    width: 860px; 
    height: 35px;/*256px;*/
    margin: 0 auto;
  }

  #header_padding {
    padding: 4px;
  }

  #body {
    height: 100%;
    xwidth: 100%;
    padding-bottom:60px;  /* Height of the footer */
    xtext-align: center;
  }

  #body_inner {
    width: 860px; 
    margin: 0 auto;
  }

  #body_padding {
    /*padding: 10px; padding-top: 6px;*/
    text-align: left;
  }

  #footer {
    position:absolute;
/*background: url(../images/footer_bg.png) bottom center no-repeat;*/
    bottom:0;
    width:100%;
    height:60px;      /* Height of the footer */
  }
  #footer_content {
    width: 740px;
    height: 60px; 
    margin: 0 auto; 
  }


  #footer p {
    margin:0;
    padding:10px;
    color: #333330;
  } 



#shadow {
background: url(../images/shadow.png) top left repeat-x;
width: 100%; height:104px;
}



#stage {
width: 860px; height: 520px; background-color: #000000;
background: url(../images/background_01.jpg) top left no-repeat;
}



a {
color: #dddddd;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #ffffff;
}

small a {
color: #777773;
font-weight: bold;
text-decoration: underline;
}

small a:hover {
color: #58585A;
font-weight: bold;
text-decoration: none;
}

small {
 color: #ffffff;
}

h1 {
    padding: 3px;
    margin: 0px;
    margin-bottom: 4px;
font-size: 1.7em;
  display: block;
color: #ffffff;
}

h1.blue {
color: #B0BDD3;
}

h2 {
    padding: 3px;
    padding-left: 0px;
    margin: 0px;
    margin-bottom: 4px;
font-size: 1.1em;
  display: block;
/*background-color: #62625E;*/
color: #F2EFB7;
}


/*  h2 {
    padding: 0px;
    margin: 0px;
    font-size: 1em;
    color: #5D66C4;
  }
*/

  h3 {
    padding: 0px;
    margin: 0px;
    margin-bottom: 8px;
    font-size: 1.1em;
    color: #B0BDD3;
  }



























.listing-span {
  position: absolute;
  margin-left: -251px;
  margin-top: -40px;
}



.hideThumb {
  background-color:#000000;
  visibility: hidden; 
  display: none;
}

.showThumb {

  background-color:#000000;
  visibility: visible;
  display: block;
}


.submenu {
  margin: 0;
  padding: 0;
  list-style:none;
}

.submenu li {
  float: left;
  /*margin: 30px 5px 0 0;*/
  margin: 0;
  padding: 0;
  background: none;
  line-height: 28px;
  display: block;
  margin-right: 10px;
  margin-bottom: 5px;
}

.submenu li a {
  display: block;
  padding-left: 15px;
  font-size: 1.0em;
  text-decoration: none;
  background: url(../images/submenu-li-a-back.png) 0 -29px no-repeat;
  color: #ffffff;
  outline: none;
}

.submenu li a span {
  display: block;
  padding-right: 15px;
  background: url(../images/submenu-li-a-span-back.png) right -29px no-repeat;
  padding-bottom: 1px;
}

.submenu li a:active, .submenu li a:hover,
.submenu .submenu-on a {
  background-position: 0 0;
  color: #000000;
}

.submenu li a:active span, .submenu li a:hover span,
.submenu .submenu-on a span {
  background-position: right 0;
}

















h1 {
  margin: 0px;
  margin-bottom: 8px;
  font-size: 20px;
  color: #ffffff;
  font-weight:bold;

  /*padding-left: 22px;
  background-image: url(../images/bullet.gif);
  background-position: bottom left;
  background-repeat: no-repeat;*/
}

h2 {
  margin: 0px;
  margin-bottom: 8px;
  font-size: 20px;
  color: #ffffff;
  font-weight:bold;
}

img {
  border: 0;
}

form {
  margin: 0;
  padding: 0;
}

#breadcrumbs {
  color: #fefefe;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  margin: 0 0 8px 8px;
}

#breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:link, #breadcrumbs a:active {
  color: #ffffff;
  text-decoration:none;
}

#breadcrumbs a:hover {
  text-decoration:underline;
}


#upload {
  xborder: 1px solid #A7C5FF;
  display:block;
  margin-top: 10px;
  font-size:small;
  color: #6285CA;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:none;
  width:568px;
  xbackground-color: #E9F0FF;
}

#uploadtitle {
  xbackground-color: #DBE6FE;
  padding: 2px 5px 2px 5px;
  xborder-bottom: 1px solid #A7C5FF;
  
}

#uploadcontent {
  padding: 2px 5px 2px 5px;
}


.b {
  background-color: #E7E7E6;
    cursor:pointer;
}

.b td {
border-top-style: solid; border-bottom-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-color: #E7E7E6;
}

.w {
  background-color:#FFFFFF;
  cursor:pointer;
}

.w td {
border-top-style: solid; border-bottom-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-color: #FFFFFF;
}

.x {
  background-color:#767474;
  cursor:pointer;
color: #ffffff;

}

.x td {
border-top-style: solid; border-bottom-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-color: #000000;
}


.mod {
  float:right;
}

.size {
  float:right;
}


.table_padding {
  padding: 1px;
font-size: 10px;
}

.table_heading {
  padding: 3px;
  background: url(../dlf/title_bg.png) top left repeat-x;
height: 26px;
color: #ffffff;
}



.listing {
  color: #838383;
  text-decoration: none;
  font-weight: bold;
}

.table_heading a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

.table_heading a:hover {
color: #D9D9D9;
text-decoration: none;
font-weight: bold;
}

.table_heading a:visited {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}



/*
.bl {background: url(../images/corner-bottom-left.gif) 0 100% no-repeat; background-color: #000000; float: left; width: 100%;}
.br {background: url(../images/corner-bottom-right.gif) 100% 100% no-repeat}
.tl {background: url(../images/corner-top-left.gif) 0 0 no-repeat}
.tr {background: url(../images/corner-top-right.gif) 100% 0 no-repeat; padding: 9px; color: #ffffff;}
*/
.bl {background-color: #000000;}
.tr {padding: 9px; color: #ffffff; }

.bldrk {background-color: #000000;}

div.field_left {
  float: left; width: 100px; padding-top: 4px;
}

div.field_right {
  float: left; width: 200px;
}