html { height: 99%; width: auto; }
body { padding: 5; margin: 0; background: #FFFFFF; color: #214121; font: 12px Arial, Helvetica, Sans-Serif; }
a img { border: none; color: #509dc3; }
a:link, a:visited, a:hover { font-family: "Arial"; color: #0362C2; font-weight: bold; font-size: 10pt; text-decoration: none; }
select, textarea, input { font-family: "Arial"; font-size: 10pt; color: #214121; background-color: #ffffff; }
td,th { font-size: 10pt; font-family: "Arial"; color: #214121; }
p { margin: 0px; padding: 0px; }
h1 { margin: 0 0 5px; font-size: 16px; font-weight: bold; color: #509dc3; }
h2 { margin: 0 0 5px; font-size: 15px; font-weight: normal; color: #666666; }
hr { width: 100%; color: #509950; }
form { padding: 0px; margin: 0px; }

input[type=submit] { font-size: 12px; border: 1px solid #6a6a6a; padding: 1px 8px 1px 8px; color: #333333; font-weight: bold; background-color: #f7f7f7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; }
input[type=button] { font-size: 12px; border: 1px solid #6a6a6a; padding: 1px 8px 1px 8px; color: #333333; font-weight: bold; background-color: #f7f7f7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; }

fieldset.body { margin: auto; padding: 10px 0px 10px 0px; border: 1px #8ca6b5 solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
fieldset.body legend { margin: 0px 10px 5px; font-size: 16px; font-weight: bold; color: #509dc3; }

.w100 { width: 100%; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.red { color: #FF0000; }
.errors { font-family: "Arial"; color: #FF0000; font-size: 10pt; font-weight: bold; text-decoration: none; }

.error-header { font-size: 18px; font-face: Arial; font-weight: bold; color: #FF5555; padding-bottom: 5px }
.error-text { font-size: 14px; font-face: Arial; font-weight: normal; color: #555555; }
.error-text p { padding: 5px 0px 5px 0px; }

table#main { width: 100%; height: 100%; border-collapse: collapse; padding: 5px; }
table#main td { vertical-align: top; }
table#main td#header { height: 63px; padding: 0px; margin: 0px; background: url(/img/bg_top.png) repeat-x; vertical-align: top; }
table#main td#menu { height: 20px; margin: 0px; padding: 0px; }
table#main td#end { font-size: 9pt; font-family: "Arial"; color: #ffffff; font-weight: bold; background-color: #666666; vertical-align: middle; padding-right: 10px; }
table#main td#main { text-align: left; vertical-align: top; font-size: 15px; font-family: "Arial"; color: #002100; padding: 10px 5px 5px 5px; }
table#main td#main h1 { font-size: 20px; font-family: "Arial"; }

div.logo_text   { border: 0px solid red; width: 220px; font-family: Century Gothic; font-weight: bold; font-size: 40px; float: left; text-align: left; color: #eeeeee; padding: 5px 0px 0px 10px; }
div.logo_auth   { border: 0px solid green; font-family: Century Gothic; font-weight: bold; font-size: 20px; float: right; text-align: right; color: #eeeeee; padding: 0px 0px 0px 0px; vertical-align: top; }
div.logo_auth td  { font-family: Century Gothic; font-weight: bold; text-align: right; color: #eeeeee; padding: 4px 10px 0px 0px; vertical-align: top; }
div.logo_auth input[type=text], .logo_auth input[type=password] { border: 2px solid #555555; color: #333333; background-color: #eeeeee; margin-top: 10px; padding: 2px 7px 2px 7px; font-size: 14px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
div.logo_auth input[type=submit] { border: 2px solid #555555; color: #333333; background-color: #eeeeee; padding: 2px 7px 2px 7px; font-size: 14px; font-weight: bold; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
div.logo_clinfo { border: 0px solid blue; width: 500px; font-family: Century Gothic; font-weight: bold; font-size: 16px; float: left; text-align: left; color: #eeeeee; padding: 15px 0px 0px 10px; }
div.logo_clinfo input[type=submit] { border: 2px solid #555555; color: #333333; background-color: #eeeeee; padding: 2px 7px 2px 7px; font-size: 14px; font-weight: bold; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
div.logo_clinfo select { border: 2px solid #555555; color: #333333; background-color: #eeeeee; padding: 0px 7px 0px 7px; font-size: 14px; font-weight: normal; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
div.logo_clinfo option { border-top: 1px solid #555555; padding: 2px 2px 2px 2px; }

div.speaker{ background: url("/img/play/repro.gif"); background-repeat: no-repeat; padding: 2x 4px 2px 20px;  width: 20px; height: 20px; cursor: pointer; float: right; margin-right: 5px; }
div.speaker:hover { background-image: url("/img/play/icon_play.gif"); background-repeat: no-repeat; float: right; margin-right: 5px; }
div.speaker_active{ background-image: url("/img/play/icon_play_on.gif"); background-repeat: no-repeat; float: right; margin-right: 5px; }
div.export { background-image: url("/img/play/export.gif"); background-repeat: no-repeat; padding: 2x 4px 2px 20px; width: 20px; height: 20px; cursor: pointer; float: right; margin-right: 5px; }
div.export:hover { background-image: url("/img/play/export_on.gif"); background-repeat: no-repeat; padding: 2x 4px 2px 20px; float: right; margin-right: 5px; }
div.callinfo { background-image: url("/img/play/info.png"); background-repeat: no-repeat; padding: 2x 4px 2px 4px; width: 20px; height: 20px; cursor: pointer; float: right; }
div.empty { padding: 2x 4px 2px 4px; width: 20px; height: 20px; float: right; }
div.notrepl { background-image: url("/img/play/icon_error.gif"); background-repeat: no-repeat; padding: 2x 4px 2px 4px; width: 20px; height: 20px; cursor: pointer; float: right; margin-right: 5px; }

table.default { width:100%; border-collapse: collapse; }
table.default tr { text-align: left; }
table.default th { font-size: 10pt; background: #509dc3; color: #FFF; font-weight: bold; padding: 5px; }
table.default td { font-size: 10pt; padding: 5px; color: #214121; line-height: 1.3; }
table.default td a { font-size: 10pt; font-family: "Arial"; color: #214121; }
table.default td a:link { font-size: 10pt; font-family: "Arial"; color: #214121; }
table.default td a:visited { font-size: 10pt; font-family: "Arial"; color: #214121; }
table.default td a:active { font-size: 10pt; font-family: "Arial"; color: #214121; }
table.default td a:hover { font-size: 10pt; font-family: "Arial"; color: #214121; }
table.default td img { border: 0px; }
table.default td.comment { color: #214121; font-size: 9pt; font-weight: normal; }
table.default tr.gray td { background: #EEEEEE url(../img/dots_goriz.gif) repeat-x 0 bottom; }
table.default tr.white td { background: #FFFFFF url(../img/dots_goriz.gif) repeat-x 0 bottom; }
table.default tr.curr td { background: #CCCCCC url(../img/dots_goriz.gif) repeat-x 0 bottom; }

table.data { border-collapse: collapse; margin-top: 0px; margin-bottom: 10px; }
table.data th { padding: 4px 5px 4px 5px; font-size: 10pt; background: #1f6c9f; color: #FFF; font-weight: bold; border-top-left-radius: 4px; border-top-right-radius: 4px; }
table.data td { padding: 3px 5px 3px 5px; font-size: 10pt; color: #585F60; vertical-align: top; border-bottom: 1px gray dashed; }
table.data .fill { background-color: #d0e5f5; }
table.data .green { background-color: #c8f9b3; }
table.data .red { background-color: #f7c0bd; }
table.data a { font-size: 10pt; color: #1f6c9f; font-weight: bold; }

table.form { border-collapse: collapse; margin-top: 0px; margin-bottom: 10px; }
table.form th { padding: 5px; font-size: 12pt; background: #1f6c9f; color: #FFF; font-weight: bold; }
table.form td { padding: 5px; font-size: 12pt; background: #dedede; color: #333333; vertical-align: top; border-bottom: 1px white solid; }
table.form td.what { background: #ffffff; }
table.form td.what div { background: url('/img/help.png') no-repeat; width: 16px; height: 16px; margin-top: 3px; text-align: right; cursor: pointer; }
table.form td.errors { background: #ffffff;}
table.form td.errors span { display: none;  font-size: 11pt; border: 1px solid #6a6a6a; padding: 2px 10px 2px 10px; margin-left: 20px; color: #FF0000; font-weight: bold; background-color: #f7f7f7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
table.form select               { font-size: 14px; border: 2px solid #6a6a6a; padding: 1px 5px 1px 5px; color: #333333; font-weight: normal; background-color: #f7f7f7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
table.form textarea             { font-size: 14px; border: 2px solid #6a6a6a; padding: 1px 5px 1px 5px; color: #333333; font-weight: normal; background-color: #f7f7f7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
table.form input[type=text]     { font-size: 14px; border: 2px solid #6a6a6a; padding: 1px 5px 1px 5px; color: #333333; font-weight: normal; background-color: #f7f7f7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
table.form input[type=password] { font-size: 14px; border: 2px solid #6a6a6a; padding: 1px 5px 1px 5px; color: #333333; font-weight: normal; background-color: #f7f7f7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
table.form input[type=submit]   { font-size: 14px; border: 2px solid #6a6a6a; padding: 1px 8px 1px 8px; color: #333333; font-weight: bold; background-color: #f7f7f7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; }
table.form input[type=button]   { font-size: 14px; border: 2px solid #6a6a6a; padding: 1px 8px 1px 8px; color: #333333; font-weight: bold; background-color: #f7f7f7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; }

table.filter { border-collapse: collapse; border: 0px; margin-top: 0px; }
table.filter tr { text-align: left; border: 0px; }
table.filter th { font-size: 10pt; padding: 5px; background: #1f6c9f; color: #FFF; font-weight: bold; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
table.filter td { font-size: 10pt; padding: 5px; color: #585F60; line-height: 1.3; vertical-align: top; }
table.filter input[type=text] { font-size: 13px; cursor: pointer; border: 2px solid #efefef; padding: 1px 5px 1px 5px;  color: #585F60; font-weight: bold; background-color: #efefef; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
table.filter input[type=submit] { font-size: 13px; cursor: pointer; border: 2px solid #efefef; padding: 1px 5px 1px 5px;  color: #585F60; font-weight: bold; background-color: #efefef; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
table.filter input[type=button] { font-size: 13px; cursor: pointer; border: 2px solid #efefef; padding: 1px 5px 1px 5px;  color: #585F60; font-weight: bold; background-color: #efefef; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
table.filter button { font-size: 13px; cursor: pointer; border: 2px solid #efefef; padding: 1px 5px 1px 5px;  color: #585F60; font-weight: bold; background-color: #efefef; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.button { font-size: 14px; cursor: pointer; border: 2px solid #6a6a6a; padding: 2px 8px 2px 8px;  color: #6a6a6a; font-weight: bold; background-color: #efefef; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

table.stat { border-collapse: collapse; margin-top: 0px; margin-bottom: 10px; }
table.stat th { padding: 5px; font-size: 10pt; background: #1f6c9f; color: #FFF; line-height: 1.3; font-weight: bold; }
table.stat td { padding: 5px; font-size: 10pt; color: #585F60; line-height: 1.3; vertical-align: top; border-bottom: 1px gray dashed; }
table.stat .content { border: 1px solid #1f6c9f; color: #2779aa; }
table.stat .fill { background-color: #d0e5f5; }
table.stat a { font-size: 10pt; color: #1f6c9f; font-weight: bold; }

.wc_code { background: #ffffff; font-size: 11pt; border: 1px solid #6a6a6a; padding: 5px 15px 15px 15px; margin: 10px; color: #0000FF; font-weight: bold; background-color: #f7f7f7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }