/* @name portal_adds.css */

/* Outside wrapper prorandom html, body tag copy from colours.css inhere
---------------------------------------------------------------------- */
html, body {
	color: #68696D;
	background-color: #D6D6D6;
    background: url("images/body_bg0.gif") fixed;
	background-position: center center;
}
 
body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #536482;
	background-color: #D6D6D6;
	margin: 0;
}
 
/* Round cornered boxes and backgrounds rotating header */
.headerbar {
	background-color: #12A3EB;
    background: url("headers/rotate.php");
	clear: both;
}

/* Site description and logo rotating header set to hight of header picture -10 px */
#site-description {
	height: 130px;
}
 
/* 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("images/corners0.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("images/corners0.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("images/bg_head.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("images/corners_.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("images/corners_.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("images/bg_foot.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("images/bg_body0.gif"); /* CHANGE: path and name of your image */
   background-repeat:repeat-y; 
   margin-left: 0px;  /* CHANGE: replace by the width of one of your corners */
   margin-right: 0px; /* CHANGE: replace by the width of one of your corners */ 
}
   
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

/* #wrap tag copy from common.css inhere
--------------------------------------- */
#wrap {  
   padding: 0px 20px 0 20px;
   min-width: 650px;
   width: 930px;  /* change here to set the inner width (forum) of the wrapper */
   margin: 0px auto;  
}  

.outside {
   margin: 0px auto;
   width : 970px; /* change here to set the outer width (borders) of the wrapper */
   <!--[if IE]>
   overflow:hidden;
   <![endif]-->   
}

