@import url('atm_base.css'); @import url('HeaderPanel.css'); /* 24/08/10: Gopi - inputWLS30 added */ td { font-family: Verdana, Arial, Helvetica, Helv; font-size: 11px; color:#000000 } .search { border:1px solid #C0C0C0; width: 250px; height: 16px; font-family: Verdana; font-size: 10px; color: #616161; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .login { border:1px solid #C0C0C0; width: 270px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .button { border:1px solid #C0C0C0; font-family: Verdana; font-size: 10px; color: #616161; background:#F7F7F7; cursor: hand; } .abutton { font-family: Verdana; font-size: 10px; color: #ffffff; background:#748aff; cursor: hand; } .input { border:1px solid #C0C0C0; width: 90%; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .input150 { border:1px solid #C0C0C0; width: 150px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .input180 { border:1px solid #C0C0C0; width: 180px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .input250 { border:1px solid #C0C0C0; width: 250px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .input700 { border:1px solid #C0C0C0; width: 700px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .input800 { border:1px solid #C0C0C0; width: 800px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .input600 { border:1px solid #C0C0C0; width: 600px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .input500 { border:1px solid #C0C0C0; width: 500px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .input400 { border:1px solid #C0C0C0; width: 400px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .input300 { border:1px solid #C0C0C0; width: 300px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .input200 { border:1px solid #C0C0C0; width: 200px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .input80 { border:1px solid #C0C0C0; width: 80px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .input70 { border:1px solid #C0C0C0; width: 70px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .input75 { border:1px solid #C0C0C0; width: 75px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .input60 { border:1px solid #C0C0C0; width: 60px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .input100 { border:1px solid #C0C0C0; width: 100px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .input120 { border:1px solid #C0C0C0; width: 120px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .input10 { border:1px solid #C0C0C0; width: 14px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .input20 { border:1px solid #C0C0C0; width: 25px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .input40 { border:1px solid #C0C0C0; width: 40px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .input { font-family: Verdana, Arial, Helvetica, Helv; font-size: 11px; color:#666666; } /*Increased height size for text box to avoid text flicker */ .inputWLS40 { border:1px solid #C0C0C0; width: 40px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .inputWLS400 { border:1px solid #C0C0C0; width: 400px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; height:20px; } .inputWLS300 { border:1px solid #C0C0C0; width: 300px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; height:20px; } .inputWLS200 { border:1px solid #C0C0C0; width: 200px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; height:20px; } .inputWLS100 { border:1px solid #C0C0C0; width: 100px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; height:20px;} .inputWLS80 { border:1px solid #C0C0C0; width: 80px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; height:20px;} .inputWLS20 { border:1px solid #C0C0C0; width: 25px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; height:20px; } .inputWLS30 { border:1px solid #C0C0C0; width: 30px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; height:20px; } .inputH150 { border:1px solid #C0C0C0; width: 150px; font-family: Verdana; font-size: 17px; font-weight:bold; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .inputH20 { border:1px solid #C0C0C0; width: 20px; font-family: Verdana; font-size: 17px; font-weight:bold; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .inputH80 { border:1px solid #C0C0C0; width: 80px; font-family: Verdana; font-size: 17px; font-weight:bold; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .inputro40 { readonly:true; border:0px solid #C0C0C0; width: 40px; font-family: Verdana; font-size: 11px; background:#FFFFFF; padding-left: 4px; padding-right: 4px; } .searchbutton { border: 1px solid #8394A5; height: 15px; font-family: Verdana; font-size: 10px; color: #616161; background:#F7F7F7; cursor: hand; } .radio { font-family: Verdana; font-size: 10px; color: #000000; height: 10px; cursor: hand; } .checkbox { font-family: Verdana; font-size: 10px; color: #000000; height: 10px; cursor: hand; } .mlLog { border:1px solid #C0C0C0; width: 100%; font-family: Verdana; font-size: 11px; background:#EEEEEE; padding-left: 4px; padding-right: 4px; } .body { /*dotmax*/ font-family: Verdana, Arial, Helvetica, Helv; font-size: 11px; line-height:15px; color:#000000 } .bodyred { /*dotmax*/ font-family: Verdana, Arial, Helvetica, Helv; font-size: 11px; line-height:15px; color:#ff6666 } .bodybold { font-family: Verdana, Arial, Helvetica, Helv; font-size: 11px; line-height:15px; font-weight:bold } .header { /*dotmax*/ font-family: Verdana, Arial, Helvetica, Helv; font-size: 14px; line-height:20px; font-weight:bold; color:#44446a } .bodyboldbox { /*dotmax*/ font-family: Verdana, Arial, Helvetica, Helv; font-size: 11px; line-height:15px; font-weight:bold; color:#6a2300 } .bodyboldwhite { /*dotmax*/ font-family: Verdana, Arial, Helvetica, Helv; font-size: 11px; line-height:15px; font-weight:bold; color:#ffffff} .date { font-family: Verdana, Arial, Helvetica, Helv; font-size: 10px; line-height:15px; color:#808080 } .pagination { font-family: Verdana, Arial, Helvetica, Helv; font-size: 10px; line-height:12px; color:#6a2300 } .subhead { /*dotmax*/ font-family: Verdana, Arial, Helvetica, Helv; font-size: 12px; line-height:15px; font-weight:bold; color:#6a2300 } .title { /*dotmax*/ font-family: Verdana, Arial, Helvetica, Helv; font-size: 12px; line-height:15px;} .printtext { /*dotmax*/ font: Verdana, Arial, Helvetica, Helv; font-size: 12px; line-height:15px; color:#000000 } .title1 { /*dotmax*/ font-family: Verdana, Arial, Helvetica, Helv; font-size: 14px; line-height:16px; font-weight:500; color:#22226a } .attachfilebutton { font-family: Verdana; font-size: 10px; color: #ffffff; background:#778588; cursor: hand; } .doctxt { /*dotmax*/ font-family: Verdana, Arial, Helvetica, Helv; font-size: 12px; line-height:15px; font-weight:500; color:#000000 } .titleGrey { /*dotmax*/ font-family: Verdana, Arial, Helvetica, Helv; font-size: 12px; line-height:15px; color:#AAAAAA; } .titleRed { /*dotmax*/ font-family: Verdana, Arial, Helvetica, Helv; font-size: 12px; line-height:15px; color:#ff6666 } @media screen { .screenOnly {} .printOnly { display: none; } } @media print { .screenOnly { display: none; } .printOnly {} } .disp { /*dotmax*/ font-family: Verdana, Arial, Helvetica, Helv; font-size: 12px; line-height:16px; font-weight:700; color:#2f2f2f } .rewarding { /*dotmax*/ font-family: Arial, Verdana, Helvetica, Helv; font-size: 12px; line-height:15px; font-weight:bold; color:#6a2300 } .rewardingsm { /*dotmax*/ font-family: Arial, Verdana, Helvetica, Helv; font-size: 10px; line-height:15px; font-weight:bold; color:#6a2300 } .panelhead { /*dotmax*/ font-family: Arial, Verdana, Helvetica, Helv; text-decoration: none; font-size: 16px; line-height:15px; font-weight:bold; color:#6a2300 } .panelheadsmall { /*dotmax*/ font-family: Arial, Verdana, Helvetica, Helv; text-decoration: none; font-size: 13px; line-height:15px; font-weight:bold; color:#6a2300 } .panel { font-family: Arial, Verdana, Helvetica, Helv; font-size: 16px; line-height:18px; font-weight:bold; color:#616161 } .panelsm { font-family: Arial, Verdana, Helvetica, Helv; font-size: 13px; line-height:15px; font-weight:bold; color:#616161; background-color: #003366; } .list { font-family: Verdana, Arial, Helvetica, Helv; font-size: 11px; line-height:12px; color:#111111 } .list250 { font-family: Verdana, Arial, Helvetica, Helv; font-size: 11px; line-height:12px; color:#111111 } .listWY { font-family: Verdana, Arial, Helvetica, Helv; font-size: 9px; line-height:9px; color:#ffffff; background-color:003366 } .listlong { font-family: Verdana, Arial, Helvetica, Helv; font-size: 11px; width: 400px; line-height:12px; color:#111111 } .listbig { font-family: Verdana, Arial, Helvetica, Helv; font-size: 9px; line-height:10px; color:#666666 } .cb { font-family: Verdana, Arial, Helvetica, Helv; width: 12px; height: 12px; color:#111111 } .bodyblack { font-family: Verdana, Arial, Helvetica, Helv; font-size: 11px; line-height:15px; font-weight:bold; color:#000000 } .member2 { font-family: Verdana, Arial, Helvetica, Helv; font-size: 10px; line-height:18px; color:#6a2300 } .favourite { font-family: Verdana, Arial, Helvetica, Helv; font-size: 10px; color:#6a2300 } .member { font-family: Verdana, Arial, Helvetica, Helv; font-size: 10px; color:#3333FF } .member a:link { color: #004B5E; text-decoration: underline} .member a:visited { color: #004B5E; text-decoration: underline} .member a:hover { color: #000000; text-decoration: none} .member a:active { color: #004B5E; text-decoration: underline} .privacy { font-family: Verdana, Arial, Helvetica, Helv; font-size: 10px; color: #666666; line-height:12px; vertical-align: middle } a:link.privacy { color: #666666; text-decoration: none} a:visited.privacy { color: #666666; text-decoration: none} a:active.privacy { color: #666666; text-decoration: none} a:hover.privacy { color: #000000; text-decoration: none} .menu { font-family: Verdana, Arial, Helvetica, Helv; font-size: 10px; color: #000000; line-height:19px } .menu a:link { color: #000000; text-decoration: none} .menu a:visited { color: #000000; text-decoration: none} .menu a:hover { color: #FFFFFF; text-decoration: none; background-color:#6a2300 } .menu a:active { color: #000000; text-decoration: none} .tdmenu a { width:100%; background-color: #E1B48A; display:block; text-decoration: none; color:#000000; } .tdmenu a:hover { text-decoration: none; background-color: #5E3817; color: #ffffff; } .tdmenu2 a { width:100%; background-color: #F4E3D5; display:block; text-decoration: none; color:#000000; } .tdmenu2 a:hover { text-decoration: none; background-color: #5E3817; color: #ffffff; } a:link.body { color: #8AB4E1; text-decoration: underline} a:visited.body { color: #8AB4E1; text-decoration: underline} a:active.body { color: #8AB4E1; text-decoration: underline} a:hover.body { color: #000000; text-decoration: underline} A { COLOR: #3333FF; TEXT-DECORATION: underline; } a:hover { COLOR: #FF0000; TEXT-DECORATION: underline } a > img { color: background; text-decoration: none; border: none; padding-right: 3px; vertical-align: middle; } a.plainLink:link {text-decoration: none; color:#000000 } a.plainLink:visited {text-decoration: none; color:#000000 } a.plainLink:active {text-decoration: none; color:#000000 } .tdrewardborder { border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-style: solid; border-top-width: 1px; border-bottom-width: 1px } .darkHead { font-size: 16px; color: #00678F; } /*Increase font size css */ .fontLarge { /*dotmax*/ font-family: Verdana, Arial, Helvetica, Helv; font-size: 30px; line-height:15px; color:#0000ff } .fontMedium { /*dotmax*/ font-family: Verdana, Arial, Helvetica, Helv; font-size: 20px; line-height:15px; color:#0000ff } .fontSmall { font-family: Verdana, Arial, Helvetica, Helv; font-size: 10px; line-height:15px; color:#0000ff } .tab_table {margin-top:-15px; width:100%;} .table_cell_padding_right {padding-right:4px;} .table_cell_row_spacing {padding-top:3px;padding-bottom:3px;} .table_cell_checkbox {width: 25px;} /* begin css tabs */ ul#tabnav { /* general settings */ text-align: left; /* set to left, right or center */ margin: 1em 0 1em 0; /* set margins as desired */ font: bold 11px verdana, arial, sans-serif; /* set font as desired */ border-bottom: 2px solid #4682B4; /* set border COLOR as desired */ list-style-type: none; padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */ } ul#tabnav li { /* do not change */ display: inline; margin-left: 4px; } body#tab li.tab { /* settings for selected tab */ } li.selectedTab a { /* settings for selected tab link */ color: #000000; /*#4682B4;*/ /* set selected tab link color as desired */ position: relative; top: -2px; padding-top: 5px; /* must change with respect to padding (X) above and below */ padding-bottom: 6px; border: 1px solid #4682B4; /* set border COLOR as desired; usually matches border color specified in #tabnav */ border-bottom: 1px solid #fff; /* set border color to page background color */ background-color: #fff; /* set selected tab background color as desired */ text-decoration: none; font-weight: bold; /*font-size: 12px;*/ } li.disabledTab a { /* settings for all tab links */ color: #696969; padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */ border: 1px solid #4682B4; /* set border COLOR as desired; usually matches border color specified in #tabnav */ background-color: #d3d3d3; /* set unselected tab background color as desired */ margin-right: 0px; /* set additional spacing between tabs as desired */ text-decoration: none; font-style: italic; font-weight: normal; border-bottom: none; /*font-size: 12px;*/ } li.tab a { /* settings for all tab links */ color: /*#f0f8ff;*/#fff; padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */ border: 1px solid #4682B4; /* set border COLOR as desired; usually matches border color specified in #tabnav */ background-color: #6495ed; /* set unselected tab background color as desired */ margin-right: 0px; /* set additional spacing between tabs as desired */ text-decoration: none; border-bottom: none; font-weight: normal; /*font-size: 12px;*/ } li.tab a:hover { /* settings for hover effect */ background-color: #ADDFFF; /* set desired hover color */ color: #000000; } li.selectedTab a:hover { /* settings for hover effect */ color: #000000; background-color: #fff; /* set desired hover color */ text-decoration: none; } li.disabledTab a:hover { /* settings for hover effect */ color: #696969; background-color: #d3d3d3; /* set desired hover color */ text-decoration: none; } /* end css tabs */ /* Tool Tips */ #tt { position: absolute; display: block; background: url(images/tt_left.gif) top left no-repeat } #tttop { display: block; height: 5px; margin-left: 5px; background: url(images/tt_top.gif) top right no-repeat; overflow: hidden } #ttcont { display: block; padding: 2px 12px 3px 7px; margin-left: 5px; background: #f4f4f4; color: #000000; border: 1px solid #769DC0; font-family:Verdana,Arial,Helvetica,Helv; font-size: 11px; } #ttbot { display: block; height: 5px; margin-left: 5px; background: url(images/tt_bottom.gif) top right no-repeat; overflow: hidden } .tthoverbold { font-weight: bolder; letter-spacing: -1px; } .tthoverHelpCursor { cursor:help; } /* END Tool Tips */ select.list { width:300px; } select.list250 { width:250px; } select.longList { width:700px; } /* Backgroung shading for odd and even lines. */ tr.odd { } tr.even { background-color: #F1F6FA; } /* Styles for letters and other printed material. */ .printFooter { text-align: center; bottom: 0px; width: 100%; } .printPageWidth { width: 170mm; } table.tight { border-collapse: collapse; } .tight th { padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; } .tight td { padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; } span.holders_hidden { display: none; } .holders_hidden { display: none; } .holders { border: 0px ; border-collapse: collapse; } .holders th { text-align: center; border: 0px ; padding-top: 2px; padding-right: 12px; padding-bottom: 2px; padding-left: 12px; } .holders td { border: 1px solid black; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; } .divStyle{ overflow: auto; position: relative; top: 0px; left: 0px; width: 60%; height: 200px; border-left: 1px gray solid; border-bottom: 1px gray solid; border-top: 1px gray solid; border-right: 1px gray solid; padding: 0px; margin: 0px; background-color: #f5f5ff } .formErrorBox { color: #B80000; font-weight: bolder; } .simpleDialog { display: none; z-index: 20; position: fixed; left: 50%; /* Start with top left in the center */ top: 50%; background-color: white; border: 2px ridge black; } .hide { display: none; } /* * Styles to add ticks and crosses to tabber headings. */ .tabHeadingOk { background-image:url('../images/tick-green.png'); background-size:14px 14px; background-repeat:no-repeat; background-position:left center; padding-left: 17px; } .tabHeadingError { background-image:url('../images/cross-red.png'); background-size:14px 14px; background-repeat:no-repeat; background-position:left center; padding-left: 17px; }