/****************loginMenu******************/
#login_area {
	position: relative; float: left; background-color: #AFB4BE; width: 100%; height: 60px
}
#logout_area {
	position: relative; float: left; background-color: #AFB4BE; width: 100%; height: 60px;
}
#login_area .loginName {
    position: absolute; top: 9px; right: 64px; color: #ffffff; font-size: 10px; padding:0, margin:0
}
#login_area .loginPassword {
    position: absolute;  top: 28px; right: 64px; color: #ffffff; font-size: 10px; padding:0, margin:0
}
input.name {
	position: absolute; height: 13px; width: 52px; top: 9px; right: 6px; margin:0; padding:0; border-width: 0; border-style: solid; border-color: #000000; font-size: 10px
}
input.password {
	position: absolute; height: 13px; width: 52px;  top: 28px; right: 6px; margin:0; padding:0; border-width: 0; border-style: solid; border-color: #000000; font-size: 10px
}
#login_area .login {
    position: absolute; text-decoration: underline; top: 46px; right : 6px; background-color:#AFB4BE; border:0 solid #FFFFFF;color: #000080; font-size: 10px;
}
#logout_area .logoutName {
    position: absolute;  top: 9px; right: 6px; color: #444444; font-size: 10px; overflow: hidden; text-overflow: ellipsis; text-align: right; width: 100px;
}
#logout_area .logout {
    position: absolute;  top: 46px; right : 6px; text-decoration:underline; background-color:#AFB4BE; border:0 solid #FFFFFF;color: #000080; font-size: 10px; cursor:pointer
}
/****************main******************/
html {
    height:100%
}
body {
    background: #EAEAEA repeat-y left top;font-family: Arial,Helvetica,sans-serif; font-size: 12px; color: #000000; padding:0; margin:0; height:100%; width:100%;
    background-image:url(data:image/gif;base64,R0lGODlhdgABAPcAANDT2v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAdgABAAAIFgABCBxIsKDBgwgTKlzIsKHDhQECBAQAOw==)
}
#wrapper {
	position:relative; margin:0px auto; padding:0; height:100%
}
#container {
    clear:left; float:left; width:100%; height:100%
}
#header {
	 background-color: #FFFFFF; height: 76px; width: 100%;
}
#warningHeader {
     display: none; text-align: center; width: 100%; color:#ff0000; position:fixed; font-weight: bold; padding-top: 4px;
}
#left_column {
	WIDTH: 116px; background-color: #D0D3DA; float: left; height: 100%;
}
#right_column {
	background-color:#EAEAEA; height: 100%; margin:0 0 0 118px;
} 
#divMsgBox {
    display: none; background-color:#EAEAEA; border:1px solid #000000;
}
/****************navMenu******************/
#navigation_area {
	position: relative; float: left; background-color: #D0D3DA; width: 100%;
}
#navigation_selection {
    display: none;
    position: relative; background: #90959F; height: 23px; width: 100%;
}
#navigation_selection div {
    position: relative; float: left; background-color: #afb4be; font-size:12px; color: #000000; height:20px; margin-right:2px; top:3px;font-weight: bold; cursor: pointer;
    padding: 0 3px 0 3px;
}
#navigation_selection div span{
}
#navigation_selection div.selected {
    background-color: #d0d3da;
    color: #000080;
    cursor: default;
}
#navigation_group1  {
    position: relative; clear:left; float: left; left: 8px; width: 105px; margin-top : 0px
}
#navigation_group2 {
	position: relative; clear: left; float: left; left: 8px; width: 105px; margin-top : 20px
}
ul.tree {
	padding: 0px; list-style-type: none; margin: 0px; font-size:12px; color:#00005E; margin-top: 3px;
}
ul.tree * {
	padding: 0px; list-style-type: none; margin: 0px
}
ul.tree li.treeFolder {
	margin-top: 17px; 
}
ul.tree li.treeDocument {
	margin-top: 7px; 
}
ul.tree li.treeDocument table{
    table-layout: fixed;
    width: 100%;
}
ul.tree li.treeDocument table tr td[valign='top']{
    width: 7px;
}
ul.tree li.treeDocument {
	padding-left: 7px;
}
ul.tree li ul {
	padding-bottom: 0px; margin: 0px; padding-left: 7px; padding-right: 0px; padding-top: 0px
}
ul.tree label {
	padding: 0px; cursor: pointer; border:0px;
}
ul.tree label a div{
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;
}
ul.tree li .arrow {
	padding: 0px; margin: 0px;  width: 20px; background: no-repeat 0px 4px; float: left; cursor: pointer; clear:left
}
.treeFolder span{
    background-repeat:no-repeat;
    width:7px; 
	height:7px;
	background: url(../img/sprite.png);
    display: block;
    margin: 4px 0;
}
.collapsed > table tr td span {
	background-position: -119px -32px;
}

.expanded > table tr td span {
	background-position: -119px -14px;
}

.selected.collapsed   > table tr td span{
	background-position: -119px -23px;
}

.selected.expanded  > table tr td span{
	background-position: -119px -5px;
}


ul.tree li.selected > table tr td label a {
    color: #000080; outline-style:none; font-weight:bold
}

a:link, a:visited, a:active {
	color: #666666; text-decoration: none
}
/****************title******************/
#title_area {
	position: relative; background: #CCCCCC; height: 60px; width: 100%;
}
#title_area .text {
    position: absolute; left: 11px; top: 7px; font-size: 16px; font-weight: bold; color: #666666 
}
#title_area .msg {
    position: absolute; left: 11px; top: 30px; font-size: 12px; color: #5555ff 
}
#title_area .msgright {
    position: absolute; right: 10px; top: 7px; font-size: 16px; font-weight: bold; color: #666666; text-align: right; width: 220px;
}
#icon_area {
	position: absolute; right: 33px; bottom: 10px; height: 13px;
}
#icon_area .icon {
	float: right; margin-left: 6px; height: 13px; cursor:pointer;
}
#icon_area .panel {
    display: none; width:12px;  height:12px; background-repeat:no-repeat; background-position: -50px -117px; background-image:url(../img/sprite.png);
}
#icon_area .print {
    width:12px;  height:13px; background-repeat:no-repeat; background-position: -36px -117px; background-image:url(../img/sprite.png);
}
#icon_area .mobile {
	display:none; position:relative; bottom:3px; 
    width:11px; height:16px; background-image:url(../img/sprite.png);  background-position: -64px -117px; background-repeat:no-repeat;
    -moz-box-shadow: 0px 0px 12px 			rgba(200,0,0,.8);
	-webkit-box-shadow: 0px 0px 12px 		rgba(200,0,0,.8);
	box-shadow: 0px 0px 12px 				rgba(200,0,0,.8);
}
#icon_area .help {
    font-weight:bold; font-size:16px; background-repeat:no-repeat; line-height: 13px; color: #000000;
}
#icon_area .help.hdeact {
    display:none;
}
#icon_area .fav {
    display:none; position:relative; bottom:3px; 
    width:16px; height:15px; background-image:url(../img/sprite.png);  background-position: -76px -117px; background-repeat:no-repeat;
}
#icon_area .fav.selected {
    background-position: -93px -117px;
}
#icon_area .autoupdate {
	display:none;
}
#icon_area .autoupdate .autext{
	text-decoration:underline;
}
#icon_area .autoupdate .auimage{
    width:13px; background-repeat:no-repeat; background-position: center center;
}
#icon_area .autoupdate.on .auimage{
    background-image:url(../img/auon.gif);
}
#icon_area .autoupdate.off .auimage{
    background-image:url(../img/auoff.gif);
}
/****************header******************/
#header .logo {
	background: url("../img/sprite.png") no-repeat; height: 76px; width: 115px; background-position: -2px -5px
}

#header .logo  a{
	display: block; width: 129px; height: 76px;
}

