/**
 * Main stylesheet for CSS2 compatible browsers.
 * $Id: style.css,v 1.136 2009/08/11 15:39:53 patrik Exp $
 **/

@import url("common.css");
@import url("cssinc/login.css");
@import url("cssinc/editor.css");
@import url("cssinc/wizard.css");
@import url("cssinc/palette.css");
@import url("cssinc/sortlist.css");
@import url("cssinc/dialogbox.css");
@import url("cssinc/history.css");
@import url("datatable.css");

/** Size */
table#layout_outer {width:100%;height:100%}
#td_leftcol {height:100%;width:266px}
#td_termlist {height:100%}
#div_termlist {width:265px}

#td_rightcol {height:100%}
table#layout_rightcol {width:100%;/*height:100%*/}
#td_resultwin {height:100%}

#td_content {height:100%}

.editview #td_leftcol {width:400px}


/** Content */
#td_leftcol {vertical-align:top}
#td_termlist {vertical-align:top}
#div_termlist {overflow:auto}
#td_rightcol {vertical-align:top}
#td_resultvisi {vertical-align:top}
#td_resulttoolbar {vertical-align:top}
#td_resultwin {vertical-align:top}
#td_content {vertical-align:top}
.editview #controlstbl td {padding:.3em .5em}

/** Decoration */
#td_head {border-bottom:1px solid #666}
#td_leftcol {border-top:2px solid #fff;border-right:1px solid #666;background:#dcc}
/* #div_termlist {background:#eee} */

.editview #td_leftcol {background:#ececec}



html, body {height:100%;max-height:100%;border:0}
body {background:#fff;font-family: Verdana,Arial,Helvetica,sans-serif;font-size:70%;margin:0;padding:0;color:#333;line-height:1.2em}

#logo1 {display:none}
#logo2 {float:left;width:133px;height:49px;background: url(img/termweblogo.gif) top left no-repeat;margin:23px 0 0 10px;position:absolute}
#logo1 .build {display:none}
#head {background:#fff url(img/headbg.gif) repeat-x bottom;height:72px;width:100%}

#td_head {background:#fff url(img/headbg.gif) repeat-x bottom;height:72px}
#td_head #logo2 {position:relative;height:49px;margin-top:23px}
#td_head #logofoot {clear:both}
#td_head #logo1 .build {display:block;width:500px;position:absolute;}
#controlstbl {border-top:none}



/* Common for login and main page */

#versionDiv {position:absolute;bottom:.2em;left:.2em;color:#999}


/* Main */

#content {width:100%;background:#fff;overflow:auto;top:110px;bottom:0}

#contentbody {padding:2em}

#controls {background:#ccc;border:2px solid #fff;border-left:none;border-right:none;width:100%;height:2em;overflow:hidden;border-bottom:1px solid #666;white-space:nowrap}
#controlstbl {background:#ccc;width:100%;border-top:2px solid #fff;border-bottom:1px solid #666}
#controlstbl td {white-space:nowrap}
#controlstbl td.i {padding-left:.5em}
#controlstbl td table {border-collapse:separate}
#controlstbl td td {padding:0 .5em}

#controlstbl .helpicon {margin-right:-.4em}

.clearer {clear:both}
.fl {float:left}
.fr {float:right}
.no {visibility:hidden;display:none}

/* Change password page */
#changePasswordPage input {width:8em}
/*************************/

#AdminView #content {top:97px}

div#validErrorDiv {padding:.5em 0 .5em 21px;background:url(img/error-icon.gif) left no-repeat}
.validError {color:red}
.errMsg {color:red;font-weight:bold}
.jsErrMsg {color:red;font-weight:bold;display:none}

/** Search view **/

#SearchView .waitmsg {position:absolute}

#searchPanel {margin:5px 0}

#searchPanel .i * {float:left}

#searchPanel .i .iconBtn {margin:-3px 0 0 3px}
#searchPanel input.searchf {width:140px;margin:0}
#searchPanel .ii {display:block}
#searchPanel .ii input {margin:0;padding:0}
#searchPanel .ii label {padding-right:0.5em}

#searchOptPanel {position:absolute;overflow:auto;border:1px solid #666;background:#ccc;margin-top:23px;width:500px;display:none;z-index:9}
#searchOptPanel .main {background:url(img/bg/vstripe.gif) repeat;padding:1em;z-index:3}
#searchOptPanel .rowset {margin-left:1em;display:block}
#searchOptPanel .cbl {width:210px}
#searchOptPanel #cffs {float:left}
#searchOptPanel #tffs {float:right;clear:none}
.searchOpt_section {padding:.5em 0;border-bottom:1px dotted #ccc}
#searchOpt_fields_text {position:absolute;margin-left:240px;width:240px;font-style:italic;color:#744}


#termctrls, #termnav {padding:.3em .5em}
#termctrls select, .mx170 {max-width:170px}

#termctrls {background:#dcc;border-bottom:1px solid #666}
#termctrls label {padding-right:1em}

select {border: 1px solid black;}
.termlist {padding:.3em 0 .3em .5em}
.termlist ul {margin:0;padding:0;list-style:none}
.termlist li {margin:0}
.termlist a {white-space:nowrap}
.termlist_filtered {background:rgb(254,243,183)}
.termlist_notfiltered {background:#eee}
.control_filtered {background:rgb(254,243,183)}
td.control_filtered {background:transparent; border:1px solid rgb(254,243,183);}
td.control_notfiltered {background:transparent; border:1px solid transparent;}
.control_notfiltered {background:white}
/* option {background: white} */
/* .control_notfiltered {background:white}  */

#termnav {padding:.2em .5em;background:#dcc;z-index:2;border-top:1px solid #666}
#termnav img {margin:0 .5em}


#resulttoolbar {background:#dcc;border-top:1px solid #eff}
div.toolbar {background:#ccc;padding-left:.5em}
div.tool {float:left;padding:.5em .5em 0;text-align:center}
div.sep {border-left:2px solid #999}
div.tool p {font-size:.8em;text-align:center;background:transparent}
div.tool input.dis {cursor:default}

#resultvisi {background:#ccc;padding:5px .5em;border-top:1px solid #666;border-bottom:1px solid #333}
#resultvisi.guest {border-top-width:0}
#resultvisi form {float:left;margin-right:1em}
#resultvisi form.i {margin-right:.3em}

.rwin {border:0;width:100%;height:100%}

.menuicons div {float:left;margin:1em;width:80px;height:100px;text-align:center;font-size:.9em}
.menuicons p {width:80px}
.menuicons a {font-weight:normal;font-size:.9em}
.menuicons div em {text-decoration:underline;font-style:normal;font-weight:normal}

.bgpanel {background:url(img/bg/vstripe.gif);margin-top:0;border-bottom:1px solid #666}

#editctrl {overflow:auto;background:#dcc;padding:0}

#editctrl .bgpanel {text-align:center;border-top:1px solid #f0f0f0}
#editctrl .menuicons {clear:both;text-align:center;margin:1em auto;border:0px solid lime}
#editctrl .menuicons div {height:68px;text-align:center}
#editctrl span {display:block;margin:.5em 0}
#editctrl div {text-align:left}
#editctrl .d {margin:0}
#editctrl .f {display:block}
#editctrl .f table {width:100%}
#editctrl .f td.i {text-align:right}
#editctrl .f fieldset {margin:0 1em;text-align:left}
#editctrl .f td.i input.btn {font-size:.9em;margin:.2em 0;padding-top:.1em;padding-bottom:.1em;font-weight:normal}
#editctrl .f textarea {width:29em}

#editctrl .buttons {clear:both;margin:2px;padding:.5em;text-align:center}
#editctrl .buttons .btn {margin:0 .5em}
#editctrl .termset {background:#d3c3c3;padding:1em;border:1px solid #a99}
#editctrl .term textarea {height:3em}
#editctrl p.panel {float:left;margin-left:.5em}
#editctrl .validError {margin-left:.5em}
#editctrl #linkctx {display:none}

.editicon {float:right;margin-right:1em}

.disabled {color:#aaa}
select.disabled {background-color:#e4e4e4}
.bx {display:block}
.ix {margin-left:2em}

#EditImportSetting #partsHead {font-weight:bold;margin-left:.5em}

.mapComp td {vertical-align:top;width:22em;padding-right:1em}
.mapComp ul {list-style:none;margin:0;padding:0}
.mapComp .rbList {border:1px solid #666;padding:.5em;height:12em;overflow:auto}
.mapComp select {width:44em}
.mapComp select option span {display:none;color:red}

.textMap th {padding-bottom:.5em}
.textMap tr:hover {background:#eee}
.textMap tr.i:hover {background:transparent}
input.ro {color:#444;background:#eee}

.steplist ul {list-style:none;margin:0 0 1em 0;padding:0}
.steplist li {margin:.2em 0;padding:.3em 24px}
.steplist li.checked {background:url(img/check_g.gif) left no-repeat;color:#999}
.steplist li.current {background:url(img/cogs.gif) left no-repeat;color:#966;font-weight:bold}

.adminview .helpicon {position:absolute;top:110px;right:22px;padding:1em}
#ShowScheduledJobs .helpicon {position:relative;top:auto;right:auto;padding:0;float:right}

.hidden {display:none}

#jmsadapter_Admin .hoverPopupSpan:hover {background:#fee}
#jmsadapter_Admin .hoverPopupContent {background:#fee;padding:.5em}
#jmsadapter_Admin table.summary td {padding:.2em}
#jmsadapter_Admin table.summary td.i {font-weight:bold}
#jmsadapter_Admin table.summary tr.i td {padding-top:1em}
#jmsadapter_Admin #pbcon, #pbcon div {width:300px}

.jobresultlist table td {vertical-align:top}
.jobresultlist .jobresultfull {display:none}
.jobresultlist .jobresultlesslink {text-align:right}
.jobresultlist .jobresultfiles {margin-top:.5em;border-top:1px solid #ccc;padding:.5em .2em}
div.reload {float:right}

.buttons2 {clear:both;margin:.3em;padding:.2em}
.buttons2 .btn {margin:.3em 0}
.cbSelect a {font-weight:normal;text-decoration:underline;margin:.2em}
.cbSelect a:hover {color:#66b}
.copylink {margin-left:.5em}

.cronBox {float:left;margin:0 .6em 0 0;display:none}
.cronBox label {display:block;margin-bottom:.2em}
div.edetails .cronBox select {width:auto;min-width:6em}
#cronIntervalDiv {display:block}
.extDiv {clear:both}
.extDiv div {display:none;margin-top:.3em}
a.tiny {font-weight:normal;font-size:.8em;text-decoration:underline}
a.tiny:hover {color:#06c}
#servertime {color:#850;}

#resultwin_settings {float:left}
#resultwin_settings a {background:url(img/arrow_dd.gif) center right no-repeat;padding-right:13px}
#resultwin_settings_dd {position:absolute;background:#ddd;border:1px solid;border-color:#ccc #999 #999 #ccc}
#resultwin_settings form {float:none;margin:0.3em}

#PrintPdf #pbcon div {position:absolute;width:300px;height:20px;left:55px;}
#PrintPdf #pbcon {padding:0;border:1px solid #666;margin-top:1em}
#PrintPdf #pbgrad {top:0px;left:0px;background-image:url("./layout/img/progressbg12.gif");background-repeat:no-repeat}
#PrintPdf #pbcon #pbgrad {top:0px;left:0px;background-image:url("./layout/img/progressbg.gif");background-repeat:no-repeat}
#PrintPdf #pbcon #pbmask {top:0px;left:0px;background-image:none;background-repeat:no-repeat}
#PrintPdf #pbmask {top:0px;left:0px;background-color:#fff}
#PrintPdf td {padding:0 1em}
#PrintPdf ul {list-style:none;padding:0}
#PrintPdf li {margin-bottom:1em}
#PrintPdf td table {margin:1em 0}

/** Import validation report **/
#val_main {padding:2em}
.val_concept {border:1px solid #eee;margin:.5em 0;padding:.5em}
.val_concept:hover {background:#fff6f6}
.val_concept a {font-size:1.2em;text-decoration:underline}
.val_concept a:hover {color:#47a}
.val_term p {font-weight:bold;color:#666}
.val_term .term {color:#009}