/*** Start of 3 columns layout styles ***/

div.main-box {
position:relative;
text-align:left;
overflow:hidden;
/* This width property must be equal to the width of the layout, 100% to stretch */
width:627px;
/* This background property is the background of the left column */
background:#D1EEEE;
/* This is the border of the entire view */
border:solid 3px white;

margin-left:auto;
margin-right:auto;
}
div.top-box {
/* This background property is the background of the top row */
background-image:url(/images/topgradient.png);
background-repeat:repeat-y;
/* This is the bottom border of the top */
border-bottom:solid 0px white;
}
div.bottom-box {
/* This background property is the background of the bottom row */
background:white;
/* This is the top border of the bottom */
border-top:solid 10px white;
clear:both;
}
div.center-box {
position:relative;
width:100%;
/* This left property must be equal to the left width */
left:165px;
/* This background property is the background of the center column */
background:#D1EEEE;
/* This is the left border of the center content */
border-left:solid 3px white;
}
div.reset-box {
position:relative;
width:100%;
left:100%;
/* This margin-left property must be equal to the left width with a minus in front */
margin-left:-165px;
} 
div.right-box {
position:relative;
width:100%;
/* This margin-left property must be equal to the right width with a minus in front */
margin-left:-160px;
/* This left property must be equal to the sum of borders size with a minus in front */
left:-16px;
/* This background property is the background of the right column */
background:#D1EEEE;
/* This is the right border of the center content */
border-left:solid 3px white;
}
div.content-box {
position:relative;
width:100%;
margin-left:-100%;
/* This left property must be equal to the left width */
left:165px;
}
div.left-col {
float:left;
/* This width property must be equal to the left width */
width:165px;
padding:7px;
}
div.right-col {
float:right;
/* This width property must be equal to the right width */
width:160px;
text-align:left;
}
div.center-col {
/* This margin-left property must be equal to the left width */
margin-left:165px;
/* This margin-right property must be equal to the right width */
margin-right:160px;
/* This padding-left property must be equal to the border size */
padding-left:13px;
/* This padding-right property must be equal to the border size */
padding-right:13px;
text-align:center;
}
* html div.center-col {
height:1%;
margin:0;
}
* html div.left-col {
margin-right:-3px;
}
* html div.right-col {
margin-left:-3px;

}
.clearfix:after {
content: "."; 
display: block;
height: 0px;
clear: both; 
visibility: hidden;
}
.heightfix:before {
content:'.';
display:block;
visibility:hidden;
height:0;
}

/*** End of 3 columns layout styles ***/




















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */