/*
Copyright (c) 2009, Nicole Sullivan. All rights reserved.
Code licensed under the BSD License:
version: 0.2
*/
/* **************** BLOCK STRUCTURES ***************** */
/* mod */
.mod{margin:10px;}
.mod .inner{background: url(http://oocss.org/css/skin/transparent.png) repeat left top;}
.hd,.bd,.ft{overflow:hidden;_overflow:visible; _zoom:1;}
.inner{position:relative;}
b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
.tl, .tr, .bl, .br{height:10px; width:10px;float:left;}
.tl{background-position: left top;}
.tr{background-position: right top;}
.bl{background-position: left bottom;} 
.br{background-position: right bottom;}
.br,.tr{float:right;}
.tr, .tl{overflow:hidden;margin-bottom:-32000px;}/* margin bottom needs to be < -9px */
.bl,.br{margin-top:-10px;}
.top{background-position:center top;}
.bottom{background-position:center bottom;_zoom:1;}/* this zoom required for IE5.5 only*/
/* complex */
.complex{overflow:hidden;*position:relative;*zoom:1;}/* position/zoom required for IE7, 6, 5.5 */
.complex .tl, .complex .tr{height:32000px; margin-bottom:-32000px;width:10px;}
.complex .bl, .complex .br{/*margin-top:0;*/}
.complex .top{height:5px;}
.complex .bottom{height:5px;/*margin-top:-10px;*/}
/* pop  */
.pop{overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;}
.pop .inner{right:-10px; bottom:-10px; background-position:right bottom;padding:0 10px 10px 0;}
.pop .tl, .pop .br{display:none;}
.pop .bl{bottom:-10px;}
.pop .tr{right:-10px;}

/* ************ EXTENSION ************************** */
.block {display: block;}
.center {margin: 0 auto;}
.displaced {text-indent: -99999px;}
.hidden {display: none; visibility: hidden;}

/* **************** General Spacing ***************** */
/*Padding (top): by 5px */
.ptop1 { padding-top: 5px;}
.ptop2 { padding-top: 10px;}
.ptop3 { padding-top: 15px;}
.ptop4 { padding-top: 20px;}
.ptop5 { padding-top: 25px;}
.ptop6 { padding-top: 30px;}

/*Padding (right): by 5px */
.pright1 { padding-right: 5px;}
.pright2 { padding-right: 10px;}
.pright3 { padding-right: 15px;}
.pright4 { padding-right: 20px;}
.pright5 { padding-right: 25px;}
.pright6 { padding-right: 30px;}

/*Padding (bottom): by 5px */
.pbottom1 { padding-bottom: 5px;}
.pbottom2 { padding-bottom: 10px;}
.pbottom3 { padding-bottom: 15px;}
.pbottom4 { padding-bottom: 20px;}
.pbottom5 { padding-bottom: 25px;}
.pbottom6 { padding-bottom: 30px;}

/*Padding (left): by 5px */
.pleft1 { padding-left: 5px;}
.pleft2 { padding-left: 10px;}
.pleft3 { padding-left: 15px;}
.pleft4 { padding-left: 20px;}
.pleft5 { padding-left: 25px;}
.pleft6 { padding-left: 30px;}


/*Margin (top): by 5px */
.mtop1 { margin-top: 5px;}
.mtop2 { margin-top: 10px;}
.mtop3 { margin-top: 15px;}
.mtop4 { margin-top: 20px;}
.mtop5 { margin-top: 25px;}
.mtop6 { margin-top: 30px;}

/*margin (right): by 5px */
.mright1 { margin-right: 5px;}
.mright2 { margin-right: 10px;}
.mright3 { margin-right: 15px;}
.mright4 { margin-right: 20px;}
.mright5 { margin-right: 25px;}
.mright6 { margin-right: 30px;}

/*margin (bottom): by 5px */
.mbottom1 { margin-bottom: 5px;}
.mbottom2 { margin-bottom: 10px;}
.mbottom3 { margin-bottom: 15px;}
.mbottom4 { margin-bottom: 20px;}
.mbottom5 { margin-bottom: 25px;}
.mbottom6 { margin-bottom: 30px;}

/*margin (left): by 5px */
.mleft1 { margin-left: 5px;}
.mleft2 { margin-left: 10px;}
.mleft3 { margin-left: 15px;}
.mleft4 { margin-left: 20px;}
.mleft5 { margin-left: 25px;}
.mleft6 { margin-left: 30px;}