#header .header_text {
	color: #444444; font-size: 26px; position: absolute; float: left; top: 45px; left: 129px; overflow:hidden; white-space:nowrap;
}
#header .header_text_dots {
	position: absolute; top: 45px; color: #444444; font-size: 26px; display:none
}
#header .lang_select {
	position: absolute; top: 12px; right: 52px; font-size:10px; color: #FFFFFF; cursor:pointer
}
#header .lang_confirm {
	position: absolute; top: 12px; right: 33px; font-size:10px; text-decoration:underline; color: #000080; cursor:pointer
}
#header .date_time {
	position: absolute; top: 51px; right: 48px; color: #444444; font-size: 12px
}
#header .date_time_stat {
    position: absolute; top: 50px; right: 34px; display:none;
    width:14px; height:14px; background-image:url(../img/sprite.png); background-repeat:no-repeat;
}
#header .date_time_stat.t_ok {
    background-position: -48px -133px; 
}
#header .date_time_stat.t_warn {
    background-position: -61px -133px; 
}
#header .date_time_stat.t_err {
    background-position: -35px -133px; 
}
select.sl_lang {
	background-color:#FFFFFF; color:#666666; padding:0; border-width: 1px; border-style: solid; border-color: #CCCCCC; font-size: 10px
}
/****************panel******************/
#panel_area {
	display: none; position: fixed; background-color: #D0D3DA /*#E9E9FC*/; top: 0; right: 25px; -moz-box-shadow: 8px 8px 15px #666; -webkit-box-shadow: 8px 8px 15px #666; box-shadow: 8px 8px 15px #666;
}
#panel_area .closeX {
	position: absolute; top: 0px; right: 0; width: 15px; height: 15px; font-weight: bold; cursor: pointer; text-align: center;
}

#panel_wrapper { position: absolute; top: 10px; left: 15px; }
#panel_wrapper div     { position: absolute; font-size: 9px; font-family: Arial,Helvetia,sans-serif; }

#panel_wrapper div.module  { background-color: #667592; border: solid 1px black; color: #ddd; }
#panel_wrapper div.module.type_p { background-color: #fff; color: #000; }
#panel_wrapper div.module.type_w { background-color: #ff8080; color: #000; }
#panel_wrapper div.module.type_d { background-color: #ccc; color: #000; }

/* Modulgröße h=height (1 Einheit = horizontaler Slot), w=width (1 Einheit = vertikaler Slot) */
#panel_wrapper div.module.h1     { height: 21px; }
#panel_wrapper div.module.h2     { height: 43px; }
#panel_wrapper div.module.h3     { height: 65px; }
#panel_wrapper div.module.h4     { height: 87px; }
#panel_wrapper div.module.h5     { height:109px; }
#panel_wrapper div.module.h6     { height:131px; }
#panel_wrapper div.module.h7     { height:153px; }
#panel_wrapper div.module.h8     { height:175px; }


/* Modulbreite (auch für Footer) */
#panel_wrapper div.w1      { width: 34px; }
#panel_wrapper div.w2      { width: 69px; }
#panel_wrapper div.w3      { width:104px; }
#panel_wrapper div.w4      { width:139px; }
#panel_wrapper div.w5      { width:174px; }
#panel_wrapper div.w6      { width:209px; }
#panel_wrapper div.w7      { width:244px; }
#panel_wrapper div.w8      { width:279px; }
#panel_wrapper div.w9      { width:314px; }
#panel_wrapper div.w10     { width:349px; }

/* Modulpositionierung X (auch für Header und Footer) */
#panel_wrapper div.mx0     { left:   0px; }
#panel_wrapper div.mx1     { left:  35px; }
#panel_wrapper div.mx2     { left:  70px; }
#panel_wrapper div.mx3     { left: 105px; }
#panel_wrapper div.mx4     { left: 140px; }
#panel_wrapper div.mx5     { left: 175px; }
#panel_wrapper div.mx6     { left: 210px; }
#panel_wrapper div.mx7     { left: 245px; }
#panel_wrapper div.mx8     { left: 280px; }
#panel_wrapper div.mx9     { left: 315px; }
#panel_wrapper div.mx10    { left: 350px; }
#panel_wrapper div.mx11    { left: 385px; }
#panel_wrapper div.mx12    { left: 420px; }
#panel_wrapper div.mx13    { left: 455px; }
/* Modulpositionierung Y */
#panel_wrapper div.my0     { top:    0px; }
#panel_wrapper div.my1     { top:   22px; }
#panel_wrapper div.my2     { top:   44px; }
#panel_wrapper div.my3     { top:   66px; }
#panel_wrapper div.my4     { top:   88px; }
#panel_wrapper div.my5     { top:  110px; }
#panel_wrapper div.my6     { top:  132px; }
#panel_wrapper div.my7     { top:  154px; }
#panel_wrapper div.my8     { top:  176px; }

