/* basic elements */
html, body {
    margin: 0px;
    padding: 0px;
	color: white;
	background-color: #fff;
	height: 100%;
	overflow: hidden;
    }

body {
    min-width: 1024px;
    font: 7pt/8pt verdana,times,helvetica,georgia;
    color: #2F332F;
    background: #fff;
    }

img {
    border: 0px;
    }

p {
    margin-top: 0px;
    }

a {
    color: #004A80;
    font-size: inherit;
    }

a:link {
    color: #fff;
    }

a:visited {
    color: #fff;
    }

a:hover {
    color: #FF0000;
    text-decoration: underline;
    }

h1 {
    margin:0px;
    font-size: 11pt;
    font-weight:bold;
    }

h2 {
    margin:0px;
    font-size: 10pt;
    font-weight:bold;
    }

h3 {
    margin:0px;
    font-size: 9pt;
    font-weight:bold;
    }

form {
    margin:0px;
    padding:0px;
    }

label {
    width:150px;
    font-weight:bold;
    }

label.error {
    color:red;
    font-weight:bold;
    }

#loading {
	z-index: 20;
	position: fixed;
	top: 35px;
	right: 15px;
	width: 16px;
	height: 16px;
	background: transparent url(/images/shared/icon_animated_loading.gif) no-repeat;
	visibility: hidden;
	}

#pageHeader {
	z-index: 1000;
    position: fixed;
	top: 0px;
    height: 30px;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px;
	background: transparent url(/images/sketchbook/bg_header.gif) repeat-x;
	color: #fff;
    }

#pageHeader div.leftColumn, #footer div.leftColumn {
	position: absolute;
	left: 0px;
	top: 0px;
	background: inherit;
	color: inherit;
	padding: 0px;
	width: 350px;
	height: 100%; /* works only if parent container is assigned a height value */
    }

#pageHeader div.middleColumn, #footer div.middleColumn {
	position: relative;
	top: 0px;
	margin-left: 370px;
	margin-right: 370px;
	color: inherit;
	background: inherit;
	text-align: center;
	padding: 0px 10px;
	height: 25px;
    }

#pageHeader div.rightColumn, #footer div.rightColumn {
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 0px;
	width: 350px;
	height: 100%; /* works only if parent container is assigned a height value */
	background: inherit;
	color: inherit;
    }

#footer {
	z-index: 1000;
    position: fixed;
    color: #fff;
    bottom: 0px;
    width: 100%;
    height: 27px;
    margin: 0px;
    padding: 0px;
	background: transparent url(/images/sketchbook/bg_footer.gif) repeat-x;
    }

#footer div.leftColumn, #pageHeader div.leftColumn {
	padding-left: 5px;
	bottom: 0px;
    }

#footer div.centerColumn {
	bottom: 0px;
    }

#footer div.rightColumn, #pageHeader div.rightColumn {
	text-align: right;
	padding-right: 5px;
	bottom: 0px;
    }

#horizon {
	z-index: 500;
	color: white;
	background-color: #000;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 0px;
	overflow: visible;
	visibility: visible;
	display: block
	}

#content {
	background-color: #fff;
	position: absolute;
	left: 50%;
	visibility: visible
	}

/* miscellaneous elements */

span.attention {
    font-weight: bold;
    color: #7A2221;
    font-size: inherit;
    }

.italic {
    font-style: italic;
    }

.bold {
    font-style: bold;
    }

.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}