/* skin.css Document */


/* outer body */

#wrapper{
	border-right:1px solid #999;
	border-left:1px solid #999;
	min-height:100%;
	/* \*/
  height:100%;
	background:#33140E;
 }


/* body box */

#outer_box{	z-index: 20;	margin: 2%;	padding: 2%;}
.serif {background: none transparent scroll repeat 0% 0%; width: 95%;}
.serif h1, .serif p {	margin: 0px 10px;}
.serif h1 {font-size: 2em; color: #999;}
.serif p {padding-bottom: 0.5em;}
.serif .b1, .serif .b2, .serif .b3, .serif .b4 {display: block; font-size: 1px;overflow: hidden;}
.serif .b1, .serif .b2, .serif .b3 {height: 1px;}
.serif .b2, .serif .3, .serif .b4 {border-right: #fff 1px solid; background:#E0E0E0; border-left: #fff 1px solid;}
.serif .b1 {background: #fff; margin: 0px;}
.serif .b2 {border-top-width: 0px; border-left-width: 2px; border-bottom-width: 0px; margin: 0px 1px; border-right-width: 2px;}
.serif .b3 {margin: 0px 3px;}
.serif .b4 {margin: 0px 4px; height: 2px;}
.serif .boxcontent {border-right: #fff 1px solid; display: block; background: #E0E0E0; margin: 0px 5px; border-left: #fff 1px solid;}




/* inner box  */ 

.box_bg { background-color:#fff}

.out {  display:block;   background:#bbb;   border:1px solid #ddd;   position:relative;  margin:1em 0;  }
.in {text-align:center;	border:1px solid #555;	position:relative;	padding:5px; font-weight:normal;	}
.ltin { left:-5px;  }
.tpin {  top:-5px;  }
.narrow {width:8em;} 
.normal {width: 150px}
.wide {	width: 30em}


/* left + right cols  */

 
 .light_grey{ background-color:#ccc;}

.white{ background-color:#fff;}




***************************************************
/*  skincolor.css  File  */

#wrappper {color:[background];}

.serif .b2, .serif .3, .serif .b4, .boxcontent {color:[backkground1];}

 .box_bg {color: [box];}

.light_grey {color:[pane1_grey];}

.white {color:[pane1_white];}


***********************************************

/* palettes.xml document  */



   <Palette name="Default">

   <Color name="background" value="#33140E" />
   <Color name="background1" value="#E0E0E0" />
   <Color name="panel_grey" value="#ccc" /> 
   <Color name="panel_white" value="#fff" /> 
    <Color name="box" value="#fff" />
	
   
   
   <Palette name="Hi-Contrast">

   <Color name="background" value="#fff" />
   <Color name="background1" value="#999" />
   <Color name="panel_grey" value="#cococo" /> 
    <Color name="panel_white" value="#cococo" /> 
    <Color name="box" value="#fff" />
    
	
	
   <Palette name="Green">

   <Color name="background" value="#009900" />
   <Color name="background1" value="#009999" />
   <Color name="panel_grey" value="#00ff00" /> 
    <Color name="panel_white" value="#00ff00" /> 
    <Color name="box" value="#ccff66" />
    
   
   <Palette name="Red">

  <Color name="background" value="#cc0000" />
   <Color name="background1" value="#cc0033" />
   <Color name="panel_grey" value="#ff6699" /> 
   <Color name="panel_white" value="#00ff00" /> 
   <Color name="box" value="#ffcccc" />
   




**********************************************************

/*  portal.aspx  */


/* start main body wrapper */

<div id="wrapper" >


/* start main body box */

<div class=serif><b class=b1></b><b class=b2></b><b class=b3></b><b 
class=b4></b>
<div class=boxcontent>

/* PAGE CONTENT GOES HERE
 (including /* inner  box  */  ) */

/*  start inner  box  */ 

<div class="out normal">

<div class="in ltin tpin box_bg">
  

CONTENT GOES HERE
    
  </div>
</div>

/*  end inner  box  */ 


/* END OF CONTENT */


</div><b class=b4></b><b class=b3></b><b 
class=b2></b><b class=b1></b></div>
<P></P>
<div class=pillar><b class=b1></b><b class=b2></b><b class=b3></b><b 
class=b2></b><b class=b4></b>


/* end main body box */





</div>  /*  end of body wrapper  */