/* Footerpositionierung Standard: UNTER den Modulen (Position Y2) und außerhalb der Modul-DIVs (DIVFTT) */
#panel_wrapper div.ftt     { top: 54px; height: 9px; text-align: center; }
/* Footerpositionierung in den Modulen und innerhalb des Modul-DIVS (DIVIFTT) */
#panel_wrapper div.ftti    { top: 2px;  height: 9px; text-align: center; }
#panel_wrapper div.fttl    { top: 5px; left: 7px; height: 9px; width: 10px; text-align: center; }

/* Led-Positionierung X und Y */
#panel_wrapper div.if  	{ width: 34px; height: 10px; }
#panel_wrapper div.if.vert	{ width: 12px; height: 20px; }
#panel_wrapper div.if.noif { display: none; }
/* as the case with xp200, leds at x:0 with right text are too close to left border, here I add a little margin */
#panel_wrapper div.if.ifx0 div.ltr { margin-left: 2px; }
#panel_wrapper div.if.ifx0 div.lir { margin-left: 2px; }
#panel_wrapper div.if.ifx0 { left:  0px; }
#panel_wrapper div.if.ifx1 { left: 18px; }
#panel_wrapper div.if.ifx2 { left: 36px; }
#panel_wrapper div.if.ifx3 { left: 54px; }
#panel_wrapper div.if.ifx4 { left: 72px; }
#panel_wrapper div.if.ifx5 { left: 90px; }
#panel_wrapper div.if.ifx6 { left:108px; }
#panel_wrapper div.if.ifx7 { left:126px; }
#panel_wrapper div.if.ifx8 { left:144px; }
#panel_wrapper div.if.ifx9 { left:162px; }
#panel_wrapper div.if.ifx10 { left:180px; }
#panel_wrapper div.if.ifx11 { left:198px; }
#panel_wrapper div.if.ifx12 { left:216px; }
#panel_wrapper div.if.ifx13 { left:234px; }
#panel_wrapper div.if.ifx14 { left:252px; }
#panel_wrapper div.if.ifx51 { left: 9px; } /* 0.5 of x1 */

#panel_wrapper div.if.ify0 { top:  1px; }
#panel_wrapper div.if.ify1 { top: 11px; }
#panel_wrapper div.if.ify2 { top: 21px; }
#panel_wrapper div.if.ify3 { top: 31px; }
#panel_wrapper div.if.ify4 { top: 41px; }
#panel_wrapper div.if.ify5 { top: 51px; }
#panel_wrapper div.if.ify6 { top: 61px; }
#panel_wrapper div.if.ify7 { top: 71px; }
#panel_wrapper div.if.ify8 { top: 81px; }
#panel_wrapper div.if.ify9 { top: 91px; }
#panel_wrapper div.if.ify10 { top: 101px; }
#panel_wrapper div.if.ify11 { top: 111px; }
#panel_wrapper div.if.ify12 { top: 121px; }
#panel_wrapper div.if.ify13 { top: 131px; }
#panel_wrapper div.if.ify14 { top: 141px; }
#panel_wrapper div.if.ify15 { top: 151px; }
#panel_wrapper div.if.ify49 { top: 9px; } /* for horizontal slots -> 49 = 'a'-48 */

/* Text links der LED */
#panel_wrapper div.ltl { left:  1px; top:  0px; height: 7px; width: 22px; text-align: right; }
#panel_wrapper div.lil { left: 25px; top:  1px; height: 8px; width: 8px; }
/* Text rechts der LED */
#panel_wrapper div.lir { left:  0px; top:  1px; height: 8px; width: 8px; }
#panel_wrapper div.ltr { left: 12px; top:  0px; height: 7px; width: 23px; }
#panel_wrapper div.lir.but { left:  0px; top:  2px; height: 15px; width: 15px; }
#panel_wrapper div.ltr.but { left: 15px; top:  3px; height: 10px; width: 45px; }
#panel_wrapper div.lil.but { left:  48px; top:  2px; height: 15px; width: 15px; }
#panel_wrapper div.ltl.but { left: 0px; top:  4px; height: 10px; width: 45px; }
/* Text unter der LED */
#panel_wrapper div.lib { left:  2px; top:  1px; height: 8px; width: 12px; }
#panel_wrapper div.ltb { left:  0px; top:  9px; height: 7px; width: 12px; text-align: center; }

