body {
	background-image: url(grafs/back_left.jpg);
	background-repeat: no-repeat;
	background-position: 0px 22px;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:smaller;
	text-align:justify;
}

/*img { display: block; }*/


.Header {
	background-image: url(grafs/back_top.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 60px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 40px;
	text-align: right;
	vertical-align: middle;
}
.TopContentBox {
	background-image: url(grafs/frame_center2.jpg);
	background-position: 7px 0px;
	height:38px;
	position:relative;
	padding:0px 0px 0px 15px;
	font-size:1.2em;
	line-height:38px; 
	vertical-align:middle;
}
.ContentBox {
   border-style:dotted;
   border-top-style:none;
   border-width:1px; 
   border-color:#CCCCCC; 
   border-bottom-color:#999999; 
   padding:4px; 
   margin:3px;
   text-align:justify;
   vertical-align:text-top;
}

.ContentBox2 {
   border-style:dotted;
   border-width:1px; 
   border-color:#CCCCCC; 
   padding:4px; 
   margin:3px;
   vertical-align:text-top;
}

.TopPanelBox{
	background-image: url(grafs/PanelTitleBar1.jpg);
	height:23px;
	position:relative;
	padding:0px 0px 0px 0px;
	font-size:1em;
	line-height:22px; 
	vertical-align:middle;
	text-align:center;
	background-repeat:no-repeat;
	color:#666666;
	font-weight:bold;
}

.PanelBox {
   background-image: url('grafs/bgpanel1.jpg');
   border-style:dotted;
   border-top-style:none;
   border-width:1px; 
   border-color:#CCCCCC; 
   border-bottom-color:#999999;    
   padding:4px; 
   margin:3px;
   font-size:0.8em;
   text-align:left;
   vertical-align:text-top;
}

.Footer {
  background-image: url(grafs/footer_bg.jpg);
  background-repeat:no-repeat;
  background-position: center top;
  font-size: 0.8em;
  padding-top: 17px;
  padding-bottom: 5px;
  clear:both;
  width:600px;  
	text-align:center;
	color:#FFFFFF;

}

.Panels{
}

.PanelTitle{ 
  font-weight:bold;
	font-size:1.1em;
	color:#FFB74B;
}  

.Rating{ text-align:right}

.InfoText{
font-size:0.85em;
color:#666666;
}

.TitleText{
font-size: 1.2em;
color:#666666;
font-weight: bold;
}
h1{
font-size: 1.2em;
color:#666666;
font-weight: bold;
}
h2{
font-size:1.1em;
color:#0066CC;
font-weight:bold;
padding-left:5px;
}

h3{
font-size:1.1em;
color:#666666;
font-weight:bold;
padding-left:5px;
}



.MenuList{
  padding-left:12px;
  padding-top:0px;
  margin-top:0px;
  margin-left:12px;
	list-style-type:circle;
	color:#FFFFFF;
	font-weight: bold;
}

.Menutext{
	color:#FFFFFF;
}

.MenuList a:link, .MenuList a:visited { 
	text-decoration:none; 
	color:#FFFFFF;
}
.MenuList a:hover, .MenuList a:active { 
	text-decoration:underline; 
	font-size:1.1em;
}


.Button1{

border: 2px solid #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 1px;
background-color: #FFB74B;
color: #333333;
font-size:0.9em;
font-weight: bold;

} 
 
.Button1:active{
border: 3px double #CCCCCC;
border-top-color: #999999;
border-left-color: #999999;
}

.Textfield{ 
    border-style:solid;
    border-width:1px;
    border-color:#666666;
border-bottom-color: #CCCCCC;
border-right-color: #CCCCCC;
	font-size:0.9em;
	padding-left:2px;
}

.InfoLine{
background-color:#fbfbfb;
padding:1px;
margin-top:5px;
border: 1px #ebebeb solid;
}

.SubTitle{
font-size:1.1em;
color:#0066CC;
font-weight:bold;
padding-left:5px;
}

.SourceCode{
border-color:#666666;
border-width:1px;
border-style:solid;
background-color:#FBFBFB;
font-family:"Courier New", Courier, mono;
margin-left: 15px;
padding:5px;
text-align:left;
}

.DescBoxHolder{
position: absolute;
left:170px;
top:45px;
width: 450px;
z-index: 10;
}

.DescBox{
border-color:#666666;
border-width:1px;
border-style:solid;
background-color:#FBFBFB;
padding:10px;
margin:3px;
line-height: 1.4;
}

.DescBoxHide{
height:1px;
overflow:hidden;
}