html {overflow:hidden;}
body {background-color:#FFF; font-family:Tahoma,Verdana,Arial,sans-serif; font-size:13px; color:#000; margin:0; padding:0; border:0; overflow:hidden; height:100%; max-height:100%;}

td {vertical-align:top; font-size:13px;}
a {color:#000;}
a:hover {color:#06F;}

p {margin:10px 0;}

img {border:none;}
hr {clear:both;}

h1, h2, h3, h4, h5, h6 {font-family:Tahoma,Verdana,Arial,sans-serif;}

ul {margin:0 0 0 25px; padding:0;}

li {list-style-type:disc;}
li li {list-style-type:circle;}
li li li {list-style-type:square;}
li li li li  {list-style-type:disc;}

/* header */
#header {position:absolute; left:0; top:0; width:100%; height:40px; background:url(../img/header.png) repeat-x; font-size:14px; font-weight:bold;}
#header-right {position:absolute; top:0; right:0; width:215px; height:39px; background:url(../img/whiteboardmeeting.png) top right no-repeat;}
#header-left {position:absolute; top:0; left:0; margin:12px 0 0 7px;}

span.menu {}
span.menu a {padding:0 7px; text-decoration:none;}
span.menu a:hover {color:#06F;}
span.menu a.menu_active {color:#06F;}

#loginform {width:100%;}
#loginform form {font-size:11px; font-weight:normal; color:#DDD;}
#loginform form input {width:50px; padding:2px; border-color:#DDD; background-color:#F8F8F8;}
#loginform form button {margin:0 5px; font-size:11px; border-color:#DDD; color:#DDD; background-color:#F8F8F8;}
#loginform form button:hover {background-color:#F8F8F8;}

/* footer */
#footer {position:absolute; z-index:1; bottom:0; left:0; width:100%; height:40px; background:url(../img/footer.png) repeat-x;}
#footer-right {float:right; text-align:right; margin:10px 0 0 0; width:99%; font-size:13px; font-weight:bold;}
#footer-left {position:absolute; margin:14px 0 0 14px; font-size:9px; color:#888;}
#footer span.comment {color:#888; font-size:9px; font-weight:normal;}

/* content */
#content {position:fixed; bottom:40px; top:40px; left:0; right:0; background-color:#FFF; overflow:auto;}
#content-inner {padding:10px;}
#content-inner h2 {margin:0 0 10px 50px; font-size:18px; font-weight:bold;}
#content-inner h3 {margin:3px 0 12px 0; font-size:14px; font-weight:bold;}

/* Home page slideshow */
#slideShow {width:255px; height:175px; margin:15px auto; border:1px solid #CCC; padding:3px;}
#slideShow div {width:255px; height:175px;}

/* help */
#help-menu {position:fixed; top:42px; left:0; right:auto; bottom:42px; width:140px; background-color:#FFF; overflow:auto;}
#help-menu div.menuborder {width:auto; height:100%; background-color:#EEE;}
* html #help-menu div.menuborder {border:solid white; border-width:2px 0 3px 0;}
#helpmenu {padding:10px 0 10px 5px;}
#helpmenu a {text-decoration:none; font-size:11px;}
#helpmenu a.active {color:#06F;}
#helpmenu div.mini {margin:0; display:inline;}
#helpmenu div.mini span {font-size:11px; color:#888; cursor:pointer; padding:0 2px;}
#helpmenu a:hover {text-decoration:underline; color:#06F;}
#helpmenu div.cl {width:10px; height:10px; background-image:url(../img/+.gif);}
#helpmenu div.col div.closed {display:none;}
#helpmenu div.op {width:10px; height:10px; background-image:url(../img/-.gif);}
#helpmenu div.col div.open {display:block;}
#helpmenu div {margin:0 0 0 12px;}
#helpmenu div a div, #help-menu div.col {margin:0;}
#helpmenu div.toggler {position:absolute; width:0; height:0; margin:0;}
#helpmenu div.toggler div {position:relative; width:10px; height:10px; margin:0; left:-12px; bottom:-3px; cursor:pointer; font-size:0;}
/* help content */
#help-content {position:fixed; top:40px; bottom:40px; left:145px; right:0; background-color:#FFF; overflow:auto;}
#help-content #content-inner {width:550px;}
#help-content table.steps {margin:0 0 20px 0;}
#help-content td.step {width:40px; padding:5px 10px 0 0; border-top:3px solid #98D6FF;}
#help-content td.endstep {height:3px; background-color:#98D6FF;}
#help-content td.stepcontent {width:500px; padding:5px 0; text-align:left; border-top:3px solid #98D6FF;}

table.feedback {width:580px; border-collapse:collapse; border:2px solid #888;}
table.feedback th {text-align:left; padding:1px 5px; font-size:11px; border:2px solid #888;}
table.feedback td.message {padding:5px;border:dotted #AAA; border-width:0 1px 1px 1px;}
table.feedback tr.info td {font-size:9px; color:#AAA; border-bottom:1px solid #888; padding:1px 5px;}

div.feedback {width:580px; margin:0 0 10px 0; border:1px solid #888;}
div.feedback div {width:auto; padding:1px 5px;}
div.feedback div.header {font-size:11px; font-weight:bold; border-bottom:1px solid #888; padding:0; background-color:#EEE;}
div.feedback div.header span {border-right:1px solid #888; padding: 1px 5px;}
div.feedback div.info {font-size:9px; color:#888; border-bottom:1px dotted #888; border-top:1px solid #CCC; background-color:#F4F4F4; padding:0 0 0 5px;}
div.feedback div.buttons {width:auto; float:right; text-align:right; padding:0 5px;}
div.feedback div.buttons a {text-decoration:none; font-size:9px; font-weight:bold; margin:0 0 0 5px;}
div.feedback div.message {max-height:50px; padding:5px; overflow:auto; font-size:11px; cursor:n-resize; border-bottom:3px solid #CCC; background-color:#FFF;}
div.feedback div.expanded {max-height:100%; border-bottom:none;}
div.feedback #form {border-bottom:1px solid #888; padding:0;}
div.feedback #form textarea {padding:3px; width:566px; height:100px; margin:3px;}
div.feedback #form button {float:right; margin:4px 3px;}
div.na div.header {background-color:#FCC;}
div.na div.info {background-color:#FDD; border-top-color:#ECC;}
div.na div.message {background-color:#FEE;}
div.ns div.header {background-color:#CCF;}

/* form */
form {margin:0; padding:0;}
div.form {}
div.form form {}
div.form th {font-family:Tahoma,Verdana,sans-serif; font-size:13px; font-weight:bold; height:20px; vertical-align:top;}
div.form td {font-family:Tahoma,Verdana,sans-serif; font-size:11px; padding:1px; vertical-align:top; height:20px;}
div.form td.name, div.form td.name_r, div.form td.name_wrong {padding:1px 5px 1px 0;}
div.form td.name_r {}
div.form td.name_wrong {font-weight:bold; color:#C30;}
div.form td.space {}
div.form td.space1 {}
div.form td.error {color:#C30;}
div.form td.button {text-align:right;}
div.form input, div.form select, div.form textarea {font-family:Tahoma,Verdana,sans-serif; font-size:11px; border:1px solid #CCC; background-color:#F8F8F8; padding:0 3px;}
div.form input {padding:1px 3px;}
div.form input:focus, div.form input.selected, div.form textarea:focus, div.form select:focus {border-color:#0099FE;}
div.form textarea {}
div.form input.fcheckbox, div.form input.fradio {margin:0; padding:0; width:auto; border:none; background-color:transparent;}
div.form select {font-size:11px;}
div.form select.d {width:40px; margin-right:2px;}
div.form select.m {width:80px; margin-right:2px;}
div.form select.y {width:55px;}
div.form select.h {width:40px; margin:0 3px 0 10px;}
div.form select.i {width:40px; margin:0 3px;}
div.form select.s {width:40px; margin-left:3px;}
div.form button {font-family:Tahoma,Verdana,sans-serif; font-size:13px; font-weight:bold; color:#555; border:1px solid #CCC; background-color:#EEE; height:20px;}
div.form button:hover {background-color:#CCC; border-color:#777;}

