* {
	margin: 0;
	font-family: sans-serif;
}

body {
	
    margin-top: 0px;
	font-family: sans-serif;
font-size: 12px;
background-color:rgb(100,118,180);
}


img {
	padding: 0;
	margin: 0;
	font-family: sans-serif;
	font-size : 10pt;
	
}



#containerr
{
margin-top:-25px;
width: 1000px;
height: auto;
font-family: sans-serif;
margin:auto;
position:relative;
background:rgb(237,240,241);
border-left:2px ridge rgb(237,240,241);
border-right:1px groove rgb(237,240,241);
border-bottom:2px groove rgb(237,240,241);
border-top:1px solid rgb(237,240,241);
}

#header
{
min-width: 1000px;
width: 1000px;
height: 160px;
padding: 5px;
margin:auto;
position:relative;
background:url(images/logo.jpg) no-repeat left top;
background-color:rgb(100,118,180);
color:white;
font-size: 16px;
font-weight:800;

}


#content
{
background:rgb(237,240,241);
width: auto;
height: auto;
position:relative;

}

    
      #liquid-round {
      text-align:left;
	  position:relative;
      z-index:1;
	  width:20%;
      margin-top:5px;
      background:#fff url(images/leftside.gif) repeat-y left top;
      }

  
      .top {
   
      width:100%;
      height:20px;
   
      background:url(images/top.gif) no-repeat left top;
   
      }
   
      .top span {
      padding: 5px;
      display:block;
      clear:both;
      position:relative;
      height:25px;
      background:url(images/top-right.gif) no-repeat right top;
      }



      .center-content {

      position:relative;

      background:url(images/rightside.gif) repeat-y right top;

      padding:1px 20px 1px 25px;

      margin:-1px 0 0px 0;

      }




         .bottom {
   
      height:40px;
   
     background:url(images/bottom.gif) no-repeat left bottom;
   
      }
   
      .bottom span {
   
      display:block;
   
      position:relative;
   
      height:40px;
   
      background:url(images/bottom-right.gif) no-repeat right top;
  
      }






#top
{
min-width: 1000px;	
position:relative;	
height: 125px;
border-top: 1px solid CornflowerBlue ;
border-left: 1px solid CornflowerBlue ;
border-right: 1px solid rgb(191,213,255) ;
background-image: url(images/t.jpg);
background-repeat: no-repeat;
background-position: top left;
background-color:rgb(0,213,255);
width:auto;
}



#panel1 {
  color:white;
  width:180px; 
  margin-top:5px;
  border: 1px solid CornflowerBlue ; 
}
 
#panel {
color:white;
	
  width:180px; 
  margin-top:5px;

}


#panelcaption {
background:url(images/bgs.jpg) repeat-x top left;
height: 20px;
width:auto; 
border-bottom: 1px groove CornflowerBlue ;
text-align: center;
font-weight:bolder;
font-size:9pt;
letter-spacing:2px;
color:rgb(39,64,139);
}

#panel:hover {
color:darkorange; 
} 


#middle
{
height: auto;
    background:rgb(237,240,241);
position:relative;


}

#footter
{
min-width: 1000px;
height: 150px;
padding: 5px;

background-repeat: no-repeat;
background-position: top left;
background-color:rgb(100,118,180);
color:white;
font-size: 16px;
font-weight:700;

width: 1000px;
margin:auto;
position:relative;

}





#menu
{
height: 33px;
border-bottom: 1px groove CornflowerBlue ;
border-left: 1px solid CornflowerBlue ;
border-right: 1px solid CornflowerBlue ;
background-color:white;
}


label{
color:#666769
	
}

input
{
height:18px;
color: black;
background:none;
border:none;
}


textarea
{
color: black;
background:white;
border: 1px solid CornflowerBlue;
width:100%;
height:50px;
}
select
{
background:none;
color: #666769;	
border: none;
}


.login input
{
height:22px;
color: darkorange ;
border: 1px solid darkorange;
font-weight:bolder;
} 

