/**
 * Main stylesheet for CSS2 compatible browsers.
 * $Id: style.css,v 1.172 2011/09/27 13:33:08 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;height:1200px}

#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%}
#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}
#elist .helpicon {margin-right:0}

.clearer {clear:both}
.fl {float:left}
.fr {float:right}
.no {visibility:hidden;display:none}
.m1 {margin:1em}

/* 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}
/* Now included in common.css but kept here until full remake in 4.0 */
.validError {color:red}
.errMsg {color:red;font-weight:bold}
.jsErrMsg {color:red;font-weight:bold;display:none}
/** End of duplication */

/** 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:166px;margin:0}
#searchPanel #searchBtn {width:50px}
#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 {width:430px;font-style:italic;color:#744}


#termctrls {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}
.termlist ul {margin:0;padding:0;list-style:none}
.termlist li {margin:0;background:#e8e8e8;border-bottom:1px solid #f6f6f6}
.termlist a {display:block;padding:0 15px;text-indent:-10px;white-space:normal}
.termlist li a:hover{background-color:#ffd !important}
.termlist li.add {background-color:#ffc2c2 !important}

.termlist li a.v{font-weight:normal;text-indent:2px;background:url(img/checkicon.gif) 5px 50% no-repeat}

.termlist_filtered {background:rgb(254,243,183)}
.termlist_filtered .termlist li {background:#ffa}

.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}

#termnav {padding:.2em .5em 0 .5em;background:#dcc;z-index:2;border-top:1px solid #666}
#termnav img {margin:0 .5em}
#termnav .fl span {color:#f66}


#resulttoolbar {background:#dcc}
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%}
#intlinkrw {height:230px}
#ilinktermlist .termlist a {width:18em}

.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}
.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 !important;background-color:#e4e4e4 !important}
a.disabled:hover {text-decoration:none}
a.disabled:active {text-decoration:none}
.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}
#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}

.filterDropTr td {padding-top:.5em}
.filterDropTr .iconBtn {margin:-5px 0 0 5px;position:absolute}

.menuicons .menusection {min-width:700px}
.menuicons .menusection {float:none;width:auto;height:100px;clear:both;border:1px solid #e6e6e6}
.menuicons .menusection:hover {border-color:#fcc}

#td_controls {border-top:2px solid #eee;border-bottom:1px solid #666}
#c_cols {float:left;width:100%;border-top:2px solid #eee}
#c_leftcol {float:left;width:265px}
#td_rightcol {margin-left:265px;border-left:1px solid #666}
.minibtn {font-size:.9em;font-weight:bold;padding:0}

.nowrap {white-space:nowrap}
.b {font-weight:bold}
div.etable2 td {border-left:1px solid #ccc}
div.etable2 td.first {border-left:none}
.elisttext {padding:.5em;background:#eee;border-top:2px solid #bbb}
.status_active {font-weight:bold;color:#080}
.status_inactive {font-weight:bold;color:#800}
.bullink {background:url(img/linkbullet.gif) left center no-repeat; padding-left:12px}

.wfconditions div {background:url(img/nlstree/line.gif) center left repeat-y;padding-left:1.5em}
.wfcond {font-weight:normal;white-space:normal}
.wfoper {font-weight:bold;display:block;text-indent:1em;background-image:url(img/nlstree/lineints.gif) !important}
.wfconditions .first {background:url(img/nlstree/linetopang.gif) center left no-repeat;height:12px;width:18px}
.wfconditions .last {background:#ddd url(img/nlstree/lineang.gif) center left no-repeat !important;height:10px;width:18px}
.wfcond .bullink {display:block;margin-top:.5em}

.wfgroupcond {color:blue}
.wffieldcond {color:green}
.wf .fn {font-weight:bold;color:green}
.wf .fv {font-weight:bold;font-style:italic;color:green;width:30%}
div.wffunctions table {width:99%}
div.wffunctions td {width:1%; padding:0 .2em;white-space:nowrap;border-bottom:1px solid #ccc;padding-bottom:.2em}
div.wffunctions td.links {font-size:90%;width:20%;text-align:right}
.edetails table {width:100%;border-collapse:separate;border-left:1px solid #666;border-right:1px solid #666}
.edetails table table {border-width:0px}
#AccessEditor .edetails table {border:1px solid #666}
#AccessEditor .edetails .etable table {border:none}
#LanguageAccessEditor .edetails table {border:1px solid #666}
#LanguageAccessEditor .edetails .etable table {border:none}
#LanguageAccessEditor .edetails .buttons {border:none}
.edetails ul {list-style-type:none}
.edetails ul.u2 {padding-left:1em}
.edetails ul.sparse li {margin:1.2em 0;padding:0}
.edetails li label {padding-left:.2em}
.edetails .sel,.edetails .sel *{background:#ecc}

table.cssstyle {width:auto}
.cssstyle select {width:8em}
input.color {width:7.5em}
table.rbgroup {width:1px}
table.rbgroup td {white-space:nowrap}
table.rbgroup td.i {width:1%}

.redborder {border:5px solid #f66}
table.collapsed {border-collapse:collapse}
.simplelist {font-style:italic}
.simplelist div {white-space:nowrap}
.rtl {direction:rtl}
.termlist a.disabled {color:#aaa;cursor:default}
table.border {border:1px solid #999 !important;border-collapse:collapse;margin-bottom:.5em}
/*table.border td,table.border th {border:1px solid #666;border-width:0 0 1px 1px}*/
table.border th {background:#dcc}
.edetails option.sel {background:#ccc}
#LanguageReplace #dictField {width:auto}
#LanguageReplace .edetails select {width:auto;min-width:14em}
#LanguageReplace option.var {font-style:italic}
#LanguageReplace option.lang {font-weight:bold}

#replacing {display:none;margin:1em 0;border:1px solid #c99}
#replacing img {padding:.5em;float:left}
#replacing p {display:block;margin:.5em;font-size:1.3em;font-weight:bold;padding-left:1em}

#SelectDictionaryImportSettings .edetails select {width:auto;margin:.5em 0 0 1.5em}
