/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
/* base.css, part of YUI's CSS Foundation */
h1 {
    /*18px via YUI Fonts CSS foundation*/
    font-size:138.5%;  
}
h2 {
    /*16px via YUI Fonts CSS foundation*/
    font-size:123.1%; 
}
h3 {
    /*14px via YUI Fonts CSS foundation*/
    font-size:108%;  
}
h1,h2,h3 {
    /* top & bottom margin based on font size */
    margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
    /*bringing boldness back to headers and the strong element*/
    font-weight:bold; 
}
abbr,acronym {
    /*indicating to users that more info is available */
    border-bottom:1px dotted #000;
    cursor:help;
} 
em {
    /*bringing italics back to the em element*/
    font-style:italic;
}
del {
    text-decoration:line-through;
}
blockquote,ul,ol,dl {
    /*giving blockquotes and lists room to breath*/
    margin:1em;
}
ol,ul,dl {
    /*bringing lists on to the page with breathing room */
    margin-left:2em;
}
ol li {
    /*giving OL's LIs generated numbers*/
    list-style: decimal outside;    
}
ul li {
    /*giving UL's LIs generated disc markers*/
    list-style: disc outside;
}
dl dd {
    /*giving UL's LIs generated numbers*/
    margin-left:1em;
}
th,td {
    /*borders and padding to make the table readable*/
    border:1px solid #000;
    padding:.5em;
}
th {
    /*distinguishing table headers from data cells*/
    font-weight:bold;
    text-align:center;
}
caption {
    /*coordinated margin to match cell's padding*/
    margin-bottom:.5em;
    /*centered so it doesn't blend in to other content*/
    text-align:center;
}
p,fieldset,table,pre {
    /*so things don't run into each other*/
    margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
/*
 * Calendar CSS classes
 */

div.calendar { font-size: 11px; color: #000; }
div.calendar.popup { margin-top: 30px; z-index: 2; }

div.calendar.horizontal table.calendar { float: left; }
div.calendar.horizontal.popup table.time { float: left; }

div.calendar table { margin: 0; padding: 0; background-color: #eee; border: 1px solid #ccc; border-spacing: 0px;}
div.calendar td,
div.calendar th { padding: 3px; text-align: center; border: 1px solid #eee; background-color: #eee; }
div.calendar th { background: #ddd; font-weight: bold; color: #555; }
div.calendar td.title { font-weight: bold;  background: #fff; }

div.calendar thead button { border: 0; margin: 0; padding: 0; background-color: #eee; font-size: 11px; }
div.calendar thead td.button:hover,
div.calendar thead td.button:hover button { background-color: #ccc; }

div.calendar tbody td.button { padding: 2px; width: 2em; background-color: #fff; color: #555; text-align: center; cursor: pointer; }
div.calendar tbody td.button:hover { background-color: #77a0fa; cursor: pointer; font-weight: bold; }
div.calendar tr.days td:active
div.calendar td.otherDay { color: #bbb; }
div.calendar td.unselectable { color: #aaa; }

div.calendar td.button:active { background-color: #cde; }

div.calendar tr td.selected { font-weight: bold; background-color: #ddd; color: #000; }
div.calendar tr td.weekend { background-color: #ddd; }
div.calendar td.weekend.unselectable { color: #aaa; background-color: #eee; }
div.calendar tr td.today { font-weight: bold; color: #D50000; }

div.calendar tr.sep td { padding: 0; margin: 0; }
div.calendar tr.sep td hr { padding: 0; margin: 2px 0; height: 1px; color: #eee; }


div.calendar tr.exactMinutes td.label { text-align: right; }
div.calendar tr.exactMinutes td.minutes { padding: 0; margin: 0; text-align: center; background-color: #eee; border: 2px solid #eee;}
div.calendar tr.exactMinutes td.minutes:hover { border: 2px solid #77a0fa; background-color: #77a0fa; }
div.calendar tr.exactMinutes td.selected { border: 2px solid #ccc; background-color: #ccc; }
div.calendar tr.exactMinutes td.minutes input { width: 2em; border: 1px solid #ccc; font-size: 11px; background-color: #fff; text-align: center; }

a.dateButton { background: transparent url('../../2/840ee44670fd30f1df20b5aa2572a0b5/calendar.gif') 0 2px no-repeat; text-indent: -2500px; position: absolute; width: 16px; height: 17px; margin-left: 5px; cursor: pointer; }
/**
 * The paged links CSS has been extracted and adapted from  
 * http://woork.blogspot.com/2008/03/perfect-pagination-style-using-css.html
 *
 */

/* --- Link table --- */
tr.link { cursor: pointer; }

/* --- Paged lists --- */

/* common */
div.paged ul.links { border: 0; margin: 1em 0; padding: 0; overflow: hidden; width: 99%; }
div.paged ul.links:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.paged ul.links li { border: 0; margin: 0; padding: 0; list-style: none; margin-right: 2px; float: left; }
div.paged ul.links a  { border: solid 1px #9aafe5; margin-right: 2px; color: #2e6ab1; }
div.paged ul.links li.disabled { border: solid 1px #DEDEDE; color: #888888; display: block; float: left; font-weight: bold; margin-right: 2px; padding: 3px 4px; }
div.paged ul.links .next a,
div.paged ul.links .previous a { font-weight: bold; }
div.paged ul.links .active { background: #2e6ab1; color: #FFFFFF; font-weight: bold; display: block; float: left; padding: 4px 6px; }
div.paged ul.links a:link,
div.paged ul.links a:visited { color: #0e509e; display: block; float: left; padding: 3px 6px; text-decoration: none; }
div.paged ul.links a:hover { border: solid 1px #0e509e; background-color: #fff; }

div.paged ul.links a { color: #000; }
div.paged ul.links a:hover { background-color: #ddEeFF; }
div.paged .even { background: #a4c3d6; }
div.paged .odd { background: #c5e8ff; }

/* paged table */
div.paged table { width: 100%; }
div.paged th, 
div.paged td { border: none; text-align: left; }
div.paged th { background: #444; color: #fff; }
div.paged th.asc { background: #777 url("../../3/22a799f7a433bacdf6e4ca0e2623a97c/arrow_up.gif") no-repeat 98% 50%; }
div.paged th.desc { background: #777 url("../../3/5fd6c994c1db36567fcd9e26904c6df9/arrow_down.gif") no-repeat 98% 50%; }
div.paged th a { color: #fff; }
div.paged th a:hover { color: #fff; background-color: transparent; }

/* paged list */
div.paged ul.data { list-style-type: none; margin: 0; }
div.paged ul.data li { padding: .5em 1em; margin: 0; border: 1px solid #fff; list-style: none; }
/* 
 * Simplest tabs CSS possible
 * This CSS will display rounded corners with Firefox and Safari, and
 * downgrade to normal corners for Opera and Explorer. 
 *  
 */
ul.tabContainer { clear: left; list-style: none; margin: 0; overflow: hidden; padding: 0; white-space: nowrap; border-bottom: 2px solid #888; }
ul.tabContainer li:first-child { margin-left: 2em; }
ul.tabContainer li { border:1px solid #888; border-bottom: 0; float:left; list-style: none; margin:0 2px; -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-radius: 5px 5px 0 0; }
ul.tabContainer li a { text-decoration: none; padding: 1em; display: block; outline: none; }
ul.tabContainer li a:focus, 
ul.tabContainer li a:hover, 
ul.tabContainer li a:active { background: #9cbbd0; }
ul.tabContainer li a.error { color: #a00; font-weight: bold; } 
ul.tabContainer li.selected a { font-weight: bold; }
div.tab { padding: 1.5em; clear: left; }
div.tab.updating { background: #fff url(../../4/4b3afb84b2b71ef56df09997a350bd04/spinner.gif) no-repeat 50% 50%; min-height: 20px; }
/**
 * Demo CSS layout
 * This CSS layout is based on YUI reset and base
 */

body { font-family: verdana,helvetica,arial,sans-serif; font-size:75%; background-color: #fff; }
html > body { font-size:13px; } /* non-IE 6 browsers */
html,
body { height: 100%; }

/* fouc (corrected for javascript-less in <head> )*/
.tab { display: none; } 
.tab.selected { display: block; } 

#global { position: relative; min-height: 100%; }
#content-wrapper { margin: 0 auto; position: relative; min-height: 100%; overflow: hidden; }
a { text-decoration: none; color: #095183; }
a:focus, 
a:hover, 
a:active { text-decoration: underline; }
body h1, body h2, body h3 { margin: .3em 0; }
body ul li { list-style: none; }
p { line-height: 1.5em; overflow: hidden; }

/* Header */
#header { background: #fff url('../../5/e63a2d5562abd6445d13cac918e4eebe/img/logo.jpg') no-repeat 1em 2em; height: 90px; overflow: hidden; margin-top: 1.5em; }
#header div { float: left; margin: 0 1em; }
#header div#debug { float: right; }
#header div#languages { display: inline; }

/* Left menu */
#menu { float: left; width: 15%; padding: 1em 0 80px 0; }
#menu ul li { list-style: none; line-height: 1.5em; }
#menu li a:focus, 
#menu li a:hover, 
#menu li a:active { background-color: #f63; color: #fff; border: 2px solid #a00; }
#menu li a { color: #000; border: 2px solid #fff; display:block; padding:3px 0 3px 10%; text-decoration:none; width:90%; }
#menu li.selected a { font-weight: bold; }

/* Main and right columns */
#main { width: auto; min-height: 400px; margin: 0; overflow: hidden; padding: 0 2em 120px 2em; border-left: 1px #ddd solid; border-right: 1px #ddd solid }
body.nomargins #main { margin: 0; border: 0; }
#tips { float: right; width: 25%; padding-bottom: 80px; overflow: hidden; }
#tips div { padding: 0 1em 1em 2.3em; background: #fff url('../../5/51a8393aceb62e10112672589f75457e/img/li.gif') no-repeat .5em 0; }
#tips li { padding: 0 1em; }

/* Footer */
#footer p { margin: 0; }
#footer a { color: #a5623e; text-decoration: none; }
#footer a:focus,
#footer a:hover,
#footer a:active { color: #f7dfd1; }
#footer { position: relative; margin-top: -80px; height: 50px; clear: both; overflow: hidden; background: #F6B285 none repeat scroll 0 0; border-top: 5px solid #F86E13; border-bottom: 5px solid #F86E13; color: #666666; padding: 10px 20px; }
#extrema-logo { background: transparent url('../../5/e584e2c91eacda68944f1f99dea42995/img/logo_footer.gif') no-repeat scroll 50% 50%; float: right; height: 70px; margin: -10px -20px; width: 250px; }

/* Forms */
label { clear: left; display: block; margin: 1em; min-height: 1.8em; overflow: hidden; }
span.label { font-weight: bold; float: left; padding: 0.4em 1em; line-height: 1.5em; text-align:right; width: 12em; }
p span.label { padding: 0 .5em; }
label.required span.label { font-weight: bold; background: #fff url('../../5/738929f49cdbfb480e5954857c921cdb/img/required.gif') no-repeat 97% 2px; }
div#errors { margin: 1em 0; width: 90%; } 
div#errors ul { margin: 0; padding: 0; } 
span.error, 
div#errors { display:block; padding: 1em; border: 2px #dbb solid; background: #fdd; float: left; margin-top: .3em; }
span.error { clear: both; margin-left: 14em; } 
input { padding: 0.2em; }
form input.checkbox { padding: 0; margin: .5em 1em 0 0; }
div.buttonBar { padding-bottom: 2em; }
div.buttonBar a,
div.buttonBar input { margin: 0 1em 0 0; }
body input[type=text], 
body input[type=password], 
body textarea{ width: auto; }
.important { font-style: italic; color: #888; }
div.radio label { float: left; margin: 0.4em 1em; clear: none; }
input.radio { margin-right: .5em; }

/* Error page */
.errorPage h1#message { padding: .2em .5em; color: #d33; border: 2px #d33 solid; font-size: 150%; }