/*
 * CSS styles for this layout, applicable to all browsers.
 * To ensure effects are confined to this layout only, prefix each rule 
 * with "body.CLASSNAME " - this ensures that matched items are descendants
 * of the correct class of body.
 */
body.bricks  { }

body.bricks div#content { position:relative; top:0.5em; height:29.5em; }

body.bricks .brick, body.bricks .emptybrick
                   { position:absolute; height:6.5em; width:23.8%;
					 font-family:arial,helvetica,sans-serif;
                     overflow:hidden;
                     -moz-border-radius:1em; }
body.bricks .brick      { border:1px solid #009; background-color:white;  -moz-border-radius:0 0.6em 0 0.6em;}
body.bricks .emptybrick { border:1px solid #999; color:#999; background-color:#fff; }

body.bricks .brick h3 { background:#bbf url("../../../skins/default/images/widget/boxtopbackground.png") no-repeat -80px 0px;
                        color:#006; margin:0; 
                        border-bottom:1px solid #006; padding:0.25em 0.5em; 
                        font-size:80%;  -moz-border-radius:0 0.6em 0 0;}
body.bricks .emptybrick h3 { color:#999; margin-top:3.5em;
						line-height:100%; text-align:center;
                        font-size:80%; -moz-border-radius:0 0.6em 0 0.6em; }
/*
div.collapsiblebox { border:1px solid #009; background:#bbf url("../images/widget/boxtopbackground.png") no-repeat -80px 0px; 
			margin-bottom:0.75em; -moz-border-radius:0 0.6em 0 0.6em; }			
div.collapsiblebox h3 { display:inline; cursor:pointer; padding-left:1.25em; margin:0 1em 0 0.25em; 
			background:url(../images/icons/closebox.png) no-repeat 0 1px; color:#006;
			-moz-user-select:none; }
*/
body.bricks .brick .brickcontent { font-size:90%; }

body.bricks .brick ul { padding:0.5em  0.5em; margin:0;  }
body.bricks .brick li { list-style:none; }

body.bricks .brick p { text-align:center; margin:0.25em; }

body.bricks table.bricklist { table-layout:fixed; width:100%; border-collapse:collapse; }
body.bricks table.bricklist tr { height:1em; padding:0; margin:0; }
body.bricks table.bricklist th, body.bricks table.bricklist td 
                         { border-bottom:1px solid #99f; }
body.bricks table.bricklist th { text-align:left; }
body.bricks table.bricklist td { height:1em; padding:0 0 0.1em 0.2em; margin:0; }

body.bricks div.brick form { width:auto;background-color:transparent; padding:0.5em }

body.bricks .row0 { top:0.5em;   }
body.bricks .row1 { top:8em;     }
body.bricks .row2 { top:15.5em;  }
body.bricks .row3 { top:23em;    }

body.bricks .col0 { left:0.6%;    }
body.bricks .col1 { left:25.45%; }
body.bricks .col2 { left:50.3%;   }
body.bricks .col3 { left:75.15%;   }

body.bricks .doublewidth  { width:48.6%;  }
body.bricks .doubleheight { height:14em; }
body.bricks .tripleheight { height:21.5em; }