.login input:hover {
color:CornflowerBlue; 
} 


.submit input
{
height:20px;
color: CornflowerBlue;
background:url(images/bluestrip.jpg) repeat;
border: 1px outset CornflowerBlue
font-size:large;
font-weight:bolder;
} 

.submit input:hover {
color:orange; 
} 

.fieldset { 
padding:5px 5px 5px;

} 


.radio{
background:url(images/bluestrip.jpg) repeat;
  border: 1px solid CornflowerBlue;
} 

.textlogin{
font-size:5pt;

float:left;
}

.textlogin A:link {text-decoration: none; color: darkorange}
.textlogin A:visited  {text-decoration: none; color: darkorange}
.textlogin A:active {text-decoration: none; color:darkorange}
.textlogin A:hover {text-decoration: none; color: darkorange}


.center-content  A:link {text-decoration: none; color: #666769}
.center-content  A:visited  {text-decoration: none; color: #666769}
.center-content  A:active {text-decoration: none; color:#666769}
.center-content  A:hover {text-decoration: none; color: #666769}

#panel1 A:hover {text-decoration: underline; color: darkorange}

#panelcaption A:link {text-decoration: none;font-size:10pt}
#panelcaption A:visited  {text-decoration: none; font-size:10pt}
#panelcaption A:active {text-decoration: none;font-size:10pt}
#panelcaption A:hover {text-decoration: underline; color: darkorange;font-size:10pt}

#panel A:link {text-decoration: none; font-size:10pt}
#panel A:visited  {text-decoration: none; font-size:10pt}
#panel A:active {text-decoration: none; font-size:10pt}
#panel A:hover {text-decoration: none; color: darkorange;font-size:10pt}

a.flink {
color:white;
text-decoration:none;
font-size:11px;	
float:left;
}

a.flink:hover {
color:#B1D632;
text-decoration:none;
font-size:11px;	
float:left;
}

a.clink {
color:CornflowerBlue;
text-decoration:none;
font-weight:700;
}


a.clink:hover {
color:#B1D632;
text-decoration:none;
}




a.topl {
text-decoration:none;
color:rgb(102,122,179);
font-size:12px;
}

a.topl:hover {
color:darkorange;

}


* dl{ 
	margin: 0; 
        padding: 0;
	color:CornflowerBlue;     

    }
* dt{ 

	 /* IE is dumb */
	clear: both;
        display: block; 
        float: left; 
        width: 104px; 
        height: 10px; 
        line-height: 10px;
        margin-right: 5px;              
        font-size: 8pt; 
        font-weight:700;
        text-align: right; 

    }
* dd{ 
         /* IE is dumb */
	display: block;                 
        float: left;     
        width: 100px; 
        height: 10px; 
        margin: 0 0 0px 0; 
        background: url("images/g_colorbar.jpg"); 
     }


* dd div{ 
	background: url("images/g_colorbar2.jpg") no-repeat ; 
        height: 10px; 
        width: 75%; 
        text-align:right;
        display: block;
		clear: both; 
     }

* dd div span{ 
        right: -2px; 
        top: -1px; 
        display:block;
        /*background: url("images/g_marker.gif") left no-repeat; */
        height: 10px; 
        width: 7px; 
        text-align: left;
        text-indent: -999px;
        overflow: hidden;
     }



	.star-rating{
		margin-top:3px;
		list-style:none;
		margin-left:5px!important;
		padding:0px!important;
		width: 148px;
		height: 15px;
		position: relative;
		background: url(images/rating.jpg) top left repeat-x;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:25px;
		height: 15px;
		text-decoration: none;
		
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.star-rating li a:hover{
		background: url(images/rating.jpg) left bottom;
		z-index: 2;
		left: 0px;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:25px;
	}
	.star-rating a.two-stars{
		left:25px;
	}
	.star-rating a.two-stars:hover{
		width: 50px;
	}
	.star-rating a.three-stars{
		left: 50px;
	}
	.star-rating a.three-stars:hover{
		width: 75px;
	}
	.star-rating a.four-stars{
		left: 75px;
	}	
	.star-rating a.four-stars:hover{
		width: 100px;
	}
	.star-rating a.five-stars{
		left: 100px;
	}
	.star-rating a.five-stars:hover{
		width: 125px;
	}
	.star-rating a.six-stars{
		left: 125px;
	}
	.star-rating a.six-stars:hover{
		width: 148px;
	}	
	
	
	.star-rating li.current-rating{
		background: url(images/rating.jpg) left center;
		position: absolute;
		height: 15px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}		

	#sddm
	{	margin: 0;
		padding: 0;
		z-index: 300;
	}
	#sddm li
	{	margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		font: normal 12px arial;
	}
	#sddm li a
	{	display: block;
		margin: 0 1px 0 0;
		padding: 0px 10px;
		width: 60px;
		background: white;
		color: darkorange;
		text-align: center;
		text-decoration: none;
		border: 1px solid darkorange;
		
	}

	#sddm li a.menu
	{	display: block;
		margin: 0 1px 0 0;
		padding: 0px 10px;
		width: 120px;
		height: 30px;
		background: white;
		color: darkorange;
		text-align: center;
		text-decoration: none;
		border: 1px solid darkorange;
		
	}


	#sddm div
	{	position: absolute;
		visibility: hidden;
		margin: 0;
		padding: 0;
		background: #EAEBD8;

	}
	#sddm div a
	{
		position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: 120px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: darkorange;
		color:white;
		font: 12px arial;
	}
	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF;
		border: 1px solid #5970B2;
	}


	#sddm1
	{	margin: 0;
		padding: 0;
		z-index: 100;
	}
	#sddm1 li
	{	margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		font: normal 12px arial;
	}
	#sddm1 li a
	{	display: block;
		margin: 0 1px 0 0;
		padding: 0px 10px;
		width: 50px;
		background: white;
		color: darkorange;
		text-align: center;
		text-decoration: none;
		border: 1px solid gray;
		z-index: 100;
	}

	#sddm1 li a.menu
	{	display: block;
		margin: 0 1px 0 0;
		padding: 0px 10px;
		width: 100px;
		height: 20px;
		background: white;
		color: cornflowerblue;
		text-align: center;
		text-decoration: none;
		border: 1px solid cornflowerblue;
		z-index: 100;
	}


	#sddm1 div
	{	position: absolute;
		visibility: hidden;
		margin: 0;
		padding: 0;
		background: #EAEBD8;
                z-index: 100;
	}
	#sddm1 div a
	{
		position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: 100px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: cornflowerblue;
		color:white;
		font: 12px arial;
                z-index: 100;
	}
	#sddm1 div a:hover
	{	background: #49A3FF;
		color: #FFF;
		border: 1px solid #5970B2;
	}


	
.highslide-html {
    background-color:LemonChiffon;
}

.highslide-html-content {
    position: relative;
    display: none;
}

.highslide-loading {
    display: block;
    color: black;
    font-size: 8pt;
    font-family: sans-serif;
    font-weight: bold;
    text-decoration: none;
    padding: 2px;
    border: 1px solid black;
    background-color: white;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;   
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.control {
    float: right;
    display: block;
    position: relative;
    margin: 0 5px;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #999;
}
.control:hover {
	color: black !important;
}	
	
.graph { 
        width: 200px; 
        border: 1px solid #B1D632; 
        padding: 2px; 
    }
    .graph .bar { 
        display: block;

        background: #B1D632; 
        text-align: center; 
        color: white; 
        height: 15px; 
         
    }
    .graph .bar span { position: absolute; left: 1em; }



li a.usef {text-decoration: none;}
li a.usef:hover{ color:rgb(39,64,139);}

a.firm {
color:CornflowerBlue;
text-decoration:none;
font-weight:700;
}


a.firm:hover {
color:darkorange;
text-decoration:none;
}


