/* Page ************************/
body { background-color: #aaa; color: #000; }
#page { background-color: #fff; }
body, table, input { font-family: Trebuchet MS; }

a img { border: none; }

/* Layout **********************/
body { margin: 0; padding:0; border:0; width:100%; min-width: 600px; font-size: 90%; }
#headerArea { clear: both; float: left; width: 100%; padding: 0; margin: 0; }
#colmask { position: relative; clear: both; float: left; width: 100%; overflow: hidden; }
#colmid { float: left; width: 200%; position: relative; }
#colright { float: left; width: 100%; position: relative; left: 50% }
#col1wrap { float: right; width: 50%; position: relative; right: 100%; }
#col1pad { overflow: hidden; }
#col1 { width: 100%; overflow: hidden; }
#col2 { float: left; position: relative; margin-left: -50%; overflow: hidden; }
#col3 { float: left; position: relative; overflow: hidden; }
#footer { clear:both; float:left; width:100%; }

/* DEBUG ***********************/
/*
#colmask { background-color: #99f; }
#colmid  { background-color: #afa; }
#colright { background-color: #ffd8b7; }
*/

/* Main Form */
#pageBody { background: #7cb4cd url(page-repeat.png) repeat-x left top; }
#aspnetForm { background: transparent url(page-bg.jpg) no-repeat scroll left top; min-height: 700px; }
#page { margin: 0 auto; width: 800px; }
#colmask { background-color: #fff; }
#footer { background-color: #fff; }

/* Header */
#headerArea { height: 312px; background: transparent url(header-bg.png) repeat-x; }
#headerArea h1 { height: 93px; width: 328px; background: transparent url(header-logo.png) no-repeat; margin: 0; padding: 0; }
#headerArea h1 span { visibility: hidden; }

#headerTitle { height: 93px; width: 328px; margin: 0; }

#headerBanner { padding: 0; margin: 0; height: 180px; width: 750px; overflow: hidden; }
#bannerCorner { float: left; width: 63px; height: 31px; background: transparent url(Corner.png) no-repeat; position: absolute; z-index: 10; margin-top: 149px; }
#bannerCycle { position: relative; height:180px; width: 750px; overflow: hidden; }
#bannerCycle img { }

#headerMenu { height: 39px; width: 800px; background: transparent url(menu-bg.png) repeat-x; list-style: none none outside; padding: 0; margin: 0; }
#headerMenu li { float: left; padding: 0; margin: 0; }
#headerMenu a { display: block; height: 19px; margin-left: 40px; padding-top: 10px; color: #555; text-decoration: none; }
#headerMenu a:hover { border-bottom: solid 2px #888; }

/* Columns */
.column .box { margin: 10px 0; font-size: 9pt; }
.column .box h3 { font-size: 1em; height: 21px; margin: 0; padding: 5px 5px 0 5px; background: #497dcf url(column-bg.png) no-repeat left top; color: #fff; }
.column .box .box-content { border: solid 1px #ccc; border-top-width: 0; margin: 0; padding: 4px; list-style: none none outside; }
.column .box .box-content li { background: transparent url(puce.png) no-repeat scroll 0px 8px; padding-left: 7px; }

/* Center */
#col1 table { padding: 0; margin: 0; border-collapse: collapse; }
#col1 table td,
#col1 table th { vertical-align: top; }
#col1 .left { float: left; }
#col1 table .left { float: none; text-align: left; }
#col1 .right { float: right; }
#col1 table .right { float: none; text-align: right; }
#col1 h2 { background: transparent url(blue-ball-16.png) no-repeat scroll left 6px; padding-left: 18px; color: #4376A9; }
#col1 h3 { background: transparent url(smoke-ball-10.png) no-repeat scroll left 6px; padding-left: 14px; color: #666; }
#col1 h4 { color: #333; }

/* Forms */
input.bigButton { padding: .5em 1em; }
fieldset { padding: 0; border: 0; }
fieldset label.text,
fieldset input.text { display: block; }
.button { padding: .3em .8em; display: block; float: left; text-decoration: none; }
span.validator { font-size: 8pt; }

/* JQuery UI overrides */
.ui-dialog .ui-dialog-content { font-size: .8em; padding: 4px; }
table.ui-widget td, table.ui-widget th { border: solid 1px #eee; padding: .6em 10px; }
table.ui-widget tr.alt td { background-color: #e0e0e0; }

.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none; cursor: pointer; position: relative; text-align: center; }

/* Table */
#col1 table { margin-left: 1px; border-collapse: collapse; }

/* Footer */
#footer {
    padding: 1em 0;
    text-align: center;
    font-size: 8pt;
    color: #fff;
    background-color: #7cb4cd;
}