#panel_wrapper div.lit { left:  2px; top:  11px; height: 8px; width: 12px; }
#panel_wrapper div.ltt { left:  0px; top:  -2px; height: 7px; width: 12px; text-align: center; }

/* Leds selbst */
#panel_wrapper div.led { width: 6px; height: 6px; }
#panel_wrapper div.led.led_none 	{ background-color: transparent; border: 1px solid transparent; }
#panel_wrapper div.led.led_dummy 	{ background-color: transparent; border: 1px dotted black; }
#panel_wrapper div.led.led_failed 	{ background-color: #ff8080;  border: 1px dotted black; }
#panel_wrapper div.led.led_unknown { background-color: #fff; border: 1px solid black; }
#panel_wrapper div.led.led_black 	{ background-color: #ddd; border: 1px solid black; }
#panel_wrapper div.led.led_green 	{ background-color: #0f0; border: 1px solid black; }
#panel_wrapper div.led.led_yellow 	{ background-color: #ff0; border: 1px solid black; }
#panel_wrapper div.led.led_orange 	{ background-color: #ff7b00; border: 1px solid black; }
#panel_wrapper div.led.led_red 	{ background-color: #f00; border: 1px solid black; }
#panel_wrapper div.led.led_blink0 	{ background-image: url(../img/p_back_led_blink0.gif); border: 1px solid black; }
#panel_wrapper div.led.led_blink1 	{ background-image: url(../img/p_back_led_code1.gif); border: 1px solid black; }
#panel_wrapper div.led.led_blink2 	{ background-image: url(../img/p_back_led_code2.gif); border: 1px solid black; }
#panel_wrapper div.led.led_blink3 	{ background-image: url(../img/p_back_led_code3.gif); border: 1px solid black; }
#panel_wrapper div.led.led_blink4 	{ background-image: url(../img/p_back_led_code4.gif); border: 1px solid black; }
#panel_wrapper div.led.led_cblnk1 	{ background-image: url(../img/p_back_led_blink1.gif);  border: 1px solid black; }
#panel_wrapper div.led.led_cblnk2 	{ background-image: url(../img/p_back_led_blink2.gif);  border: 1px solid black; }
#panel_wrapper div.led.led_cblnk3 	{ background-image: url(../img/p_back_led_blink3.gif);  border: 1px solid black; }
#panel_wrapper div.led.led_cblnk4 	{ background-image: url(../img/p_back_led_blink4.gif);  border: 1px solid black; }
#panel_wrapper div.led.led_cblnk5 	{ background-image: url(../img/p_back_led_blink5.gif);  border: 1px solid black; }


#panel_wrapper div.led.butup, #panel_wrapper div.led.butdown { width: 15px; height: 15px; }
#panel_wrapper div.led.butup { 
	width:13px; height:13px; 
	background-image: url(../img/sprite.png); 
	background-position: -105px -84px;
}
#panel_wrapper div.led.butdown { 
	width:13px; height:13px;
	background-image: url(../img/sprite.png); 
	background-position: -105px -101px;
}

#panel_wrapper div.module img {position: absolute;}
/****************tab******************/
#tab_area  {
	display: none; position: relative; background: #999999; height: 23px; width: 100%;
}
#tab_area .activeReg {
    position: relative; float: left; background-color: #EAEAEA; font-size:12px; color: #000000; font-weight:bold; height:20px; margin-right:2px; top:3px
}
#tab_area .inactiveReg {
    position: relative; float: left; background-color: #CCCCCC; font-size:12px; color: #000000; font-weight:bold; height:20px; margin-right:2px; top:3px; cursor:pointer
}
#tab_area  .inactiveReg.nohand {
	cursor:default;
}
/****************pageContent******************/
#page_content_area {
    position: relative; background:#EAEAEA; margin-left:20px; margin-top:20px;
}
#page_content_area .formPage {
    height: 100%; margin-bottom: 0px    
}
#page_content {
    width:100%
}
#main_login_area {
    position: absolute; float:left; top:132px; left:219px
}
#tblButtons {
    padding:0; margin-top:15px;
}
#tblVariables td.static_field {
    color:#666666; white-space:nowrap; font-size: 12px; text-align: right; vertical-align: top; padding: 3px 0px 3px 3px; margin:0; 
}

