* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
}

a:link {text-decoration: underline; color: #204060}
a:visited {text-decoration: underline; color: #204060}
a:hover {text-decoration: underline; color: #EB4812}

img {border: 0}

body {
	font-family: sans-serif,Verdana, Helvetica, Arial;
	font-size: 12px;
	margin: 0;
	padding: 12px 0;
	text-align: center;
}

html, body {
   color: #68696D;
   background-color: #A0A8AE;
}

h1 {
	/* Forum name */
	font-family: sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: 200px;
	font-weight: bold;
	font-size: 2.2em;
}

ul {
	display: block;
	list-style-type: none;
	margin: 0;
}

ul li {
	display: block;
	list-style-type: none;
	color: #777777;
	margin: 10px 0 0 0;
	padding: 15px 10px;	
}

.title {
  font-size: 11pt;
  font-weight: normal;
}

.date {
  margin-left: 0;
  font-size: 8pt;
  color: #EB4812;
}

.source {
  margin-left: 10px;
  font-size: 8pt;
}

.text {
  display: block;
  font-size: 10pt;
}

input {
  font-family: sans-serif,Verdana;
  width: 100px;
  color: #204060;
  font-size: 12pt;
}


#wrap {  
   padding: 0 20px;  
   min-width: 700px;  
   width: 900px;  
   margin: 0 auto;
   text-align: left;
}
 
#ajax {
   margin-top: 20px;
   display: none;
   width: 100%;
}


.headerbar {
	background: #ebebeb none repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
}


.headerbar {
	background-color: #EB4812; 
	background-image: url("/img/bg_head.gif");
	color: #FFFFFF;
}

.navbar {
	background-color: #EBD6CA;
	background-image: url("/img/gradient.gif");
	padding: 0 5px;
}

.bottombar {
	background-color: #EBD6CA;
	padding: 0 5px;
	margin-top: 50px;
	text-align: center;
}


span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-position: 0 0;
	margin: 0 -5px;
	background-image: url("/img/corners_left.gif");
}

span.corners-top span {
	background-position: 100% 0;
	background-image: url("/img/corners_right.gif");
}

span.corners-bottom {
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both;
	background-image: url("/img/corners_left.gif");
}

span.corners-bottom span {
	background-position: 100% 100%;
	background-image: url("/img/corners_right.gif");
}

h1 {font-family:sans-serif;font-weight:normal; font-size: 30pt;color:#FFFFFF;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;}
a.head:link {text-decoration: none; color: #FFF}
a.head:visited {text-decoration: none;color: #FFF}
a.head:hover {text-decoration: none;color: #FFF}

ul.arrow 
{
font-family:sans-serif, verdana;
font-weight:normal; 
font-size:9pt;
list-style-type:square; 
list-style-position:outside; 
list-style-image:url('./graphics/arrow.gif');
margin: 5px 5px 10px 10px;
padding: 0px 0px 0px 0px;
}

ul.arrow li
{
padding: 0 0 5px 5px;
margin: 0 0 5px 5px;
}

ul.art
{
margin: 10px 0;
}

ul.art li
{
padding: 0 0 5px 5px;
margin: 0 0 5px 5px;
}

#first
{
margin-top: 10px;
padding: 10px;
background-color: #F0F4F8;
}

#tips
{
width: 500px;
}

#calc 
{
padding-left: 20px;
width: 200px;
text-align: left;
border-left: 2px dotted #E0E4E8;
clear: all;
}

#result
{
background-color: #FFFFFF;
border: 1px solid #F0F0F0;
}

.ctable
{
font-family:sans-serif, verdana;
font-weight:normal; 
font-size:9pt;
}

#links
{
margin-top: 10px;
font-family:sans-serif, verdana;
font-weight:normal; 
font-size:8pt;
text-align: left;
}

.ftable
{
font-family:sans-serif, verdana;
font-weight:normal; 
font-size:9pt;
background-color: #FFFFFF;
text-align: center;
}

td.feature 
{ 
width: 340px;
padding: 15px; 
background-color: #FFFFFF; 
vertical-align: top; 
text-align: center; 
font-size: 10pt
}


table.morelinks
{
margin-top: 20px;
font-family:sans-serif, verdana;
font-size: 10pt;
}

tr.one {background-color: #F0F4F8;}
tr.two {background-color: #FFFFFF;}


/* additional proSilver Markup Styles outside rouded
----------------------------------------------------------- */
.top-left, .top-right, .bottom-left, .bottom-right { 
   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
   }
   
.top-left { 
   background-image: url("/img/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 0 -20px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-left: 1px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: 0px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
   }
.top-right { 
   background-image: url("/img/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
   margin-left: 0px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 1px; /* CHANGE: replace by the width of one of your corners */   
   }
.top-center { 
   background-image: url("/img/bg_headers.gif"); /* CHANGE: path and name of your image */
   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
   margin-left: 20px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 20px; /* CHANGE: replace by the width of one of your corners */ 
   margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */ 
   }
   
.bottom-left  { 
   background-image: url("/img/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-right: 0px; /* CHANGE: replace by the width of one of your corners */
   margin-left: 1px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: 0px;  /* CHANGE: replace by the height of one of your corners */
   }
.bottom-right { 
   background-image: url("/img/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 100% -20px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-right: 1px; /* CHANGE: replace by the width of one of your corners */
   margin-left: 0px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   }
.bottom-center { 
   background-image: url("/img/bg_footers.gif"); /* CHANGE: path and name of your image */
   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
   margin-left: 20px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 20px; /* CHANGE: replace by the width of one of your corners */ 
   margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */ 
   }

.inside {
   border-left: 0px solid #000000; /* YCC: color & properties of the left-borderline */
   border-right: 0px solid #000000;/* YCC: color & properties of the right-borderline */
   background: #FFFFFF;            /* YCC: background-color of the inside */
   color: #000000;                 /* YCC: default text-color of the inside */
   padding-left: 0px;              /* YCC: all texts at some distance of the left border */
   padding-right: 0px;             /* YCC: all texts at some distance of the right border */
   background-image: url("/img/bg_body.gif"); /* CHANGE: path and name of your image */
   margin: 0 auto;
   }
   
.notopgap    { 
   margin-top: 0;
   text-align: center; 
}
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

.outside {
   margin: 0 auto;
   width : 950px;
   text-align: left;
   }
      
* html span.corners-top, * html span.corners-bottom { background-image: url("/img/corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("/img/corners_right.gif"); }
/* navbar fix */
* html .navbar {
	height: 4%;
	overflow: hidden;
}