/* CSS Document */

	body {
	padding: 0;
	margin: 0;
	color: #000;
    background:#706661;
    font:x-small/1.5em Verdana, Arial, Helvetica, sans-serif;
    voice-family: "\"}\""; voice-family:inherit;
    font-size:small;
    } html>body {font-size:small;}
	#erma_body {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 5%;
	margin-right: 5%;
	padding: 0;
	background-color: #321500;
	color: #000;
	border: solid #000000;
	border-left: 1px;
	border-right: 1px;
	border-top: 0;
	border-bootom: 0;
	}
	#erma_pane_logo	{
	background-image: url("img/logo_back.gif");
	}
    #erma_menu {
      float:left;
      width:100%;
      background:#190000 url("img/bg.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
      }
    #erma_menu ul {
      margin:0;
      padding:15px 10px 0;
      list-style:none;
      }
    #erma_menu li {
      float:left;
      background:url("img/left_both.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      border-bottom:1px solid #765;
      }
    #erma_menu a {
      float:left;
      display:block;
      width:.1em;
      background:url("img/right_both.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      }
    #erma_menu > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #erma_menu a {float:none;}
    /* End IE5-Mac hack */
    #erma_menu a:hover {
      color:#333;
      }
    #erma_menu_one #erma_navi_one,
	#erma_menu_two #erma_navi_two,
    #erma_menu_three #erma_navi_three,
    #erma_menu_four #erma_navi_four,
	#erma_menu_five #erma_navi_five,
    #erma_menu_six #erma_navi_six {
      background-position:0 -150px;
      border-width:0;
      }
    #erma_menu_one #erma_navi_one a,
	#erma_menu_two #erma_navi_two a,
    #erma_menu_three #erma_navi_three a,
    #erma_menu_four #erma_navi_four a,
	#erma_menu_five #erma_navi_five a,
    #erma_menu_six #erma_navi_six a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#333;
      }
    #erma_menu li:hover, #header li:hover a {
      background-position:0% -150px;
      color:#333;
      }
    #erma_menu li:hover a {
      background-position:100% -150px;
      }
	#erma_content { 
		clear: both;
		color: #000;
		background: #FFF;
		margin: 0;	
		font-size: 100%;			
	}
	/* erma_pane_login */
	#erma_pane_login { 
		clear: both;
		height: 40px;
		color: #CCC;
		background: #FFF;
		margin: 0;	
		font-size: 92%;			
	}
	#erma_pane_login a { 
		text-decoration: none; 
		font-weight: bold;	
		color: #ff6600; 
	}
	#erma_pane_login #erma_pane_login_left {
		width: 40%;
		float: left;
		text-align: left;
		margin: 0; padding: 10px;
	}
	#erma_pane_login #erma_pane_login_right {
		width: 40%;
		float: right;
		text-align: right;
		margin: 0; padding: 10px;
	}
	#erma_pane_static {
		clear: both;
		height: 40px;
		color: #FFF;
		background: #190000;
		margin: 0;
		font-size: 92%;
		vertical-align: middle;
	}
	#erma_pane_static a { 
		text-decoration: none; 
		font-weight: bold;	
		color: #ff6600; 
	}
	#erma_pane_static li {
		list-style-type: square;
	}
	#erma_pane_static #erma_pane_static_left {
		width: 60%;
		float: left;
		text-align: left;
		margin: 0; padding: 10px;
	}
	#erma_pane_static #erma_pane_static_right {
		width: 35%;
		float: right;
		text-align: right;
		margin: 0; padding: 10px;
	}
	/* erma_pane_filter */
	#erma_pane_filter {
		clear: both;
		height: 30px;
		color: #CCC;
		background: #FFF;
		margin: 0;
		font-size: 92%;
		vertical-align: middle;
	}
	#erma_pane_filter a { 
		text-decoration: none; 
		font-weight: bold;	
		color: #ff6600; 
	}
	#erma_pane_filter #erma_pane_filter_left {
		width: 40%;
		float: left;
		text-align: left;
		margin: 0; padding: 10px;
	}
	#erma_pane_filter #erma_pane_filter_right {
		width: 40%;
		float: right;
		text-align: right;
		margin: 0; padding: 10px;
	}
	/* paging */
	#erma_paging {
		clear: both;
		height: 15px;
		color: #CCC;
		background: #FFF;
		margin: 6px 6px;
		font-size: 92%;
		text-align: center;
		padding: 6px 6px;
	}
	#erma_paging a {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	background-color: #ff6600;
	padding: 4px 4px;
	}
	/* erma_pane_footer */
	#erma_pane_footer { 
		clear: both;
		height: 40px;
		color: #CCC;
		background: #ff6600;
		margin: 0;	
		font-size: 92%;			
	}
	#erma_pane_footer a { 
		text-decoration: none; 
		font-weight: bold;	
		color: #FFF; 
	}
	#erma_pane_footer #erma_pane_footer_left {
		width: 40%;
		float: left;
		text-align: left;
		margin: 0; padding: 10px;
	}
	#erma_pane_footer #erma_pane_footer_right {
		width: 40%;
		float: right;
		text-align: right;
		margin: 0; padding: 10px;
	}
#filter_table td { font: 0.9em Verdana; font-weight: normal; padding: 1px 5px; }

#list_table th { font: 0.9em Verdana; padding: 1px 2px; background-color: #190000; color: #FFFFFF; font-weight: bold; }
#list_table td { font: 0.9em Verdana; padding: 1px 5px; border-right: 1px solid #190000; }
.first { border-left: 1px solid #663333; }
.odd { background-color: #fff2ca; }
.even { background-color: #FFF; }
h2 { font: 0.9em Verdana; font-weight: bold; color: #669966; margin: 0; padding: 0.5em 0em; }
	.orange a { 
		text-decoration: underline; 
		font-weight: bold;	
		color: #ff6600; 
	}
    #tabs11 {
      float:left;
      width:100%;
          background:#210000;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #210000;
      }
    #tabs11 ul {
          margin:0;
          padding:10px 10px 0 50px;
          list-style:none;
      }
    #tabs11 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs11 a {
      float:left;
      background:url("img/tableft11.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs11 a span {
      float:left;
      display:block;
      background:url("img/tabright11.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#210000;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs11 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs11 a:hover span {
      color:#ffffff;
      }
    #tabs11 a:hover {
      background-position:0% -42px;
      }
    #tabs11 a:hover span {
      background-position:100% -42px;
      }

      #tabs11 #current a {
              background-position:0% -42px;
      }
      #tabs11 #current a span {
              background-position:100% -42px;
      }


#download_now{
    color:white;
}
#download_now2{
    color:white;
}
#download_now3{
    color:white;
}
#download_now4{
    color:white;
}
#download_now5{
    color:white;
}


/* mouseover state */
#download_now:hover {
	background-position:0 -44px ;
}

/* clicked state */
#download_now:focus {
	background-position:0 -88px;
}

/* tooltip styling */
.tooltip {
	display:none;
	background:url("img/black_arrow_big.png");
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
}


/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:600px;
padding:14px;
}


/* ----------- stylized ----------- */
#stylized{
border:solid 2px #300;
background:#fff9e7;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #300;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:200px;
float:left;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:250px;
margin:2px 0 20px 10px;
}


/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}







    #s{
        width:250px;
    }
    #select{
        width:250px;
    }