body { }

/* = MAIN WRAPPER
----------------------------------------------------------------------------------------------------------------------*/
.main-wrapper { width: 960px; margin: 0 auto; text-align: left }

h3 { font-size: 31px }
h3, p, pre { margin: 10px 0 }

div.theme { padding: 20px; background: #123456; margin: 20px 0; color: #FFF }
div.theme a { color: #FFF }

/* = CUSTOM STYLES FOR THE DIALOG BOX
----------------------------------------------------------------------------------------------------------------------*/
.myclass .ZebraDialog_Title { background: #330066 }
body.flat .myclass .ZebraDialog_Title { background: #DEDEDE; border-bottom: 1px solid #222 }
.myclass .ZebraDialog_Body { background-image: url('coffee_48.png') }

/* = MISCELLANEOUS
----------------------------------------------------------------------------------------------------------------------*/
.align-center { text-align: center }
.align-left { text-align: left }
.align-right { text-align: right }
.block { display: block }
.bottom { margin-bottom: 0; padding-bottom: 0 }
.center { text-align: center }
.clear { clear: both }
.first { margin-left: 0; padding-left: 0 }
.hidden { visibility: hidden }
.highlight { background: #ccf }
.inline { display: inline }
.last { margin-right: 0; padding-right: 0 }
.left { float: left }
.none { display: none }
.nowrap { white-space: nowrap }
.right { float: right }
.stretch { width: 100% }
.top { margin-top: 0; padding-top: 0 }
.visible { visibility: visible }