@import url(../browser.css);
@import url(../tree.css);
@import url(../help.css);
@import url(../ajaxlog.css);

* { font-family: Verdana; font-size: 11px; }

form { margin: 0px; padding: 0px; }
body, html { width:100%; height:100%; }
html { overflow-y: scroll;}
body, html, div { padding:0px; margin:0px; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
a img { border-style: none; }

/* buttonbar */
div.buttonbar { margin: 10px 0px 20px 0px; }

/* Security */
table.security td.user { }
table.security td.group { font-weight: bold; color: #404040; }
table.security tr.inherited td { background-color: #ff00ff; }
table.security tr.declared td { background-color: inherit; }

/* T-List */
div.tdiv { border-right: solid 2px black; height:225px; overflow-y:auto; overflow-x:hidden; border-left:solid 1px #C3C3C3; width:auto;  }
* html div.tdiv { width:100%; right:3px; position:relative; z-index:0;  }
div.pdiv { border-top: solid 2px black; background-color:White; color:#000000;  }
div.pdiv a { cursor:pointer; color:#000000; }
ul.tabs li div.tdiv { height:auto; border:0px; }

table.tlist { border-collapse: collapse; width: 100%; border: solid 1px #EEEEEE; }
table.tlist thead td { vertical-align: bottom; border-bottom: solid 2px black; border-top:solid 2px white; padding: 0 0 0 10px; cursor: pointer; background-color:#EEEEEE; font-weight: bold; font-size: 13px; }
table.tlist tbody td { vertical-align: middle; border-bottom: solid 1px #eeeeff; padding: 2px 0 2px 10px; cursor: pointer; height: 15px; overflow: hidden; white-space: nowrap; max-width: 0; }
table.tlist tr.disabled td { color: #bb8888; }
table.tlist tr.warning td { color: #88dd88; }
table.tlist tr.outdated td { color: Blue; }
    table.tlist:not(.textrainfo) tr.selected:not(.extrainfo) td {
        background-color: #b4c8e6;
    }
table.tlist tr.deleted td, table.tlist tr.alert td { color: Red; }

/* Classes for column sorting in listing (because of backward compatibiltiy we can't write sorting number in JS but need to hardcore it in different images - hence multiple classes) */
thead td.sortasc1 {
	background-image: url(../../img/sortasc.gif);
	background-repeat: no-repeat;
	background-position: left 0px bottom 0px;
	padding-left: 12px;
}

thead td.sortdesc1 {
	background-image: url(../../img/sortdesc.gif);
	background-repeat: no-repeat;
	background-position: left 0px bottom 6px;
	padding-left: 12px;
}

thead td.sortasc2 {
	background-image: url(../../img/sortasc2.gif);
	background-repeat: no-repeat;
	background-position: left 0px bottom 0px;
	padding-left: 12px;
}

thead td.sortdesc2 {
	background-image: url(../../img/sortdesc2.gif);
	background-repeat: no-repeat;
	background-position: left 0px bottom 0px;
	padding-left: 12px;
}

thead td.sortasc3 {
	background-image: url(../../img/sortasc3.gif);
	background-repeat: no-repeat;
	background-position: left 0px bottom 0px;
	padding-left: 12px;
}

thead td.sortdesc3 {
	background-image: url(../../img/sortdesc3.gif);
	background-repeat: no-repeat;
	background-position: left 0px bottom 0px;
	padding-left: 12px;
}
/* END */

table.tlist:not(.textrainfo) tbody tr:not(.selected):hover td, table.textrainfo tbody tr:not(.extrainfo):hover td {
    background-color: #eeeeee;
}
/* T-List without pagination */
table.tlist2 { border-collapse: collapse; width: 100%;  }
table.tlist2 thead td { font-weight: bold; border-top:solid 2px White; font-size: 13px; border-bottom: solid 2px black; vertical-align: bottom; background-color:#EEEEEE; cursor: pointer; }
table.tlist2 tbody td { vertical-align: top; border-bottom: solid 1px #eeeeff; padding: 2px 10px 2px 0; cursor: pointer; height: 15px; overflow: hidden; white-space: nowrap; max-width: 0; }

/* T-Form */
table.tform { border-collapse: collapse; width: 100%;}
table.tform input[type='text'] { width: 400px; padding: 1px 0px 1px 0px; }
table.tform input[type='file'] { width: 400px; }
table.tform input[type='password'] { width: 400px; }
table.tform select { width: 404px; }
table.tform textarea {
overflow: auto; 
 width: 400px; height: 100px;}
table.tform input.numeric[type='text'] { width: 100px; }
table.tform input[disabled] { color: Black; background-color: #EEEEEE; }
table.tform input[readonly] { color: Black; background-color: #EEEEEE; }
table.tform tr.section td { font-weight: bold; padding: 10px 0px 5px 0px; font-size: 13px; }
div.sectiontable { padding: 10px 0px 10px 0px; }
table.tform tr.sectiontbody td { padding: 0px 20px 0px 0px; }
table.tform tr.sectionthead td { padding: 0px 20px 0px 0px; font-weight: bold; }

/* Filters */
div.filter, form.filter { background-color: #eeeeee; margin-bottom:20px; padding: 0px 0px 10px 0px; border-top: solid 0px #e3e3e3; border-bottom: solid 2px #113a14; border-left: solid 1px #c3c3c3; border-right: solid 2px #012f47; }
table.filter { margin-left:3px; }
table.filter select { width: 136px; }
table.filter input[type='text'] { width: 130px; padding: 1px 0px 1px 0px; }

div.filter div.head, form.filter div.head { background-image:url(../../img/titlebg2.gif); height:24px; }
div.filter div.title, form.filter div.title { font-weight:bold; margin-left: 0px; padding:5px 0px 0px 16px; background-image:url(../../img/filtertitlebg.gif); background-repeat: no-repeat; background-position: 3px 4px; border:none; }
div.whiteline { background-color:White; height:1px; line-height:1px; font-size:0px; }

/* Shortcuts */
div#shortcuts a { display: block; margin: 0px; padding: 2px 3px 2px 5px; color: Black; text-decoration: none; background-color: #eeeeee; }
div#shortcuts a:hover { text-decoration: none; }

a { color: #222222; text-decoration: underline; }
a:hover { text-decoration: none; }
a[onclick] { cursor: pointer; }
a.refreshdata { display: block; float: right; }

div#loadinfo { background-color: #b4c8e6; color: #00488d; font-size: 8px; font-weight: bold; padding: 2px; position: absolute; right: 5px; top: 2px; border:solid 1px #A0A0A0; }
div#ajaxinfo { background-color: #b4c8e6; color: #00488d; font-size: 8px; font-weight: bold; padding: 2px; position: absolute; right: 5px; top: 30px; border:solid 1px #A0A0A0; }

div.menus  { color:#EEEEEE; background-color:#00488d; height: 20px; margin: 0px 0px 20px 0px; border-top : solid 1px; border-top-color:#f0f0f0; border-bottom: solid 1px; border-bottom-color:#c0c0c0;}
.menus a.menupath { }
.menus ul { position:relative; z-index:1000; }
.menus ul, .menus ul ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index:1000; }	
.menus ul li { float: left; position: relative; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; border-left: 1px solid #cccccc; }
.menus ul ul { width: 172px; position: absolute; display:none; left:0px; z-index: 10; top:20px; float:left; padding:3px 0px 3px 0px; border-top: solid 1px #e3e3e3; border-bottom: solid 1px #777777; border-left: solid 1px #c3c3c3; border-right: solid 1px #777777; }
.menus ul li div { float:left; height: 20px; }

.menus ul ul { background-color: #00488d; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.menus ul ul ul { top: -1px; left:172px; background-color: #00488d; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.menus ul ul ul ul { background-color: #00488d; }
.menus ul ul li { border-left: 0px none; } 

.menus ul li div a { float:left; display:block; padding:3px 16px 4px 6px; text-decoration:none; font-size:10px; font-family:Verdana, Arial, helvetica, sans-serif; color: #FFFFFF; cursor: pointer; }
.menus ul li ul div.firstmenu { border:0px none; border-top:5px dotted White; }
.menus ul li ul div { float:left; background-image:none; height:auto; width:172px; border:0px none; }
.menus ul li ul div a { float:none; padding: 4px 6px 4px 6px; border:0px none;  }

.menus ul li ul div a.arrow { }
.menus ul li ul div a:hover { }
.menus ul li.over div a { color: #FFFFFF; background-color: #9cbe44; }
.menus ul li.over ul a { color: #FFFFFF; background-color: #00488d; }
.menus ul ul li.over {  }
.menus ul ul li.over div a { padding: 4px 6px 4px 6px; border:0px none; color: #FFFFFF; background-color: #9cbe44; }
.menus ul ul li.over ul a { padding: 4px 6px 4px 6px; border:0px none; color: #FFFFFF; background-color: #00488d; }
.menus div a { color: #FFFFFF; }

div.tablist {  border-bottom: solid 1px #c3c3c3; float: left; width: 100%; margin: 20px 0px 0px 0px; }
div.tablist div {  background-color: #d2d2d2; float: left; margin: 0px 0px 0px 10px; padding: 3px 10px 2px 10px; color: #888888; font-weight: normal; cursor: pointer; border-right: solid 1px; border-right-color:#012f47; border-left : solid 1px; border-left-color:#c3c3c3; border-top : solid 1px; border-top-color:#c3c3c3;}
div.tablist div a { color: #888888; }
div.tablist div.selected { background-color: #9cbe44; color: #141760; }
div.tablist div.selected a {  }
ul.tabs { margin: 0px; padding: 10px; background-color: #fafafa; border-bottom: solid 2px #113a14; border-left: solid 1px #c3c3c3; border-right: solid 2px #012f47;}

ul.tabs li { display: none; }
ul.tabs li li { display:list-item; }


ul.draglist { margin: 0px; padding: 5px 5px 5px 5px; }
ul.draglist li { list-style-type: none; }


table.tform select.application { width: 150px; }
table.tform select.subapplication { width: 250px; }
table.tform select.currency { width: 50px; }

div.securityace { background-color: #FAFAFA; float: left; padding: 4px; border-bottom: solid 2px #113a14; border-left: solid 1px #c3c3c3; border-right: solid 2px #012f47; }

span.error { color:Red;  margin-left:3px; }

/* autocompliter */
input.autocompleter { background-color: #b4c8e6; }
div.auto_complete 
{
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
/* long text in filter
form.filter .auto_complete 
{
  white-space : nowrap !important;
  width: auto !important;
}
*/

div.auto_complete ul  
{
  list-style-type: none;
  margin:0px;
  padding:0px;
}

div.auto_complete ul li.selected { background-color: #ffb; }
div.auto_complete li.contact {
  list-style-type: none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
}
div.auto_complete li.contact div.image {
  float:left;
  width:32px;
  height:32px;
  margin-right:8px;
}
div.auto_complete li.contact div.name {
  font-weight:bold;
  font-size:12px;
  line-height:1.2em;
}
div.auto_complete li.contact div.email {
  font-size:10px;
  color:#888;
}
div.auto_complete #list {
  margin:0;
  margin-top:10px;
  padding:0;
  list-style-type: none;
  width:250px;
}
div.auto_complete #list li {
  margin:0;
  margin-bottom:4px;
  padding:5px;
  border:1px solid #888;
  cursor:move;
}

 div.header {
 height: 60px;
 background-color:#FFFFFF;
 background-repeat:repeat-x;
 margin-bottom: 2px; 
 color: #FF2c42;
 }
 div.headerImage {
 height: 60px;
 width: 100%;

 background-image:url(../../img/ijpp.png);
 background-repeat:no-repeat;
 }
 
 .logowatermark 
 {
	width:100%;
	height:300px;
	padding:3px 0px 0px 3px;
	/*background-image:url(../../img/margento_intro_background.png);*/
	background-repeat: no-repeat; 
	background-attachment:scroll; 
	background-position:bottom center;		
 }
 
#FooterImage {
 height: 35px;
 width: 66px;
 background-image:url(../../img/margento.jpg);
 position:fixed;
    right: 5px;
    bottom: 20px;
 }

div.foot {
 background-color: #00488d; 
 color: White; 
 text-align: right; 
 padding: 2px; 
 font-size: 10px;
 }
 
 div.footMsgBox {
 position: fixed;
 bottom: 0px; 
 width: 200px;
 }
 
 div.footMsgBoxError {
 width:250px;
 filter:alpha(opacity=80);
 opacity: 0.8; 
 color:Red;
 background-color:#b4c8e6;
 padding:5px; 
 border:solid 1px #808080;
 background-image: url(../../img/info.gif); background-repeat: no-repeat; background-position: 2px 4px; 
 }
 div.footMsgBoxWarning {
 width:250px; 
 filter:alpha(opacity=80); 
 opacity: 0.8; 
 color:#00488d;
 background-color:#b4c8e6;
 padding:5px; 
 border:solid 1px #808080;
 background-image: url(../../img/info.gif); background-repeat: no-repeat; background-position: 2px 4px; 
 }
 div.footMsgBoxInfo {
 width:100px; 
 filter:alpha(opacity=80); 
 opacity: 0.8; 
 color:#00488d;
 background-color:#b4c8e6;
 padding:5px; 
 border:solid 1px #808080;
 background-image: url(../../img/enabled.gif); background-repeat: no-repeat; background-position: 2px 4px;
 }
 

table.blprules td { vertical-align: top; }
table.blprules input[type='text'] { width: 80px; }
table.blprules textarea { width: 100%; height: 50px; }

table.blprules tbody tr { display: none; }
table.blprules tbody tr.alwayson { display: table-row; *display: block; }
table.blprules tbody.expand tr { display: table-row; *display: block; }
table.blprules div.rulehover { display: none; position: absolute; z-index: 300; width: 200px; height: auto; left: 0px; top: 20px; background-color: White; border: solid 1px black; padding: 5px; }
table.blprules div.hover { display: block; }
table.blprules tr.alwayson { display: block; width: 80px; }
table.blprules span.error { display: block; width: 120px; }



table.ttop {  height:24px;  background-image:url(../../img/titlebg2.gif); margin:0px 1px 0px 0px; padding:0px; border:0px; background-repeat:repeat-x; background-position:left bottom; border-right:solid 2px #012F47; width:100%; border-collapse:collapse;  }
table.ttop td.tleft { width:8px; background-color:White; border-bottom:solid 1px #C3C3C3; }
table.ttop td.ttitle { font-weight: bold; width:250px; border-right:solid 1px #141760; padding:0px 0px 0px 0px; color: #FFFFFF; }
table.ttop td.ttitle div { background-color:#00488d; height:18px; padding-top:4px; padding-left: 10px; }
table.ttop td.twhite { width:2px; background-color:White; padding:0px; }
table.ttop td.tlastvisited { padding:2px 0px 2px 5px; }
table.ttop td.tminimenu { text-align:right; vertical-align:bottom; padding:0px 10px 3px 0px; }
table.ttop td.tminimenu img { margin-left:2px; margin-right:2px; }

div.ftitle { margin:0px 0px 0px 10px; width:240px; height:18px; padding-top:4px; padding-left: 10px; border:solid 1px #c3c3c3; border-bottom:none 0px; background-color: #00488d; color: #FFFFFF; font-weight: bold;  }

.monitoring, img.monitoring { padding:0px; border-left:solid 1px #c3c3c3; border-top:solid 1px #c3c3c3; border-right:solid 2px black; border-bottom:solid 2px black; margin-bottom:30px; }
.bgmonitoring { background-color:#f5f5f5; line-height:18px; }

.nopadding td { padding:0px; }
.chartr { width:270px; margin-left:10px; }

table.transoperatoins { width:100%; }
table.transoperatoins td { cursor: default; }
table.transoperatoins td.toborder { border:solid 1px #C3C3C3; padding:0px; }
table.transoperatoins tr.toheader { background:#EEEEEE; border-bottom:solid 2px black; }
table.transoperatoins td.todetarea { border:none; padding-top:0px; padding-bottom:0px; }
table.transoperatoins table.todetails { width:100%; }


.lastvisits { width:200px; }
.terminalimport { padding:10px; border-left:solid 1px #c3c3c3; border-top:solid 1px #c3c3c3; border-right:solid 2px black; border-bottom:solid 2px black; margin-bottom:15px; background-color:#f5f5f5; line-height:18px; }

/* section show/hide*/
.sectdetailsicon { text-align:right; vertical-align:middle; margin-left:10px; position:relative; cursor:pointer; }
.sectdetails { display:none; border:dashed 1px black; margin:5px 20px 20px 0px; padding:5px; background-color:#FAFBF6; }
.sectdetailsopen {display:block; border:dashed 1px black; margin:5px 20px 20px 0px; padding:5px; background-color:#FAFBF6; }
.paramdetails { display:none; border:dashed 1px black; margin:3px 0px 3px 0px; padding:3px 0px 3px 0px; background-color:#FAFBF6; }
.arrow { display:block; background-image:url(../../img/arrow_w.gif); background-position:right 3px; background-repeat:no-repeat; }

.bigpaddings td { padding:2px; }

table td div.INcalendarWindow {  background-color:Transparent;  }
div.INcalendarWindow div.INcalendarBottom { width:210px; height:135px; }
div.INcalendarWindow div.INcalendarTop { width:210px; height:44px; background-color:Black; }
div.INcalendarWindow div.INcalendarTitle { width:210px; }

input[type=button], input[type=submit], input[type=reset] 
{
	background-color: #00488d; 
	color: #ffffff;
	padding-bottom: 2px;
	padding-left: 7px;
	padding-right: 7px;
	/*border: solid 1px #00488d;*/
	/*border: solid 1px #141760;*/
	border-top: solid 1px #c3c3c3;
	border-bottom: solid 1px #012f47;
	border-left: solid 1px #c3c3c3;
	border-right: solid 1px #012f47;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover { background-color: #9cbe44; }
input[type=button]:active, input[type=submit]:active, input[type=reset]:active { background-color: #9cbe44; }
input[type=button]:disabled { color: black; background-color: #d2d2d2 }

/* calendar */
table.calendar {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	border-collapse: collapse;
	border-right: solid #012F47 1px;
	border-bottom: solid #012F47 1px;
	border-top: solid #C3C3C3 1px;
	border-left: solid #C3C3C3 1px;
	background-color: #EEEEEE;
	width: 190px;
	text-align: center;
	/*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
	-moz-user-select: none;
    /*-khtml-user-select: none;*/
}
table.calendar input, table.calendar select {
	font-size: 10px;
}
table.calendar td {
	border: 0;
	font-size: 10px;
	text-align: center;
}
div.mainheading {
	margin: 2px;
}
table.caldayheading {
	border-collapse: collapse;
	cursor: none;
	empty-cells: show;
	margin: 0 8px 0 8px;	
}
table.caldayheading td {
	background-color: #999999;
	text-align: center;
	vertical-align:middle;
	color: #CCCCCC;
	font-weight: bold;
	width: 22px; /*should match calendar cell's width*/
	height: 20px; /*IE doesn't like ems*/
	border: solid 1px #CCCCCC;
	border-left:solid 2px #DDDDDD;
	border-right:solid 2px #DDDDDD;
}
table.caldayheading td.wkhead {
	border-right: double #CCCCCC 3px;
}
table.calcells {
	/*border-collapse: collapse;*/
	/*border: solid 1px #666666;*/
	cursor: pointer;
	margin: 0 6px 0 6px;
}
table.calcells td {
	border: solid #CCCCCC 1px;
	vertical-align: top;
	text-align: center;
	vertical-align:middle;
	font-weight: bold;
	width: 22px;
	height: 20px; /*IE doesn't like ems*/
}
table.calcells td div {
	padding: 1px;
	margin: 0;
}
table.calcells td.wkhead {
	background-color: white;
	text-align: center;
	border-right: double #CCCCCC 3px;
	color: #FFCC70;
}
table.calcells td.wkday {
	background-color: #DDDDDD;
}
table.calcells td.wkdayfullcalen {
	background-color: #ff723b;
}
table.calcells td.wkend {
	background-color: #DDDDDD;
}
table.calcells td.wkendfullcalen {
	background-color: #ff723b;
}
table.calcells td.curdate {

}
table.calcells td.cell_selected {
	background-color: #FFCC70;
	color: black;
}
table.calcells td.cell_selectedfullcalen {
	background-color: #9cbe44;
	color: black;
}
table.calcells td.notmnth {
	background-color: #FFFFFF;
	color: #CCCCCC;
}
table.calcells td.notallowed {
	background-color: white;
	color: #EEEEEE;
	font-style: italic;
}
table.calcells td.hover {
	background-color: #FFCC70;
}

.tdFloat
{
	float:left;
}

.initiationtitle
{
	background: url('../../img/tab_selected_background_blue.png') repeat scroll 0 0 transparent;
    color: black;
    border-left: 1px solid #C3C3C3;
    border-right: 1px solid #012F47;
    border-top: 1px solid #C3C3C3;
    float: left;
    cursor: pointer;
    float: left;
    font-weight: normal;
    margin: -18px 0 0 10px;
    padding: 3px 10px 2px;
}

.initiation
{
	border-top: 1px solid #C3C3C3;
	background-color: #FAFAFA;
	border-bottom: 2px solid #113A14;
	border-left: 1px solid #C3C3C3;
	border-right: 2px solid #012F47;
	margin: 0;
	padding: 10px;
}

.multilpe-select-custom {
    border-style: solid;
    border-color: rgb(118, 118, 118);
    margin: 1px;
    background-color: #b4c8e627;
    /* background-color: #00488d; */
    width: fit-content;
    padding: 5px;
}

.input-autocompleter-multiple-select {
    background-color: white !important;
    border-width: thin;
    margin: 1px 0;
    height: 25px;
    outline: 0;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    padding: 0px 0px 0px 4px !important;
}

span.multiple-select-close-btn {
    border-style: solid;
    border-width: thin;
    margin: 0px -4px 0px 5px;
    padding: 3px;
}