.rowBreak
{
	height:21px;
}

#tblVariables td.variable_field {
    padding: 0; margin:0; vertical-align: middle; padding: 3px; width:auto;
}
input {
    border: 0; font: 12px Arial, Helvetica, sans-serif; text-align:left; 
}
textarea {
    padding:0;margin:0;border: 0; font: 12px Arial, Helvetica, sans-serif; overflow: auto; resize:none;
}
textarea.s {
    height:auto;
}
select {
    border-width: 0; padding:0; margin: 0; font:12px Arial, Helvetica, sans-serif;
}
select.t {
}
.grid{

}

.fw {
	width:100%;
}

.grid table td{
	border: 1px solid #ffffff;
    background-color: #DDDDDD;
    color: #000000;
    font-family: Arial,Verdana,Tahoma,Helvetica,sans-serif;
    font-size: 9pt;
	padding: 1px;
	overflow: hidden;
}

.grid table td.v{
	height: 16px;
}

.grid table tr.hdr td
{
	background-color: #BFBFBF;
}

.grid table tr.hdr div
{
    padding-right: 10px;
    display:inline;
}

.grid table td.fcbx
{
	border: 1px solid #dddddd;
	text-align:center;
	cursor:default;
}
.grid table td.fcbx.vs1{
	cursor:pointer;
}
.grid table td.fcbx.vs2{
	border-color: #ffffff;
}
.grid table td.fcbx.vs3{
	border-color: #ffffff;
}
.grid table td.fcbx.invalid
{
	background-color: #ffcccc;
}

.grid table td.nrb{
	border-right:0;
}

.t {
	width: 100%;
	overflow:hidden;
	height: 16px;
	line-height:16px;
}
textarea.t{
	height: 100%;
    line-height:normal;
}

input[type='checkbox'].t {
	width: 14px;
	height: 14px;
	margin-top: 1px;
	margin-bottom: 1px;
}

.grid table tr.ntb td
{
	border-top:0;

}
.grid table tr.wbb td.fcbx
{
	border-bottom-color:#ffffff;
}
.grid table td.fcbx.wrb
{
	border-right-color:#ffffff;
}
.grid table tr
{
	
}

input[type='button'].v.vs2 {
	color: #ACA899;
}
input[type='button'].v.vs3 {
	color: #ACA899;
}
input[type='button'].v.vs1 {
	background-color: #BFBFBF;
}

table.v td.vs1
{
	border: 1px solid #e6e6ff;
	cursor: pointer;
	background-color: #ffffff;
}

td.invalid
{
	background-color: #ffcccc;
}
.grid td.invalid
{
	background-color: #ffcccc;
}
table.v td.vs2
{
	border:1px solid #ffffff;
	cursor:default;
	background-color: #DDDDDD;
}

.v.vs1{
    background-color: #ffffff;
}
/* in safari, modifying style of combobox like below makes arrow hidden, we need to remove this rule for safari. */
/* to be able remove a rule by it's selector, we've split up vs2&vs3 for select and non-select elements */
/* so that for safari,we remove the rules select.v.vs2 and select.v.vs3 to make combobox arrow visible */
.v.vs2:not(select){
    background-color: #DDDDDD;
}
.v.vs3:not(select){
    background-color: #ECE9D8;
}

select.v.vs2 {
    background-color: #DDDDDD;
}
select.v.vs3{
    background-color: #ECE9D8;
}

input.v {
    padding: 0px 0px 0px 2px; text-align: left; margin: 0; vertical-align:top;
}
.lnk {
    text-decoration:underline; cursor:pointer;
}
.ww
{
	word-wrap: break-word; 
	word-break: break-all;
}

.fileContainer
{
    overflow: hidden;
    position: absolute;
	display: inline;
    left: 1px;
}

.fileUpload
{
	font-size: 10px;
    z-index: 2;
	opacity: 0.01;
	filter: alpha(opacity = 1);
	height: 100%;
}

input[type='button']::-moz-focus-inner { 
    padding: 0;
}
.stb
{
	font-weight:bold
}

