/* See http://www.w3schools.com/css/css_reference.asp */

* { margin: 0; padding: 0 }

html { height: 100% }
body { height: 100%; font: 12px verdana }

body#user-form p label { width: 100px; display: block; font-weight: bold }

body#login p label { width: 100px; font-weight: bold }

a, a:visited { color: #000088; font-weight: bold; text-decoration: none }
a:hover { color: #0000ff; text-decoration: underline }

div.hr, p.hr { background: url('../img/dot.png') repeat-x center center; height: 2px; margin: 4px 0; width: 98% }
div.salesmap { background-color:white}


/* Messages */
div.error, div.success, p.error, p.success { display: table; text-align: left; padding: 5px 0 5px 33px; margin-bottom: 14px; max-width: 700px; font-size: 12px }
div.error, p.error {	background: #fff6bf url(../img/icon/warn.jpg) 5px 50% no-repeat; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324 }
div.success, p.sucess { background: #c4ffbb url(../img/icon/check.jpg) 5px 50% no-repeat; border-top: 2px solid #00aa00; border-bottom: 2px solid #00aa00 }

/* Boxes */
div.leftBox { width: 174px; padding-top: 25px; margin-bottom: 10px; float: left }
div.leftBox div { background: url('../img/menu-left.gif') top left repeat-y; background-color: white }
div.leftBox div div { background: url('../img/menu-right.gif') top right repeat-y }
div.leftBox div div div { background: url('../img/menu-bottom.gif') bottom right no-repeat; padding: 5px 8px 12px 5px }
div.leftBox div div div div  { background-color: transparent; background-image: none; padding: 0 }

div.leftBox a, div.leftBox a:visited { color: gray; font-weight: bold; font-variant: small-caps; text-decoration: none }
div.leftBox a:hover { color: gray; text-decoration: underline }

div.contentBox { background: url('../img/content-top.gif') top left no-repeat; padding-top: 15px }
div.contentBox div { background: url('../img/content-left.gif') top left repeat-y; background-color: white }
div.contentBox div div { background: url('../img/content-right.gif') top right repeat-y }
div.contentBox div div div { background: url('../img/content-bottom.gif') bottom right no-repeat; padding: 0 8px 12px 8px }
div.contentBox div div div div  { background-color: transparent; background-image: none; padding: 0 }