.button_focus
  {
      position:relative;
      margin-right:10px;
      margin-bottom:10px;
      width:1%;
  }
  div > .button_focus
  {
      width:auto;
  }
  .button_focus .wrap
  {   
      width:auto;
      height:20px;
      line-height:20px;
      margin-left:12px;
      margin-right:12px;
      padding-left:2px;
      padding-right:2px;
      background: url(/templates/demo/images/button_focus_mid.png) repeat-x left top;
  }
  .button_focus a
  {
      text-transform: uppercase;
      text-decoration: none;
      font-family: Arial;
      font-size:10px;
      font-weight: bold;
      color: #eeedf2;    
      display:block; 
  }
  .button_focus a:hover
  {
      text-transform: uppercase;
      text-decoration: none;
      font-family: Arial;
      font-size:10px;
      font-weight: bold;
      color: #fff;    
      display:block; 
      background: url(/templates/demo/images/button_focus_mid_hover.png) repeat-x left top;
  }
   .button_focus .left
  {       
      position:absolute;   
      width:12px;
      height:20px;
      left:0;
      background: url(/templates/demo/images/button_focus_left.png) no-repeat left top;
  }
   .button_focus .right
  {
      position:absolute;   
      width:12px;
      height:20px;
      right:0;
      top:0;
      background: url(/templates/demo/images/button_focus_right.png) no-repeat right top;
  }

  .button_nightbox
  {
      position:relative;
      width:1%;
  }
  div > .button_nightbox
  {
      width:auto;
  }
  form > .button_nightbox
  {
      width:auto;
  }
  .button_nightbox .wrap
  {   
      width:auto;
      height:18px;
      line-height:18px;
      padding-left:2px;
      padding-right:4px;
      background: url(/templates/demo/images/button_focus_mid.png) repeat-x left top;
  }
  .button_nightbox a
  {
      text-transform: uppercase;
      text-decoration: none;
      font-family: Arial;
      font-size:10px;
      font-weight: bold;
      color: #eeedf2;    
      display:block; 
  }
  .button_nightbox a:hover
  {
      text-transform: uppercase;
      text-decoration: none;
      font-family: Arial;
      font-size:10px;
      font-weight: bold;
      color: #fff;    
      display:block; 
      background: url(/templates/demo/images/button_focus_mid_hover.png) repeat-x left top;
  }

  .button_light
  {
      position:relative;
      margin-right:10px;
      margin-bottom:10px;
      width:1%;
  }
  div > .button_light
  {
      width:auto;
  }
  .button_light .wrap
  {   
      width:auto;
      height:20px;
      line-height:20px;
      margin-left:12px;
      margin-right:12px;
      padding-left:2px;
      padding-right:2px;
      background: url(/templates/demo/images/button_light_mid.png) repeat-x left top;
  }
  .button_light a
  {
      text-transform: uppercase;
      text-decoration: none;
      font-family: Arial;
      font-size:10px;
      font-weight: bold;
      color: #695e8b;    
      display:block; 
  }
  .button_light a:hover
  {
      text-transform: uppercase;
      text-decoration: none;
      font-family: Arial;
      font-size:10px;
      font-weight: bold;
      color: #42336f;    
      display:block; 
      background: url(/templates/demo/images/button_light_mid_hover.png) repeat-x left top;
  }
   .button_light .left
  {       
      position:absolute;   
      width:12px;
      height:20px;
      left:0;
      background: url(/templates/demo/images/button_light_left.png) no-repeat left top;
  }
   .button_light .right
  {
      position:absolute;   
      width:12px;
      height:20px;
      right:0;
      top:0;
      background: url(/templates/demo/images/button_light_right.png) no-repeat right top;
  }
  
  input.text
  { 
    height:14px;
    line-height:14px;
    margin: 0 5px 0 5px;
    border-color:#807364; 
    border-style:groove; 
    border-width:1px; 
    background-color:#ffffff; 
    color:#000000; 
    font-family:TrebuchetMS; 
    font-size:9pt;
  }
  input.search-text
  { 
    height:15px;
    width:146px;
    line-height: normal;
    margin: 0;
    padding:6px 5px 6px 5px;
    border:none;
    background-image: url(/templates/default/images/search_bg.gif); 
    color:#6C6C6C; 
    font-family:Arial,Helvetica,sans-serif; 
    font-size:12px;
  }
  .search-button
  {
    float: right;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }
  .label
  { 
    color:#000; 
    font-family:TrebuchetMS; 
    font-size:11pt; 
  }
  .textarea
  {
    border-style:inset; 
    border-width:2px; 
    background-color:#ffffff;
    color:#000000;
    scrollbar-face-color: #212930;
    scrollbar-track-color: #ffffff;
    scrollbar-arrow-color: #414B56;
    font-family:TrebuchetMS; 
    font-size:9pt;
  }
  .button
  {
    background-color: #646567;
    font-family: "Lucida Sans Unicode","Gill Sans","Gill Sans MT", sans-serif;
    border-color:#807364; 
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;                               
    /*background: url(/templates/demo/images/button_focus_mid.png) repeat-x left top;*/
  }
  .combobox
  {
    font-family: Tahoma; 
    font-size: 9pt;
    width:139px;
    margin-left:5px;
  }
  .htmlarea
  {
    background-color: #1174af;
    border:1px outset ButtonShadow;  /*ButtonShadow */
    color: #FFFFFF;
    font-family: Tahoma; 
    font-size: 9pt;
  }
  .ctrl 
  {
    background: #414B56;  /*ButtonFace*/
    margin-left: 0;
    padding: 2px;
  }
  
  
  	/*             styles for the star rater                */	
	.star-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 150px;
		height: 30px;
		position: relative;
		background: url(/templates/demo/images/star_rating.gif) top left repeat-x;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
	
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:30px;
		height: 30px;
		line-height:30px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
	.star-rating li a:hover{
		background: url(/templates/demo/images/star_rating.gif) left center;
		z-index: 2;
		left: 0px;
		border:none;
	}
	.star-rating li.one-star a{
		left: 0px;
	}
	.star-rating li.one-star a:hover{
		width:30px;
	}
	.star-rating li.two-stars a{
		left:30px;
	}
	.star-rating li.two-stars a:hover{
	  left:0px;
		width: 60px;
	}
	.star-rating li.three-stars a{
		left: 60px;
	}
	.star-rating li.three-stars a:hover{
	  left:0px;
		width: 90px;
	}
	.star-rating li.four-stars a{
		left: 90px;
	}	
	.star-rating li.four-stars a:hover{
	  left:0px;
		width: 120px;
	}
	.star-rating li.five-stars a{
		left: 120px;
	}
	.star-rating li.five-stars a:hover{
	  left:0px;
		width: 150px;
	}
	.star-rating li.current-rating{
		background: url(/templates/demo/images/star_rating.gif) left bottom;
		position: absolute;
		height: 30px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}