.sti
{
	font-style:italic
}

table
{
     table-layout:auto; padding:0; margin:0; border-collapse:collapse; border-spacing:0px; border : 0 none;
}

input[type=button],input[type=submit]{
    margin:0; padding:0px 3px;  -x-system-font:none; background-color:#BFBFBF; border-color:#666666; border-style:solid; border-width:1px; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; text-align:center; 
}

.chkbxLabel {
    font-size: 12px; padding:0; margin: 0px 0px 0px 3px;
}
.cfixedColHeadDiv  {
    padding: 0; overflow:hidden
}
.cdynColHeadDiv {
    padding: 0; overflow:hidden
}
.cfixedColHeadDiv table,.cdynColHeadDiv table{
    height:100%;
}
.cfixedColHeadDiv  td {
    visibility:hidden;
}
.cdynColHeadDiv td {
    visibility:hidden;
}
.cfixedColumnDiv {
    padding: 0; overflow:hidden
}
.cdynColumnDiv {
    padding: 0;
}
.sortarrow {
    margin:4px 0px 0px -10px;
    width:10px;
    height:5px;
    position: absolute;
}
#divHintBox {display:none; position:absolute; border:1px solid #924949; z-index:200; background-color:#f3e6e6; padding:0 2px 0 2px;}
#divHintBox div {display:inline;}

/****************validation******************/
#msg {display:none; position:absolute; z-index:200; background:url(../img/msg_arrow.gif) left center no-repeat; padding-left:7px; cursor:pointer}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px 10px 5px 5px; min-width:150px; max-width:250px}
/*loginPage*/
.BigLogin{
	color:#CCCCCC;
	font-family:Arial,Helvetica,sans-serif;
	font-size:80px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	margin:0 0 0 0;
}
.BigLoginText
{
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	margin:0;
	padding:0;
}

.WarningMessage
{
	text-align: left;
	display: inline-block;
	zoom: 1;
	*display:inline;
	margin-top:20px;
}

#preLoginMessage
{
    text-align: left;
    display: inline-block;
    font-family: Consolas,monospace;
    line-height: 14px;
}

.BigLoginText td
{

	padding:5px 2px 0px 0px;
}

.BigLoginText input
{
	color: #000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	left:0px;
	margin:0 0 0 0;
    height: 26px;
	line-height: 26px;
    width: 183px;
}

a.loginLinks
{
	color: #000080;
	text-decoration: underline;
}

#divProgBar {
    border: 1px inset #666666;
    display: none;
    height: 15px;
    margin: 10px;
}
#divProgComp {
    background-color: #666666;
    height: 100%;
    position: relative;
    z-index: 10;
	width: 0%;
}
#imgLoading {
	display:none; position:absolute; bottom:3px; left:122px;
}
.width500 {
    width:500px;
}

.scr_hor_arrow {
    display:none;
    padding:5px 0;
    width:100%;
}

.scr_ver_arrow {
    display:none;
    height:100%;
}

.scr_hor_arrow  td,.scr_ver_arrow  td{
    -webkit-box-shadow: 0px 0px 2px rgba(50, 50, 50, 1);
    -moz-box-shadow: 0px 0px 2px rgba(50, 50, 50, 1);
    box-shadow: 0px 0px 2px rgba(50, 50, 50, 1);
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
    border: 0px;
}
.scr_hor_arrow  td
{
    height: 1em;
    width:5%;
}

.scr_ver_arrow  td
{
    height:5%;
    width: 1em;
    text-align: center;
}

.scr_hor_arrow  td:nth-child(2){
    width:90%;
}

.scr_ver_arrow  tr:nth-child(2) td
{
    height:90%;
}

.grid table td.nb {
    border: 0px none;
    background-color:#BFBFBF;

}

*[_mwpttstate="1"],.grid table tr.hdr td[_mwpttstate="1"] {
    background-color: yellow;
}
*[_mwpttstate="2"],.grid table tr.hdr td[_mwpttstate="2"] {
    background-color: red;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes activity {
    0%   {width: 0%;}
    100% {width: 100%;}
}

/* Standard syntax */
@keyframes activity {
    0%   {width: 0%;}
    100% {width: 100%;}
}