@import url(jquery.datePicker.css);
@import url(jquery.decimalDegrees.css);
@import url(jquery.autocomplete.css);

body {
    font: normal 12px Tahoma,sans-serif;
    text-align: center;
    margin-top: 0;
    background: #C3D5E6;/*#666 url(iaos/bgrd_page.gif) top repeat-x;*/
}
body * { padding:0; margin:0; }

h1, h2, h3, h4, h5, h6 {
    text-align: center;
    font-size: 200%;
    font-family: Georgia,Verdana,Geneva,Arial,Helvetica,sans-serif;
    padding-bottom: 10px;
}
.heading1 {
    text-align: center;
     padding-bottom: 10px;
    text-transform: uppercase;
    font: bold 14px Tahoma,Arial,Helvetica,sans-serif;
}
.heading2 { text-align:center; /*font:bold 18px Arial,sans-serif;*/
    margin:2em 0 0 0; text-transform: uppercase; font: 14px Tahoma,Arial,Helvetica,sans-serif; }
.heading2 .subtitle { font: 16px Arial,sanf-serif; }

p { padding-bottom: 20px; }
li { list-style-type: none; display: block; list-style-position: outside; }
a { color: #369; text-decoration: none; outline: none; }
a:active, input { outline: none; }
a img { border: none; }
img { vertical-align: middle; border: none; }
strong { font-weight: bold; }
.cleaner { display: block; clear: both; height: 1px; overflow: hidden; }
.hidden { display: none; }

.nowrap { white-space:nowrap; }

.inline { display: inline; }
.center { text-align: center; }
.center-important { text-align: center!important; }
.align-right { text-align: right !important; }
.align-left { text-align: left; }
.valign-top { vertical-align: top; }
.valign-bottom { vertical-align: bottom; }
.font-bold { font-weight: bold; }
.font-italic { font-style: italic; }

.data_loading { margin: 20px; padding: 10px; font: 15px bold,italic serif; }
.data_loading img { vertical-align: middle; }


.bulletin_message { font-weight: normal; color: #A00; border:1px solid #999; background:#FFF; padding:2px; }
.bulletin_message strong {  }
.bulletin_message em {  }

/* Forms ---------------------------------------- */
form, input, textarea, select, option { font: 12px Tahoma,sans-serif; vertical-align:middle; }
form .inp { padding: 2px 4px; border: 1px solid #AAA; background:#FFF; }
form input.inp { width:73%; }
form .inp.desc, form .inp.static { background: #DDD; }
form .inp.ewc { padding: 1px; border: 1px solid #AAA; background: #FFC; width: 100px; }
form .inp.bulstat { padding: 1px; border: 1px solid #AAA; background: #FFC; width: 150px; }
form .inp.date { padding: 1px; border: 1px solid #AAA; background: #FFC; width: 80px; }
form .inp.int { padding: 1px; border: 1px solid #AAA; background: #F0F5FF; width: 100px; }
form .inp.float { padding: 1px; border: 1px solid #AAA; background: #F5FFF5; width: 100px; }

form .inp.short { width: 33%; }
form .inp.meduim { width: 66%; }
form .inp.long { width: 90%; }
form .inp.fixed400 { width: 400px; }
form .inp.fixed300 { width: 300px; }
form .inp.fixed200 { width: 200px; }
form .inp.fixed100 { width: 100px; }
form .inp.fixed60 { width: 60px; }
form .inp.fixed30 { width: 30px; }

form .inp.w5 { width: 40%; display: block; float: left; }
form textarea { width: 73%; /*height: 50px;*/ }
form textarea.big { width: 73%; height: 500px; }
form textarea.full { width: 99%; height: 200px; }

form label { display:block; font-weight:bold; margin:3px 0 1px 0; }
form label.inline { display:inline; }
form label a { color:red; border:1px solid red; padding:0 3px 1px 3px; background-color:#FDC; }
form label b { color:red; }

form label.online { font-weight: bold; display: inline; float: none; width: auto; }
form label.head { display: block; font: bold 150% serif; }

form .label_full { float: left; }
form .label_line label { float: none; clear: none; }
form .label_line label .inp { display: inline; }

fieldset {
    padding: 5px 10px 10px 10px;
    border: 1px solid #CCC;
    margin: 0 0 5px 0;
}
fieldset legend {
    padding: 0 5px;
    font: italic 14px Georgia, sans-serif;
    color: #A00;
}

fieldset.dark {
    padding: 5px 10px 10px 10px;
    border: 1px solid #AAA;
    margin: 0 0 5px 0;
    background: #EEE;
}
fieldset legend.dark {
    text-align: center;
    padding: 0 0 0 0;
    width: 99%;
    margin-bottom: 0;
    font: italic 150% Georgia, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    background: #AAA;
}

fieldset ul { margin-top: 3px; }
fieldset ul ul { padding: 5px 15px; }
fieldset ul li { padding: 1px 0; }

fieldset .scrollable { height: 400px; overflow: auto; width: 99.9%; }

.info { color:#505050; font: italic 10px serif; padding: 0 0 4px 4px; }
.info.star { color:red; }
.info-text { color:#666; }

.value, .values label { font-style:normal; font-weight:normal; }

.add_row td { background: #DDD; }
.assigned td { color: #999; }

.invisible { visibility:hidden; }

.form .col { float: left; }
.form .col fieldset { width: 90%; }
.form .col.c2 { width: 50%; }
.form .col.c3 { width: 33.3%; }
.form .col.c4 { width: 25%; }
.form checkbox { width: 33.3%; }
form  .form .col textarea { height: 160px; width: 90%; }

/* Buttons ---------------------------------------- */
.btn {
    padding: 7px 10px;
    margin: 0;
    background: #f5f5f5 4px center no-repeat;
    border: 1px solid #dedede;
    font: bold 9pt Arial,sans-serif;
    text-decoration: none;
    color: #1e3e74;
    cursor: pointer;
}
.btn:disabled { opacity: 0.3; }

a.btn {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
}
input.btn { overflow: hidden; /*height: 3em;*/ }

.buttons { margin-top: 5px; /*border-top: 4px solid #CCC;*/ padding: 5px 0 0 0; min-height: 30px; }
.buttons .btn { margin: 0 1px; }
.buttons option { padding: 5px; }

td.icon .btn, td.act .btn { width: 16px; height: 16px; border: none; background: none; overflow: hidden; }
td.icon .btn:hover, td.act .btn:hover { border: none; background: none; }

.btn:hover { background-color: #dff4ff; border: 1px solid #c2e1ef; color:#336699; }
.btn:active { background-color: #6299c5; border: 1px solid #6299c5; color:#fff; }

.btn.find { padding-left: 25px; background-image: url(icons/16/magnifier.png); }
.btn.signup { padding-left: 25px; background-image: url(icons/16/application_form_edit.png); }
.btn.login { padding-left: 25px; background-image: url(icons/16/key.png); }
.btn.users { padding-left: 25px; background-image: url(icons/16/group.png); }
.btn.finish { padding-left: 25px; background-image: url(icons/16/accept.png); }
.btn.save { padding-left: 25px; background-image: url(icons/16/disk.png); }
.btn.back { padding-left: 25px; background-image: url(icons/16/arrow_left.png); }
.btn.find { padding-left: 25px; background-image: url(icons/16/zoom.png); }
.btn.reset { padding-left: 25px; background-image: url(icons/16/cross.png); margin-left:5px; }
.btn.hellp { padding-left: 25px; background-image: url(icons/16/help.png); margin-left:5px; }
.btn.rebuild { padding-left: 25px; background-image: url(icons/16/table_gear.png); }
.btn.page_edit { padding-left: 25px; background-image: url(icons/16/page_edit.png); }

.btn.positive, .btn.show_pop { padding-left: 25px; background-image: url(icons/16/add.png); }
.btn.positive:hover, .btn.show_pop:hover, .btn.green:hover { background-color:#E6EFC2; color:#529214; border:1px solid #AC9; }
.btn.positive:active, .btn.show_pop:active, .btn.green:active { background-color:#529214; color:#fff; }

.btn.negative, .btn.hide_pop, .btn.cancel { padding-left: 25px; background-image: url(icons/16/cancel.png); }
.btn.negative:hover, .btn.hide_pop:hover, .btn.red:hover, .btn.cancel:hover { background-color: #fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }
.btn.negative:active, .btn.hide_pop:active, .btn.red:active, .btn.cancel:active { background-color: #d12f19; border:1px solid #d12f19; color:#FFF; }

/* Icons ---------------------------------------- */
.act { background-position: center; background-repeat: no-repeat; }
a.act { display: block; width: 16px; height: 16px; overflow: hidden; padding: 0; text-indent: 16px; background-position: left top; }
.list th a.act { margin: 3px; padding: 0; }
.archive { background: #EEE; }
.act.profile { background-image: url(icons/16/vcard.png);  }
.act.oldmessages { background-image: url(icons/16/old_mail.png);  }
.act.newmessages { background-image: url(icons/16/mail.gif);  }

.act.calday { background-image: url(icons/16/calendar_view_day.png);  }
.act.calweek { background-image: url(icons/16/calendar_view_week.png);  }
.act.calmonth { background-image: url(icons/16/calendar_view_month.png);  }

.act.folder { background-image: url(icons/16/folder.png); }
.act.folder_star { background-image: url(icons/16/folder_star.png); }

.act.access { background-image: url(icons16/access.png); }
.act.page_edit { background-image: url(icons16/page_edit.png); }
.act.page_error { background-image: url(icons16/page_error.png); }
.act.page_gear { background-image: url(icons16/page_gear.png); }
.act.page_get { background-image: url(icons16/page_get.png); }
.act.page_report { background-image: url(icons16/report.png); }
.act.trash { background-image: url(icons16/trash.gif); }

.act.excel { background-image: url(icons/16/page_white_excel.png); }
.act.pdf { background-image: url(icons/16/page_white_acrobat.png); }
.act.save { background-image: url(icons/16/disk.png); }
.act.calendar { background-image: url(icons/16/calendar.png); }
.act.forms { background-image: url(icons/16/table_multiple.png); }
.act.upload { background-image: url(icons/16/upload.gif); }
.act.download { background-image: url(icons/16/download.gif); }
.act.db { background-image: url(icons/16/database_lightning.png); }
.act.form_edit { background-image: url(icons/16/form_edit.png); }
.act.form_history { background-image: url(icons/16/form_history.png); }
.act.form_status { background-image: url(icons/16/form_status.png); }
.act.preview { background-image: url(icons/16/page_white_magnify.png); }

.act.start { background-image: url(icons/16/start.png); }
.act.stop { background-image: url(icons/16/stop.png); }
.act.permitions { background-image:url(icons/16/group.png); }
.act.edit { background-image: url(icons/16/page_edit.png); }
.act.delete { background-image: url(icons/16/cross.png); }
.act.filter { background-image: url(icons/16/calendar.png); }
.act.add { background-image: url(icons/16/add.png); }
.act.user_pass { background-image: url(icons/16/key.png); }
.act.user_status { background-image: url(icons/16/user_delete.png); }
.act.move_down { background-image:url(icons/16/move_down.png); }
.act.move_up { background-image:url(icons/16/move_up.png); }
.act.stages { background-image:url(icons/16/chart_organisation.png); }
.act.confident { background-image:url(icons/16/error.png); }
.act.users { background-image:url(icons/16/user.png); }

.act.page_add { background-image:url(icons/16/page_add.png); }
.act.page_delete { background-image:url(icons/16/page_delete.png); }

#history.col { background: #DDD; height: 500px; border: solid #CCC; border-width: 5px 5px 0 5px; margin: 10px 0 -1px 0; overflow: auto; }
#history.col.c2 { width: 45%; float: right; padding: 15px; }

.navbtn { display: block; width: 16px; height: 16px; overflow: hidden; margin: 0 auto; }
.navbtn.prev { background: url(icons/16/arrow_left.png) left top no-repeat; }
.navbtn.next { background: url(icons/16/arrow_right.png) left top no-repeat; }

.result { padding: 010px 10px 0; font: italic 16px serif; }
.result strong { font-weight:normal; }

#toolbox { display:block; position:absolute; top:0; right:0; height:30px; overflow:hidden; }
#toolbox li, #toolbox a { display:block; float:left; }
#toolbox a { margin:8px 2px; }

/* Page ---------------------------------------- */
#page_container { margin:auto; text-align:left; width:100%; background:#323C4E; }
#page_container .pcl { background:url(iaos/bgrd_page_left.gif) left repeat-y; }
#page_container .pcr { background:url(iaos/bgrd_page_right.gif) right repeat-y; }

#page_content { background:#FFF url(iaos/shadow_bot_white.gif) bottom repeat-x; height:100%; margin:5px 10px 0 10px; }
#content { background:url(iaos/shadow_top_white.gif) top repeat-x; }
#content .inn { padding:20px; }

#header .top { background:url(iaos/header-3a.gif) top repeat-x; }
#header .topl {  }
#header .topr { height:25px; padding:0 5px; }
/*
#header .top { background:url(iaos/bgrd_header_top.gif) top repeat-x; }
#header .topl { background:url(iaos/bgrd_header_top_left.gif) left top no-repeat; }
#header .topr { background:url(iaos/bgrd_header_top_right.gif) right top no-repeat; height:25px; padding:0 5px; }
*/
#header .top a { padding:0 10px; text-decoration:none; color:#FFF; }
#header .top span { line-height:18px; overflow:hidden; }
#header .top .rgh { display:block; float:right; }
#header .top .lft { color:#FFF; font:bold 13px Georgia,Tahoma,Arial,sans-serif; padding-left:5px; }

#header .bts { background: url(iaos/bgrd_header_bts.gif) top repeat-x; font: bold 9pt Arial,Tahoma,sans-serif; }
#header .btsl { background: url(iaos/bgrd_header_bts_left.gif) left top no-repeat; }
#header .btsr { background: url(iaos/bgrd_header_bts_right.gif) right top no-repeat; text-align:center; }
#header .bts table { border-collapse:collapse; margin:auto; }
#header .bts td { background:url(iaos/cap_bg.gif) left top repeat-x; }
#header .bts a { display:block; color:#68A; padding:5px 0 0 0; margin-top:8px; font-weight:bold; font-size:12px; }
#header .bts .act { background-image:url(iaos/cap_bga.gif); }
#header .bts .act a { color:#FFF; }
#header .bts .cap { background:url(iaos/cap.gif) left top no-repeat; width:70px; height:40px; }
#header .bts .cap.l { background-image:url(iaos/cap_l.gif) }
#header .bts .cap.r { background-image:url(iaos/cap_r.gif) }
#header .bts .cap.la { background-image:url(iaos/cap_la.gif) }
#header .bts .cap.ra { background-image:url(iaos/cap_ra.gif) }
#header .bts .cap.al { background-image:url(iaos/cap_al.gif) }
#header .bts .cap.ar { background-image:url(iaos/cap_ar.gif) }

#nav.tabs { position:relative; }
#header .tabs { margin:0 10px; font:bold 11px Arial,Tahoma,sans-serif; text-transform:uppercase; }
#header .tabs ul.nav { display:block; height:30px; white-space:nowrap; overflow:hidden; background:url(iaos/bgrd_subnav.gif); }
#header .tabs .nav li { float:left; overflow:hidden; }
#header .tabs .nav li a { display:block; float:left; color:#8AC; line-height:30px; padding:0 15px; border-right:dashed 1px #848A95; text-decoration:none; }
#header .tabs .nav li a:hover {background:url(iaos/bgrd_subnav_over.gif); text-decoration:underline; }
#header .tabs .nav .tabs-selected a { background:url(iaos/bgrd_subnav_selected.gif); text-decoration:none; color:#FFF; }

#footer { background:#C3D5E6; height:50px; }
#footer .x { background:url(iaos/bgrd_footer.gif) top repeat-x; }
#footer .xl { background:url(iaos/bgrd_footer_left.gif) left top no-repeat; }
#footer .xr { background:url(iaos/bgrd_footer_right.gif) right top no-repeat; height:56px; }
#footer p { padding: 10px 20px 0 0; margin:0; text-align:right; color:#048; font: 10px Verdana,Arial,sans-serif; }
#footer p a { padding:0; color:#048; text-decoration:none; }

/*------------------------------------------------------------------------------------------------------------------------------*/
.sub { float:right; border-left:solid 5px #CCC; background:#E0E0E0; width:40%; height:99.5%; overflow:auto; display:none; }
.inn { padding: 10px; }
.sub_on { height: 99.5%; }
.sub_on #content { height: 99.5%; overflow: hidden; }
.sub_on .sub { display: block; }
.sub_on.left .sub { float: left }
.sub_on .main { height: 99.5%; overflow: auto; }
.sub_on #content { height: 500px; }

/*------------------------------------------------------------------------------------------------------------------------------*/
.panel { border: 1px solid #CCC; background: #EEE; padding: 10px; margin-bottom: 20px; } 
	.dark { background-color:#ccc; }
.panel p { display: block; margin: 0; padding: 5px 0; border-bottom: solid 1px #CCC; }
.panel table { width: 100%; border-collapse: collapse; }
.panel label { width: 25%; display: block; float: left; clear: both; margin-bottom: 5px; }
.panel .inp { width: 74%; margin-bottom: 5px; }

#filter .buttons { border: none; }
#filter .buttons .btn { float: right; margin: 6px 5px 0 0; }
#filter table { table-layout: fixed; }
#filter td { padding: 5px; }
#filter select { width: 90%; }
#filter input { width:80%; }
#filter .btns { width: 220px; }
#filter .btn { width: 105px; }

/* --- Projects ----------------------------------------------------------------------------------------------------------------*/
table.calendar, table.list { border: 1px solid #BBB; width: 100%; border-collapse: collapse; }
.calendar th, .calendar td, .list td, .list th { border: 1px solid #BBB; padding: 4px 7px !important; }
.autowidth { width: auto !important; margin-left: auto; margin-right: auto; }

.list.hover tr:hover, td.hover, tr.hover { background: #FFB; }
.list tr.exceeding { color:#A00; }
.list tr.color-red, .list td.color-red { color:#A00; }
.list tr.color-green, .list td.color-green { color:#080; }
.list tr.color-gray, .list td.color-gray { color:#888; }
.list tr.white { background: #FFF; }

.list th { padding:3px 3px 4px 3px; font-weight:bold; height:25px; background:#EEE; text-align:center; }
.list th a { display:block; white-space:nowrap; margin:0 -5px; padding:0 5px; }
.list th.header { text-align:left; padding-left:7px; }

.list td { border-width:1px 1px 0 0; }
.list td.label { width:1%; white-space:nowrap; background-color:#DDDDDD; }
.list td.submit { background-color:#AAAAAA; }


/*.calendar th, { border-width: 0 1px 1px 0; background: #EEE; padding: 7px;  text-align: center; }*/

.calendar { table-layout: fixed; }
.calendar td { vertical-align: top; padding: 10px; }
.calendar h3 { color: #900; text-align: right; }
.calendar li { border-bottom: 1px solid #CCC; padding: 5px 0; }
.calendar li.active { border: none; }
.calendar li ul { display: none; border-top: 1px solid #CCC; margin-bottom: 5px; padding-left: 10px; }
.calendar li li { font-weight: normal; border-bottom: 1px dashed #DDD; text-indent: 0; }
.calendar .expand {  }
.calendar .time { display: block; float: right; padding-right: 3px; }
.calendar .total { padding: 5px 0; color: #999; }

.expand { display: block; float: left; overflow: hidden; background: url(icons/16/bullet_play.png) left center no-repeat; cursor: pointer; padding-left: 22px; }
.expand.active { background: url(icons/16/bullet_down.png) left center no-repeat; }

.list .taskl1, .list .taskl2, .list .taskl3, .list .taskl4 { display: none; }
.list .taskl1 td {  } .list .taskl2 td {  } .list .taskl3 td {  } .list .taskl4 td {  }
.list .taskl1 .td1 { padding-left: 15px; }
.list .taskl2 .td1 { padding-left: 37px; }
.list .taskl3 .td1 { padding-left: 50px; }
.list .taskl4 .td1 { padding-left: 65px; }

.list .taskl1.last td { border-bottom-color: #bbb; }
.list .taskl2.last td { border-bottom-color: #DDD; }
.list .sum td { border-top: solid 1px #CCC; font-weight: bold; background: #EEE; }

.list .time { width: 8px; white-space: nowrap; }
.list .check { width: 1%; }
.list th.act, .list td.act, .list th.icon, .list td.icon { width: 16px; padding: 4px; overflow: hidden; }
.list a.btn { width: 16px; height: 16px; padding: 0; display: block; }

ul.tree li,
ul.list li { border-top: solid 1px #CCC; line-height: 20px; }
ul.list label { float: none; }
ul.list .act { float: right; margin: 2px 3px 0 0; }
ul.list .expand { padding-left: 16px; }

#content .list th.act, #window .list th.act,
table.matrix { table-layout: fixed; }

table.container { width: 100%; table-layout: fixed; vertical-align: top; }
table.container td { vertical-align: top; }
table.container .col { float: none; padding: 0 10px 0 0; }
table.container .form .col { float: left; padding: 0; }
table.container .narrow { width: 200px; padding-right: 0; } 
table.container .side { width: 200px; background: #EEE; display: block; padding: 20px; } 

li ul { padding-left: 20px; padding-bottom: 5px; }

pre.source { font: normal 9pt fixed; }
#message_list td { font:10px sans-serif; }

p.par { padding:0; }
p.par.num { padding-left:20px; text-indent:-10px; }
p.par + p.par { padding-top:6px; }
p.par + hr { margin:15px auto 10px auto; width:70%; }

table.public-menu {}
table.public-menu a { font:20px sans-serif; }

table.public-info { width:auto; margin:0 auto; display:block; border-collapse:collapse; font:10px sans-serif; }
table.public-info th { padding:4px 7px; background:#4682B4; color:#FFF; font-weight:bold; text-align:left; }
table.public-info td { padding:2px 5px; }
table.public-info td.label { font-weight:bold; white-space:nowrap; }
/* border: solid #BBB;  border: 1px solid #BBB;  */

.simple-menu { text-align:center; margin-bottom:5px; }
.simple-menu a, .simple-menu b { padding:0 3px; }
.simple-menu b { font-size:130%; }



table.form-grid {
    font: 1em Verdana,Arial,Helvetica,sans-serif;
    border-collapse: collapse;
    border: 0 solid black;
    margin: 0 auto;
    width: 100%;
}
table.form-grid caption {
    font: bold 100% Verdana,sans-serif;
    padding: 10px 0 5px 0;
    color: #A00;
}
table.form-grid th, table.form-grid td { padding: 1px; }
table.form-grid th {
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    padding-right: 4px;
    padding-top: 4px;
    vertical-align: top;
    width: 20%;
}
table.form-grid td {
    width: 80%;
}

table.clear th { font-weight: normal; }

form table.form-grid label, form table.clear label {
    font-weight: normal;
    margin: 0;
}



/* Station status */

.station_status { font:8px Verdana,sans-serif; border:2px solid #888; background:#CF8;
    color:#000; margin:3px; padding:5px; text-align:center; width:180px; height:80px; float:left; }
.station_status.not_good { background:#FCA; border-color:#C00; }
.station_loading, .station_icon { width:16px; height:16px; border:0px; margin:0 0 0 4px; padding:0; float:right; }
.station_loading { float:left; }
.station_name { font:bold 10px Arial,sans-serif; padding:3px 0; margin:0; }
.station_status.not_good .station_data { color:#A00; font-weight:bold; }
.station_header { margin:0 0 5px 0; padding:0 0 3px 0; height:16px; }
.station_buttons { margin:5px 0 0 0; padding:3px 0 0 0; height:16px; }
.station_button { width:16px; height:16px; margin:0 4px 0 0; padding:0; float:left; }

/* User Messages ---------------------------------------- */
.message { border:5px solid #999; margin: 5px 0; padding:10px; background:#CCC 19px center no-repeat; color:#000; min-height:45px; }
.message.information { padding-left:80px; color:#FFF; border-color:#465061; background-color:#848a95; background-image:url(icons/42/info.png); }
.message.error { padding-left:80px; color:#FFF; border-color:#900; background-color:#C00; background-image:url(icons/42/stop.png); }
.message.success { padding-left:80px; color:#FFF; border-color:#465061; background-color:#848a95; background-image:url(icons/42/ok.png); }
.message li { margin-top:5px; }

/* Help & Warn Popups ---------------------------------------- */
img.help { vertical-align: middle; border: none; margin: 0; padding: 0; cursor: pointer; }
.help_window { border: 2px solid #333399; padding: 3px 5px 5px 5px; font:sans-serif; color: #000; background: #DEF; text-align: left; }
.help_window p { padding: 0; }
.help_window p + p { padding-top: 6px; }

img.warn { vertical-align: middle; border: none; margin: 0; padding: 0; cursor: pointer; }
.warn_window { border: 2px solid #333399; padding: 3px 5px 5px 5px; font:sans-serif; color: #FFF; background: #F00; text-align: left; }
.warn_window p { padding: 0; }
.warn_window p + p { padding-top: 6px; }

/* Popups ---------------------------------------- */
#WI_overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:#666; opacity:.8; filter:alpha(opacity=80); z-index:997; }
#WI_loading { position:absolute; left:50%; top:50%; height:50px; width:200px; margin:-25px 0 0 -100px; text-align:center; font:normal 16px Verdana,Arial,sans-serif; color:#FFF; _position:absolute; z-index:998; }
#WI_window { position:fixed; left:0; top:0; width:100%; _position:absolute; z-index:999; }
#WI_window table.container { width:100%; height:100%; text-align:center; }
#WI_window table.container td { vertical-align:middle; }
#WI_window .inn { width:50%; min-width:760px; background:#FFF; border:5px solid #323c4e; border-top:none; text-align:left; margin:auto; padding:0; }
* html #window .inn { width:100%; }
#WI_window .hdr { background:#323c4e; color:#FFF; font-weight:bold; }
#WI_window .hdr h6 { font-size:14px; font-weight:normal; padding:2px 5px; }
#WI_window .cnt { padding:10px; }
#WI_window hr { color:#EEE; }
#WI_window textarea { width:97.5%; /*height:100px;*/ }
#WI_window .buttons { padding:5px 0 0 0; margin:5px 0 0 0; }
#WI_window .message { margin: 5px; }
#WI_overlay, #WI_window { display:none; }