/* ============================================================================== Common Styles ============================================================================== */ html { background-color:#EEE; } body { background-color:#EEE; font-size:16px; color:#5e5e5e; font-family: Arial, Helvetica, sans-serif; margin:0px; } a, a:visited, a:hover, a:active{color:#0099ff;text-decoration:none} a:hover{text-decoration:underline} h1, h2, h3 { margin:0 } h1 { font-size:27px; font-weight:bold; color:#b32525 } h2 { font-size:20px; font-weight:bold; color:#19234f } h3 { font-size:16px; font-weight:bold; color:#239723 } p { line-height: 160%; margin-top: 5px; } textarea { resize: none; } .form-control .radio-yes-no { width:150px; } /* ============================================================================== Success / Warning / Error ============================================================================== */ div.success { position:relative; } .success-img { position:absolute; top:20px; } .success-message { margin-left: 12px; padding: 15px 15px 15px 75px; border: 2px solid #dddddd; border-radius: 10px; min-height: 130px; background: rgb(255,255,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTBlMGUwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(255,255,255,1) 55%, rgba(224,224,224,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,rgba(255,255,255,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 55%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 55%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 55%,rgba(224,224,224,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 55%,rgba(224,224,224,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-8 */ } .success-message h1 { margin-bottom:15px; } .box.submission { background:url(/KdheRateCheckup1.0/Media/Image_SuccessfulSubmission.png) 20px 20px no-repeat; } .box.warning { background:url(/KdheRateCheckup1.0/Media/Image_AccountExists.png) 20px 20px no-repeat; } .box-message { padding: 30px 15px 15px 210px; border: 2px solid #dddddd; } .text-msg { background-repeat:no-repeat; padding-left:35px; margin:5px; text-align:left; display:inline-block; } .text-success { background-image:url('/KdheRateCheckup1.0/Media/Icon_Success.png'); color:#10A000; } .text-success-40 { background-image:url('/KdheRateCheckup1.0/Media/Icon_Checkmark_40.png'); } .text-msg.text-success-40 { padding-left:55px; min-height:40px; vertical-align:middle; background-position-y:50%; padding-top: 15px; } .text-information { background-image:url('/KdheRateCheckup1.0/Media/Icon_Info.png'); background-position: 4px 4px; } .text-warning { background-image:url('/KdheRateCheckup1.0/Media/Icon_Warning.png'); color: #CB7D12; } .text-error { background-image:url('/KdheRateCheckup1.0/Media/Icon_Error.png'); background-position: 4px 4px; color:red; font-size:14px; } .text-msg.border-success, .text-msg.border-information, .text-msg.border-warning, .text-msg.border-error { padding:5px 20px 5px 40px; background-position: 7px 5px; border-radius:5px; } .text-msg.border-information, .text-msg.border-error { background-position: 11px 9px; } .border-success-40 { border:1px solid #7fcf00; } .border-success { border:1px solid #7fcf00; } .border-information { border:1px solid #27BCFC; } .border-warning { border:1px solid #ffc523; } .border-error { border:1px solid #ff0000; } .bg-success { background-color:rgba(142, 214, 28, 0.50); } .bg-success-40 { background-color:rgba(142, 214, 28, 0.50); } .bg-information { background-color:rgba(39, 188, 252, 0.50); } .bg-warning { background-color:rgba(255, 197, 35, 0.50); } .bg-error { background-color:rgba(255, 0, 0, 0.50); } .box-yellow { border: 1px solid #808080; background-color:#fff9d8; } /* ============================================================================== Layout ============================================================================== */ .wrapper { width: 990px; margin: auto; box-shadow: 0 0 10px #999; } .bg-image { width: 990px; height: 140px; background-image: url(/KdheRateCheckup1.0/Media/Image_SiteHeader.png); } .bg-link { width: 320px; height: 130px; margin: 10px 0px 0px 30px; float: left; display:block; } /* Min - Height added for development reasons can remove */ .content { background-color:#FFF; min-height:600px; padding:20px; *zoom: 1; } .content:before, .content:after { display:table; line-height:0; content:"" } .content:after { clear:both } .footer { width: 990px; height: 80px; display:block; vertical-align: middle; text-align: center; background: #1395d0; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEzOTVkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZDMzOGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #1395d0 0%, #2d338e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1395d0), color-stop(100%,#2d338e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1395d0 0%,#2d338e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1395d0 0%,#2d338e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1395d0 0%,#2d338e 100%); /* IE10+ */ background: linear-gradient(to bottom, #1395d0 0%,#2d338e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1395d0', endColorstr='#2d338e',GradientType=0 ); /* IE6-8 */ } .footer p { color:#FFF; padding-top:15px; padding-bottom: 10px;margin:0px; } /* ============================================================================== Main Menu ============================================================================== */ .menu { float:right; position:relative; margin-left:-250px; margin-right:1px; } .menu ul { width:100%; margin:0px; font-size:14px; } .menu > ul > li { display: block; float:left; margin:0px; border-right:1px solid #002261; box-shadow: .5px -1.5px .25px .15px #2771DA; } .menu > ul > li > a, .menu > ul > li > span, .menu > ul > li > .sub-menu, .menu > ul > li > a:link, .menu > ul > li > a:active, .menu > ul > li > a:visited { padding:10px 18px; color:#ffffff; text-shadow: 0.1em 0.1em 0.2em black; text-decoration:none; display:block; } .menu .text-italic { text-shadow:none; } .sub-menu:hover, .menu > ul > li > a:hover, .sub-menu li a:hover { color: #ffffff; cursor:pointer; background-color: #8ed61c; /* Old browsers */ background: -moz-linear-gradient(top, #8ed61c 0%, #239723 60%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ed61c), color-stop(60%,#239723)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #8ed61c 0%,#239723 60%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #8ed61c 0%,#239723 60%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #8ed61c 0%,#239723 60%); /* IE10+ */ background: linear-gradient(to bottom, #8ed61c 0%,#239723 60%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ed61c', endColorstr='#239723',GradientType=0 ); /* IE6-9 */ } .sub-menu { position:relative; } .sub-menu ul { overflow:hidden; height:0px; position:absolute; background-color:#fff; list-style:none; left:0px; top:35px; width:170px; margin:0px; padding:0px; } .sub-menu.admin ul { width:200px; } .sub-menu li a { color:#000; padding:5px 10px; display:block; text-decoration:none; text-shadow:none; } .sub-menu:hover ul { height:auto; } .menu .img-btn-ratecheckup { position:absolute; right:10px; top:45px; } .menu .img-btn-forum { position:absolute; right:250px; top:39px; } /*.menu .img-btn-ratecheckup:hover { right:9px; }*/ .bg-text-oranization { position:absolute; right:20px; top:85px; color:white; } .bg-text-ratecheckup { position:absolute; right:20px; top:110px; color:white; } /* ============================================================================== Menu Top ============================================================================== */ .menu-top ul { width:100%; margin:0px; padding:0px; font-size:14px; } .menu-top > ul > li { display: block; float:left; height:50px; } .menu-top > ul > li > a, .menu-top > ul > li > span, .menu-top > ul > li > a:link, .menu-top > ul > li > a:active, .menu-top > ul > li > a:visited { display: block; height:50px; } .menu-top ul li.menu-btn { background-image: url(/KdheRateCheckup1.0/Media/Image_MenuBar.png); background-repeat:repeat-x; width:50px; height:50px; } .menu-top ul li a.menu-top-input { background-image: url(/KdheRateCheckup1.0/Media/Menu_Input_D.png); width:100px; } .menu-top ul li a.menu-top-input:hover { background-image: url(/KdheRateCheckup1.0/Media/Menu_Input_H.png); } .menu-top ul li a.menu-top-input.active { background-image: url(/KdheRateCheckup1.0/Media/Menu_Input_S.png); } .menu-top ul li a.menu-top-forecast { background-image: url(/KdheRateCheckup1.0/Media/Menu_Forecast_D.png); width:126px; } .menu-top ul li a.menu-top-forecast:hover { background-image: url(/KdheRateCheckup1.0/Media/Menu_Forecast_H.png); } .menu-top ul li a.menu-top-forecast.active { background-image: url(/KdheRateCheckup1.0/Media/Menu_Forecast_S.png); } .menu-top ul li a.menu-top-reports { background-image: url(/KdheRateCheckup1.0/Media/Menu_Reports_D.png); width:110px; } .menu-top ul li a.menu-top-reports:hover { background-image: url(/KdheRateCheckup1.0/Media/Menu_Reports_H.png); } .menu-top ul li a.menu-top-reports.active { background-image: url(/KdheRateCheckup1.0/Media/Menu_Reports_S.png); } .menu-top ul li.menu-top-bar { background-image: url(/KdheRateCheckup1.0/Media/Menu_Bar.png); width:604px; } /* ============================================================================== Menu Left ============================================================================== */ .menu-left-wrapper { background-color:#E4F5EA; margin:-20px; } .menu-left-content { background-color:#fff; margin-left:175px; min-height:600px; padding:20px; *zoom: 1; } .menu-left { width:175px; float:left; margin-top:20px; } .menu-left ul { margin:0px 0px -300px 0px; padding:0px; list-style:none; border-top:1px solid #cecece; box-shadow: inset 0px .5px .5px white; } .menu-left li { margin:0px; padding:0px; } .menu-left li a, .menu-left li a:active, .menu-left li a:visited { display: block; padding: 5px 5px 5px 20px; border-bottom: 1px solid #cecece; box-shadow: 0px .5px .5px white; font-weight: 600; color: #6f6f6f; text-decoration:none; } .menu-left li a.active, .menu-left li a:hover { display: block; background-color: #fff; border-left: 6px solid #239723; padding-left: 14px; color: #239723; box-shadow: 0px .5px .5px #cecece; } .menu-left li a:hover { cursor:pointer; } .menu-left li a.active { cursor:default; display: block; background-color: #fff; border-left: 6px solid #239723; padding-left: 14px; color: #239723; box-shadow: 0px .5px .5px #cecece; } .menu-left li a.disabled, .menu-left li a.disabled:hover { cursor:default; background-color: #E4F5EA; border-left:none; box-shadow: inset 0px .5px .5px white; color: #cccccc; padding-left:20px; } .menu-left-wrapper.hide-controls .menu-left { display:none; } .menu-left-wrapper.hide-controls .menu-left-content { margin-left:0px; } .menu-left-wrapper.hide-controls .menu-left-content > h1 { display:none; } .menu-left-wrapper.hide-controls .menu-left-content > h1 + div { display:none; } .RadGrid .rgRow td,.RadGrid .rgAltRow td{word-wrap: break-word;} .RadGrid.RadGrid_WebBlue .rgRow a, .RadGrid.RadGrid_WebBlue .rgAltRow a { color:#0099ff; padding-left:15px; background: no-repeat url('/KdheRateCheckup1.0/Media/Icon_Triangle_Blue.png'); background-position:0px 3px; } /* ============================================================================== RadWindow ============================================================================== */ div.RadWindow { z-index:9001 !important; } .modal-window { width:845px; min-height:200px; max-height:800px; padding:15px 30px; background-color: #fff; } .modal-html { overflow-x:hidden; background-color: #fff; } .TelerikModalOverlay { position: fixed !important; } .rwDialogPopup.radconfirm a.rwPopupButton, .rwDialogPopup.radconfirm a.rwPopupButton:hover, .rwDialogPopup.radalert a.rwPopupButton, .rwDialogPopup.radalert a.rwPopupButton:hover { background:none; height:28px; margin-bottom:20px; margin-top:10px; } .rwDialogPopup.radconfirm a.rwPopupButton span.rwOuterSpan, .rwDialogPopup.radalert a.rwPopupButton span.rwOuterSpan { background:none; height:28px; } .rwDialogPopup.radconfirm a.rwPopupButton span.rwOuterSpan span.rwInnerSpan, .rwDialogPopup.radalert a.rwPopupButton span.rwOuterSpan span.rwInnerSpan { padding: 3px 15px; background-position:0px 0px; height: 20px; line-height: 18px; font-size:14px; color: #fff; font-family:Arial; font-weight:bold; display: inline-block; text-align: center; vertical-align: middle; cursor: pointer; *zoom: 1; border: 1px solid #cccccc; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; border-radius: 10px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); background-color: #4e4e4e; background-image: -webkit-linear-gradient(top, #4e4e4e 0%, #181818 44%, #000000 47%, #323232 50%, #1d1d1d 53%, #0a0809 100%); background-image: -moz-linear-gradient(top, #4e4e4e 0%, #181818 44%, #000000 47%, #323232 50%, #1d1d1d 53%, #0a0809 100%); background-image: -o-linear-gradient(top, #4e4e4e 0%, #181818 44%, #000000 47%, #323232 50%, #1d1d1d 53%, #0a0809 100%); background-image: linear-gradient(to bottom, #4e4e4e 0%, #181818 44%, #000000 47%, #323232 50%, #1d1d1d 53%, #0a0809 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#0a0809',GradientType=0 ); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .rwDialogPopup.radconfirm a.rwPopupButton:hover span.rwOuterSpan span.rwInnerSpan, .rwDialogPopup.radalert a.rwPopupButton:hover span.rwOuterSpan span.rwInnerSpan { background-color: #0a0809; background-image: -webkit-linear-gradient(top, #0a0809 0%, #1d1d1d 47%, #323232 50%, #000000 53%, #181818 56%, #4e4e4e 100%); background-image: -moz-linear-gradient(top, #0a0809 0%, #1d1d1d 47%, #323232 50%, #000000 53%, #181818 56%, #4e4e4e 100%); background-image: -o-linear-gradient(top, #0a0809 0%, #1d1d1d 47%, #323232 50%, #000000 53%, #181818 56%, #4e4e4e 100%); background-image: linear-gradient(to bottom, #0a0809 0%, #1d1d1d 47%, #323232 50%, #000000 53%, #181818 56%, #4e4e4e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a0809', endColorstr='#4e4e4e',GradientType=0 ); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } /* ============================================================================== RadAjax ============================================================================== */ .RadAjax.RadAjax_Telerik { z-index:8000 !important; } /* ============================================================================== Collapsable ============================================================================== */ .collapse { margin: 0; } .collapse-body { margin: 0; outline: 0; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 10px 20px; overflow:hidden; } .collapse-body p { margin: 0px; } .collapse-head { font-weight: bold; padding: .5em; position: relative; cursor: pointer; } .collapse-head a { text-decoration: none; } .collapse .caret { margin-top: -9px; } .collapse .active .caret { margin-top: -10px; } .collapse .caret-wrapper { position: absolute; top: 10px; right: 10px; display: block; width: 13px; height: 12px; border-radius:3px; } .blue .collapse-head { background: rgb(242,246,248); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjZmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q4ZTFlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2I1YzZkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGVmZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-8 */ border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #888; border-right: 1px solid #aaa; } .blue .collapse-head:hover { background: rgb(239,239,239); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2M3ZDllNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzlmYmRjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYmRmZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(199,217,229,1) 50%, rgba(159,189,206,1) 51%, rgba(187,223,247,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(50%,rgba(199,217,229,1)), color-stop(51%,rgba(159,189,206,1)), color-stop(100%,rgba(187,223,247,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(199,217,229,1) 50%,rgba(159,189,206,1) 51%,rgba(187,223,247,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(199,217,229,1) 50%,rgba(159,189,206,1) 51%,rgba(187,223,247,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(199,217,229,1) 50%,rgba(159,189,206,1) 51%,rgba(187,223,247,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(199,217,229,1) 50%,rgba(159,189,206,1) 51%,rgba(187,223,247,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#bbdff7',GradientType=0 ); /* IE6-8 */ } .blue .collapse-head a { color: #000; text-shadow: 1px 1px .5px #FFF; } .blue.collapse .caret { border-top-color: #888; border-bottom-color: #888; } .blue .collapse-head .caret-wrapper { border: 1px solid #888; } .blue .collapse-head:hover .caret-wrapper { border-color: #FFF; } .green .collapse-head { background: rgb(2,147,0); /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyOTMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzE2YzQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjkzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(2,147,0,1) 0%, rgba(22,196,0,1) 50%, rgba(2,147,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(2,147,0,1)), color-stop(50%,rgba(22,196,0,1)), color-stop(100%,rgba(2,147,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(2,147,0,1) 0%,rgba(22,196,0,1) 50%,rgba(2,147,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(2,147,0,1) 0%,rgba(22,196,0,1) 50%,rgba(2,147,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(2,147,0,1) 0%,rgba(22,196,0,1) 50%,rgba(2,147,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(2,147,0,1) 0%,rgba(22,196,0,1) 50%,rgba(2,147,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#029300', endColorstr='#029300',GradientType=0 ); /* IE6-8 */ border-bottom: 1px solid #666; border-right: 1px solid #666; } .green .collapse-head:hover { background: rgb(2,160,0); /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyYTAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZDYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMmEwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(2,160,0,1) 0%, rgba(0,214,0,1) 50%, rgba(2,160,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(2,160,0,1)), color-stop(50%,rgba(0,214,0,1)), color-stop(100%,rgba(2,160,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(2,160,0,1) 0%,rgba(0,214,0,1) 50%,rgba(2,160,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(2,160,0,1) 0%,rgba(0,214,0,1) 50%,rgba(2,160,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(2,160,0,1) 0%,rgba(0,214,0,1) 50%,rgba(2,160,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(2,160,0,1) 0%,rgba(0,214,0,1) 50%,rgba(2,160,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02a000', endColorstr='#02a000',GradientType=0 ); /* IE6-8 */ } .green .collapse-head a { color: #EFEFEF; } .green.collapse .caret { border-top-color: #EEE; border-bottom-color: #EEE; } .green .collapse-head .caret-wrapper { border: 1px solid #EEE; } .green .collapse-head:hover .caret-wrapper { border-color: #888; } /* ============================================================================== Panel ============================================================================== */ .panel { border: 1px solid #cecece; } .panel h2 { padding: 3px 20px; margin: 0px; font-size: 16px; } .panel-content { padding: 10px 20px 20px 20px; } .panel .panel-green { color:#fff; background: #029300; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyOTMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzE2YzQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjkzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(2,147,0,1) 0%, rgba(22,196,0,1) 50%, rgba(2,147,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(2,147,0,1)), color-stop(50%,rgba(22,196,0,1)), color-stop(100%,rgba(2,147,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(2,147,0,1) 0%,rgba(22,196,0,1) 50%,rgba(2,147,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(2,147,0,1) 0%,rgba(22,196,0,1) 50%,rgba(2,147,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(2,147,0,1) 0%,rgba(22,196,0,1) 50%,rgba(2,147,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(2,147,0,1) 0%,rgba(22,196,0,1) 50%,rgba(2,147,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#029300', endColorstr='#029300',GradientType=0 ); /* IE6-8 */ } .panel-silver { color:#000; background: rgba(226,226,226,1); background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 46%, rgba(219,219,219,1) 76%, rgba(209,209,209,1) 85%, rgba(209,209,209,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(46%, rgba(254,254,254,1)), color-stop(76%, rgba(219,219,219,1)), color-stop(85%, rgba(209,209,209,1)), color-stop(100%, rgba(209,209,209,1))); background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 46%, rgba(219,219,219,1) 76%, rgba(209,209,209,1) 85%, rgba(209,209,209,1) 100%); background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 46%, rgba(219,219,219,1) 76%, rgba(209,209,209,1) 85%, rgba(209,209,209,1) 100%); background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 46%, rgba(219,219,219,1) 76%, rgba(209,209,209,1) 85%, rgba(209,209,209,1) 100%); background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 46%, rgba(219,219,219,1) 76%, rgba(209,209,209,1) 85%, rgba(209,209,209,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#d1d1d1', GradientType=0 ); } .panel-blue { color:#333; background: rgb(242,246,248); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjZmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q4ZTFlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2I1YzZkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGVmZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-8 */ border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #888; border-right: 1px solid #aaa; } .panel-content.blank { padding: 5px 15px 15px 15px; border-bottom: 2px solid #cecece; border-left: 2px solid #cecece; border-right: 2px solid #cecece; } .panel-content.blank h2 { padding: 4px 20px; margin: 0px -16px; } .panel-content.blank h2.panel-green { color:#fff; } .panel-content.blank h2.panel-blue { color:#333; } .panel-head.blank { padding:15px; border: 2px solid #cecece; margin-top:10px; } .panel-head.blank h2 { color:#239723; padding:0px; } .panel-head.blank p { margin-bottom:0px; } .panel-chart { /*border: 3px solid #cecece; border-radius:15px; padding:0px 0px 20px 0px;*/ text-align:left; } .panel-chart-head { overflow:hidden; border-top-left-radius:15px; border-top-right-radius:15px; border: 3px solid #cecece; border-bottom:0px; } .panel-chart-content { border-bottom-left-radius:15px; border-bottom-right-radius:15px; border: 3px solid #cecece; border-top:0px; } .panel-chart h2 { text-align:center; padding-top:5px; margin-bottom:10px; background: rgb(0,80,219); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTBkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iIzRjNzZlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(0,80,219,1) 0%, rgba(76,118,232,1) 81%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,80,219,1)), color-stop(81%,rgba(76,118,232,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,80,219,1) 0%,rgba(76,118,232,1) 81%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,80,219,1) 0%,rgba(76,118,232,1) 81%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,80,219,1) 0%,rgba(76,118,232,1) 81%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,80,219,1) 0%,rgba(76,118,232,1) 81%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0050db', endColorstr='#4c76e8',GradientType=0 ); /* IE6-8 */ color:white; border-bottom: 3px solid #cecece; } /* ============================================================================== ListView Grid ============================================================================== */ table { width:100%; } .grid-extend { overflow-x: auto;width:auto;position:relative; } .grid-extend table { table-layout: fixed; } .grid-total, .grid-col, .grid-footer { height: 35px; line-height:35px; } .grid-total .RadInput, .grid-col .RadInput { display:block; width:80% !important; box-sizing: border-box; background-color: inherit; margin:auto; } .grid-total .RadInput .riTextBox.textbox, .grid-col .RadInput .riTextBox.textbox, .grid-col .textbox { vertical-align: top; width:80% !important; margin:5px auto !important; height:25px; border:1px solid #808080; box-sizing: border-box; } .grid-total .RadInput .riTextBox.textbox, .grid-col .RadInput .riTextBox.textbox, .grid-col .RadInput.textbox { width:100% !important; margin:5px auto !important; height:25px; border:1px solid #808080; } .grid-row .RadInput .riTextBox.riRead.textbox { text-align:center; line-height: 25px; color: #000000; font-size:14px; padding:0px; border:none; } .grid-col .textbox.border-error { border:1px solid red; } .grid-col .RadInput .riTextBox.textbox.riDisabled { background-color:#ddd; color:#000; } .grid-col .riUp { margin-top: 4px; } .grid-col .riDown { margin-bottom: 3px; } .grid-row, .grid-head, .grid-total, .grid-col, .grid-footer { box-sizing: border-box; } /*.grid-head {background-color:#46b946; color:white; font-weight:bold;text-align:center; text-shadow: 1px 1px #808080; border-top:1px solid #808080; }*/ .grid-head {background-color:#58af45; color:white; font-weight:bold;text-align:center; text-shadow: 1px 1px #808080; border-top:1px solid #808080; } .grid-head .label { color:white; text-decoration:none; } .grid-head a.label:hover { color:#ededed; } .grid-footer, .grid-error { border-bottom: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #808080; } .grid-total { border-bottom: 1px solid #808080; } .grid-total .grid-col { border-bottom:none; } .grid-total .label {color:#1a50d4; } /*.grid-total { background-color:#a4cdff; }*/ .grid-total { background-color:#dcecff ; } .grid-total .textbox, .grid-total .grid-col .RadInput, .grid-total .grid-col .RadInput .riTextBox.textbox { color:#1a50d4; } .grid-total .RadInput .riTextBox.riRead.textbox { background-color:#ddd !important; } .grid-total .label, .grid-total .text { color:#1a50d4; } .grid-footer { padding-left:25px; padding-right:15px; } .grid-row { } .grid-error { color:red; padding: 5px 25px; } /*.grid-row:nth-of-type(2n + 1) { background-color:#e4e4e4; }*/ .grid-col { float: left; text-align: center; border-bottom: 1px solid #808080; border-right: 1px solid #808080; } td.grid-col { float: none; } .grid-col, .grid-col .text, .grid-col .label { text-align: center; } .grid-col1, .grid-col-full { border-left:1px solid #808080; } .grid-row, .grid-col { font-size:14px; } /* ============================================================================== Accessibility ============================================================================== */ .visually-hidden { visibility:hidden; } /* ============================================================================== Helper ============================================================================== */ .form-label, .form-control, .form-fluid { float: left; height: auto; min-height: 1px; position: relative; box-sizing: border-box; padding: 0px; min-height: 25px; } .form-label { width: 150px; } .form-control { width: 760px; padding:0px 10px; } .form-error { padding-left:150px; margin-left:10px;} .form-control .form-error { padding-left:0px; margin-left:0px; } .textbox, .label { width:100%; box-sizing:border-box; } .label { display:inline-block; padding-right:30px; text-align:right; font-weight:bold; min-height:25px; } .text, .label, .radio label { padding:0px 10px; line-height:25px; color:#000000;} .checkbox label, .checkbox input { cursor:pointer; } .checkbox label { padding-left:5px; } .RadComboBox { margin-top:1.5px; } .RadInput .riTextBox, .RadInput.riSingle .riTextBox { height:25px; } .textbox { padding:1px 5px; height:25px; } textarea.textbox { height:auto; } .RadAutoCompleteBox.textbox { padding:0px; height:25px; } .RadAutoCompleteBox.textbox .racTokenList { height:21px;padding: 0; } .radiobuttonlist input{cursor:pointer;float: left;margin-top: 4px;} .radiobuttonlist label{padding:0px 6px; line-height:20px;} .label.text-left { text-align:left !important; } .RadToolTip h2 { font-size: 18px; padding: 4px 20px; margin: 0px -16px; } .RadToolTip p { padding: 0px 10px; margin-top:5px; margin-bottom:12px; } .RadToolTip ul { list-style:none; padding-left:10px; margin:3px; } .left-column { padding-right:20px; float:left } .right-column { padding-left:20px; float:left; border-left: 1px solid #cccccc; } .row-fluid, .row-button, .clearfix { *zoom: 1; } .row-fluid, .row-button { width: 100%; margin-top:10px; } .row-fluid:before, .row-fluid:after, .row-button:before, .row-button:after, .clearfix:before, .clearfix:after { display:table; line-height:0; content:"" } .row-fluid:after, .row-button:after, .clearfix:after { clear:both } .row-button .btn-link { margin-top:10px; margin-right:20px; } .text-green { color: green; } .text-red { color: red; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-normal{font-weight:normal;} .text-italic { font-style: italic; } .float-left{ float:left; } .float-right{ float:right; } .border-bottom-none {border-bottom:none} .border-none {border:none !important; box-shadow:none !important;} .width-auto {width:auto;} .width-0 { width:0%; } .width-10 { width:10%;} .width-20 { width:20%; } .width-30 { width:30%;} .width-35 { width:35%;} .width-40 { width:40%; } .width-50 { width:50%;} .margin-top-0 { margin-top:0px;} .margin-top-30 { margin-top:30px; } .margin-top-15 { margin-top:15px;} .margin-left-25 { margin-left:25px; } .margin-left-40 { margin-left:40px; } .margin-left-45 { margin-left:45px; } .margin-left-50 { margin-left:50px; } .margin-left-80 { margin-left:80px; } .margin-right-25 { margin-right:25px; } .margin-right-40 { margin-right:40px; } .margin-right-45 { margin-right:45px; } .margin-right-50 { margin-right:50px; } .margin-right-80 { margin-right:80px; } .margin-bottom-0 { margin-bottom:0px;} .margin-bottom-10 { margin-bottom:10px;} .margin-bottom-20 { margin-bottom:20px;} .margin-bottom-30 { margin-bottom:30px;} .padding-left-10 { padding-left:10px; } .padding-left-15 { padding-left:15px; } .padding-left-20 { padding-left:20px; } .padding-left-30 { padding-left:30px; } .padding-left-40 { padding-left:40px; } .padding-right-10 { padding-right:10px; } .padding-right-15 { padding-right:15px; } .padding-right-20 { padding-right:20px; } .padding-right-30 { padding-right:30px; } .padding-right-40 { padding-right:40px; } .padding-bottom-0 { padding-bottom:0px; } .font-size-16 { font-size:16px; } .font-size-14 { font-size:14px; } .font-size-12 { font-size:12px; } .RadPicker.border-error { border: none !important; } .RadPicker.border-error .riTextBox { border: solid 1px #F00 !important; } .RadComboBox.border-error { border: none !important; } .RadComboBox.border-error table { border: solid 1px #F00 !important; } .RadInput.border-error { border: none !important; } .RadInput.border-error .riTextBox { border: solid 1px #F00 !important; } .rgNoRecords{color:red;} /* ============================================================================== Pages ============================================================================== */ /* ============================================================================== Sign In ============================================================================== */ .signin { width: 400px; padding: 20px; margin-top: 30px; text-align: center; border: 1px solid #7eb0db; background: #d8e6f2; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Q4ZTZmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2Q4ZTZmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #ffffff 0%, #d8e6f2 40%, #d8e6f2 60%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(40%,#d8e6f2), color-stop(60%,#d8e6f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #ffffff 0%,#d8e6f2 40%,#d8e6f2 60%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #ffffff 0%,#d8e6f2 40%,#d8e6f2 60%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #ffffff 0%,#d8e6f2 40%,#d8e6f2 60%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to right, #ffffff 0%,#d8e6f2 40%,#d8e6f2 60%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8e6f2',GradientType=1 ); /* IE6-8 */ } .signin-side { height:130px; background-color: #ECF3F8; margin: 45px 0 0;padding: 25px 25px 15px 100px;width: 380px;} .signin-side ul { font-size:14px; padding-left:15px; margin-top:5px; } .signin .form-label { width:150px; } .signin .form-control { width:200px; } .signin .checkbox { color:#0099ff; } /* ============================================================================== About ============================================================================== */ .about-img-desc { float:right; margin-top:-20px; margin-right:-20px; } .about-quoteblock { width:100%; background: #ffffff; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ededed 50%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#ededed 50%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#ededed 50%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#ededed 50%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ border-bottom: 1px solid #cccccc; margin: 0px -20px 25px; padding: 0px 20px 0px; font-style:italic; } .about-quoteblock img { float:left; } .about-quoteblock p { margin-left:150px; margin-top:20px; } .about-steps { margin:20px 15px; width:440px; border:#ededed; float:left; background: #ffffff; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, #ffffff 0%, #ededed 50%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #ffffff 0%,#ededed 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #ffffff 0%,#ededed 50%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #ffffff 0%,#ededed 50%,#ffffff 100%); /* IE10+ */ background: linear-gradient(135deg, #ffffff 0%,#ededed 50%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ border: 1px solid #cccccc; box-shadow: 0 0 10px #999; } .about-steps img { float: left; margin-top:20px; margin-left:15px; } .about-steps h2 { margin-top:15px; margin-left:120px; color:#2b57a6; font-size:18px; } .about-steps p { margin-top:10px; margin-left:120px; padding-right:10px; font-size: 15px; line-height: 20px; height: 60px; } /* ============================================================================== Contact ============================================================================== */ .contact-column { float:left; position: relative; } .contact-column h3 {font-size: 16px;color: #000000;font-weight: bold;} .contact-image { position: absolute; top:20px; left:90px; width: 120px; height: 120px; } .contact-column-content { overflow:visible; width:258px; height:325px; margin-top: 90px; padding:90px 20px 0px 20px; border: 1px solid #bfd4e7; text-align:center; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q4ZTZmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iI2Q4ZTZmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iI2Q4ZTZmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #d8e6f2 50%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#d8e6f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#d8e6f2 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#d8e6f2 50%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#d8e6f2 50%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#d8e6f2 50%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#D8E6F2',GradientType=0 ); /* IE6-9 */ } /* ============================================================================== Faq ============================================================================== */ .faq-column { display:inline-block; width:90px; vertical-align:top; } .faq ul { padding-left:20px; margin:0px 0px 5px 0px; } .faq ul li { margin-top:5px; } /* ============================================================================== Organization Registration ============================================================================== */ .organization-registration .form-label { width:22% } .organization-registration .form-control { width:78%; } .organization-registration .form-error { padding-left: 22%} .organization-registration .padding-right-14{ padding-right:14px} /* ============================================================================== Organization Approval ============================================================================== */ .organization-approval .form-label { width:22% } .organization-approval .form-control { width:78%;} .organization-approval .form-error { padding-left: 22%; } .organization-approval .padding-right-14{ padding-right:14px} /* ============================================================================== Organization Profile ============================================================================== */ .organization-profile .form-label { width:22% } .organization-profile .form-control { width:78%;} .organization-profile .form-error { padding-left: 25%; } .organization-profile .padding-right-14{ padding-right:14px} /* ============================================================================== Organization Management Edit ============================================================================== */ .organizationmanagment-edit .form-label { width:27% } .organizationmanagment-edit .form-control { width:73%; } .organizationmanagment-edit .form-error { padding-left: 27%; } /* ============================================================================== Member Edit Profile ============================================================================== */ /* ============================================================================== Member Edit Sign In ============================================================================== */ .member-signin .form-label { width:30% } .member-signin .form-control { width:70%; } .member-signin .form-error { padding-left: 30%; } /* ============================================================================== New Rate Checkup ============================================================================== */ .new-rate-checkup .form-error { padding-left:0px; } .new-rate-checkup .form-label { width: 600px; } .new-rate-checkup .form-label .label { text-align:left; } .new-rate-checkup .form-control { width:300px; } /* ============================================================================== Input Summary ============================================================================== */ .input-summary .form-error { padding-left:0px; } .input-summary .form-label { width: 600px; } .input-summary .form-label .label { text-align:left; } .input-summary .form-control { width:300px; } .input-summary .panel-head ul { margin:10px 0px 0px 0px; } .input-summary .panel-head li { height: 22px; } .input-summary-head { padding: 3px 10px 2px 5px; background-color: #efefef; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; position:relative; height:25px; } .input-summary-head h2 { display:inline; padding-top:1px; padding-left:28px; } .input-summary-head .btn-small { height:24px; top:1px; right:10px; position:absolute; padding: 1px 10px; margin: 2px 0px 0px 0px; } .input-summary-head .icon { top:6px; position:absolute; } .input-summary-content { border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .input-summary-empty { color:red; padding:4px 0px 4px 60px; display:block; border-bottom: 1px solid #ccc; } .input-summary .icon.i-warning-16 { margin-left:-25px; } .input-summary-grid .collapse { margin-top:0px; } .input-summary-grid .collapse-body { border-left:0px; border-right:0px; overflow:hidden; position: relative; padding:0px; } .input-summary-grid .collapse-head { border-bottom: 1px solid #ccc; padding-left:60px; font-weight:normal; } .input-summary-grid .caret-wrapper { background-color:#333; right:auto; left:35px; } .input-summary-content .collapse-head .caret-wrapper { border: none; background:none; width:24px ; height:20px; margin-right:10px; left:30px; } .input-summary-content .collapse-head .caret-wrapper .caret { border: none; background:url('/KdheRateCheckup1.0/Media/Icon_ArrowDown_24.png') no-repeat; background-size:20px 20px ; width:24px ; height:20px ; } .input-summary-content .collapse-head.active .caret-wrapper .caret { background:url('/KdheRateCheckup1.0/Media/Icon_ArrowUp_24.png') no-repeat; background-size:20px 20px ; width:24px ; height:20px ; } .input-summary-content .collapse-head .caret-wrapper .caret { color:transparent;} .input-summary-serial { color:rgb(94, 94, 94); } .input-summary-status, .input-summary-edit, .input-summary-remove { position:absolute; } .input-summary-status { left:620px; } .input-summary-status.green { color:green; } .input-summary-status.red { color:red; } .input-summary-edit { left:820px; } .input-summary-remove { left:885px; } .input-summary-grid ul { margin:0px -20px; padding:0px; } .input-summary-grid li { border-bottom: 1px solid #ccc; padding: 5px 5px 5px 100px; height:19px; } .input-summary-grid li:last-of-type { border-bottom:none; } /* ============================================================================== Input Summary - Select Rate Structure ============================================================================== */ .input-summary-rate-structure-select .form-error { padding-left: 30%; } .input-summary-rate-structure-select .form-label { width:30%; padding-left:0px; text-align:left; } .input-summary-rate-structure-select .form-label .label { padding-left:0px; text-align:left; } .input-summary-rate-structure-select .form-control { width:70%; padding-right:0px; } .input-summary-rate-structure-select .label { text-align:left; display:inline; padding-left:0px; } .input-summary-rate-structure-select .grid-head .grid-col { height:30px; } .input-summary-rate-structure-select .grid-col { height:auto; line-height:20px; float:left; display:table-cell; float:none; vertical-align:top} .input-summary-rate-structure-select .grid-row {display:table-row} .input-summary-rate-structure-select .grid-col1 { width:5%; } .input-summary-rate-structure-select .grid-col2 { width:17%; } .input-summary-rate-structure-select .grid-col3 { width:20%; } .input-summary-rate-structure-select .grid-col4 { width:13%; word-wrap:break-word} .input-summary-rate-structure-select .grid-col5 { width:10%; } .input-summary-rate-structure-select .grid-col6 { width:9%; } .input-summary-rate-structure-select .grid-col7 { width:12%;} .input-summary-rate-structure-select .grid-col8 { width:17%;} /*.input-summary-rate-structure-select .icon-success {width:36px;height:35px;float:left;margin-top:5px;padding-top:0px}*/ .input-summary-rate-structure-select.modal-window { width: 900px; min-height:50px; min-width:900px; max-height:none; } /*.input-summary-rate-structure-select .text-msg {display:inline-block;float:left;padding-left:20px; margin-top:10px}*/ /* ============================================================================== Input Summary - Select Water Usage ============================================================================== */ .input-summary-water-usage-select .form-error { padding-left: 30%; } .input-summary-water-usage-select .form-label { width:30%; padding-left:0px; text-align:left; } .input-summary-water-usage-select .form-label .label { padding-left:0px; text-align:left; } .input-summary-water-usage-select .form-control { width:70%; padding-right:0px; } .input-summary-water-usage-select .label { text-align:left; display:inline; padding-left:0px; } .input-summary-water-usage-select .grid-head .grid-col { height:30px; } .input-summary-water-usage-select .grid-col { height:auto; line-height:20px; float:left; display:table-cell; float:none; vertical-align:top} .input-summary-water-usage-select .form-error { padding-left:10px; } .input-summary-water-usage-select .form-label { width:30%; padding-left:0px; text-align:left; } .input-summary-water-usage-select .label { text-align:left; } .input-summary-water-usage-select .form-control { width:241px; } .input-summary-water-usage-select .label { text-align:left; display:inline; padding-left:0px; } .input-summary-water-usage-select .grid-head .grid-col { height:30px; } .input-summary-water-usage-select .grid-col { height:auto; max-height:60px; height:50px;line-height:20px } .input-summary-water-usage-select .grid-col1 { width:6%; } .input-summary-water-usage-select .grid-col2 { width:18%; } .input-summary-water-usage-select .grid-col3 { width:22%; } .input-summary-water-usage-select .grid-col4 { width:16%; } .input-summary-water-usage-select .grid-col5 { width:11%; } .input-summary-water-usage-select .grid-col6 { width:16%; } .input-summary-water-usage-select .grid-col7 { width:11%; } /*.input-summary-water-usage-select .icon-success {width:36px;height:35px;float:left;margin-top:5px;padding-top:0px}*/ .input-summary-water-usage-select.modal-window { width: 900px; min-height:50px; min-width:900px; max-height:none; } /*.input-summary-water-usage-select .text-msg {display:inline-block;float:left;padding-left:20px; margin-top:10px}*/ /* ============================================================================== Input Summary - Select Financial Statement ============================================================================== */ .input-summary-financial-statement-select .form-error { padding-left: 30%; } .input-summary-financial-statement-select .form-label { width:30%; padding-left:0px; text-align:left; } .input-summary-financial-statement-select .form-label .label { padding-left:0px; text-align:left; } .input-summary-financial-statement-select .form-control { width:70%; padding-right:0px; } .input-summary-financial-statement-select .label { text-align:left; display:inline; padding-left:0px; } .input-summary-financial-statement-select .grid-head .grid-col { height:30px; } .input-summary-financial-statement-select .grid-col { height:auto; line-height:20px; float:left; display:table-cell; float:none; vertical-align:top} .input-summary-financial-statement-select .form-error { padding-left:10px; } .input-summary-financial-statement-select .form-label { width:30%; padding-left:0px; text-align:left; } .input-summary-financial-statement-select .label { text-align:left; } .input-summary-financial-statement-select .form-control { width:241px; } .input-summary-financial-statement-select .label { text-align:left; display:inline; padding-left:0px; } .input-summary-financial-statement-select .grid-head .grid-col { height:30px; } .input-summary-financial-statement-select .grid-col { height:auto; max-height:60px; height:50px;line-height:20px } .input-summary-financial-statement-select .grid-col1 { width:6%; } .input-summary-financial-statement-select .grid-col2 { width:18%; } .input-summary-financial-statement-select .grid-col3 { width:22%; } .input-summary-financial-statement-select .grid-col4 { width:16%; } .input-summary-financial-statement-select .grid-col5 { width:11%; } .input-summary-financial-statement-select .grid-col6 { width:16%; } .input-summary-financial-statement-select .grid-col7 { width:11%; } /*.input-summary-financial-statement-select .icon-success {width:36px;height:35px;float:left;margin-top:5px;padding-top:0px}*/ .input-summary-financial-statement-select.modal-window { width: 900px; min-height:50px; min-width:900px; max-height:none; } /*.input-summary-financial-statement-select .text-msg {display:inline-block;float:left;padding-left:20px; margin-top:10px}*/ /* ============================================================================== Effective Period ============================================================================== */ .effective-period .form-error { padding-left:255px; } .effective-period .form-label { width:255px; } .effective-period .form-label .label { padding-left:0px; } .effective-period .form-control { width:486px; } .effective-period .form-fluid .text-start { padding-left:0px; padding-right: 5px;} .effective-period table { width:auto; } /* ============================================================================== Customer Group Information ============================================================================== */ .customer-group-info .form-error { margin-left:0px; padding-left:0px; } .customer-group-info .form-label { width:31%; } .customer-group-info .form-control { width:40%; } .customer-group-info .label { text-align:left; display:inline; padding-left:0px; } .customer-group-grid .grid-col1 { width:41px; } .customer-group-grid .grid-col2 { width:400px; } .customer-group-grid .grid-col3 { width:200px; } .customer-group-grid .grid-col4 { width:50px; } .customer-group-grid .grid-col5 { width:50px; } .customer-group-grid .grid-total { background:#fff; } /* ============================================================================== Customer Group Edit ============================================================================== */ .customer-group-edit .form-error { margin-left:0px; padding-left:0px; } .customer-group-edit .form-label { width:64%; padding-left:0px; text-align:left; } .customer-group-edit .form-label .label { padding-left:0px; text-align:left; } .customer-group-edit .form-control { width:36%; padding-right:0px; } .customer-group-edit .form-label .text, .customer-group-edit .form-error.padding-left-20 { padding-left:20px; } .customer-group-edit .form-control .text { padding-left:0px; } .customer-group-edit .large-customer .form-error { padding-left:22px; } .customer-group-edit .large-customer .form-label, .customer-group-edit .large-customer .row-fluid > a { padding-left:20px; } .customer-group-edit .large-customer .text {padding-left:0px;} .customer-group-edit .grid-col1 { width:10%; } .customer-group-edit .grid-col2 { width:13%; } .customer-group-edit .grid-col3 { width:13%; } .customer-group-edit .grid-col4 { width:20%; } .customer-group-edit .grid-col5 { width:14%; } .customer-group-edit .grid-col6 { width:26%; } .customer-group-edit .grid-col7 { width:4%; } .customer-group-edit .grid-row:nth-of-type(2n + 1) { background-color:#fff; } .customer-group-edit .grid-head .grid-col { line-height:25px; height:60px; } .customer-group-edit .grid-head {height:60px; } /* ============================================================================== Annual Summary ============================================================================== */ .annual-summary .form-error { padding-left:10px; } .annual-summary .form-label { width:500px; } .annual-summary .label { text-align:left; } .annual-summary .form-control { width:241px; } .annual-summary-customers .grid-pre-head { border-top: 1px solid #808080; box-sizing: border-box; } .annual-summary-customers .grid-pre-head .grid-col { border-bottom:none; } .annual-summary-customers .grid-col-full { width:741px; } .annual-summary-customers .grid-col1 { width:500px; } .annual-summary-customers .grid-col2 { width:241px; } .annual-summary-customers .grid-row .RadInput .riTextBox.textbox.riDisabled { background-color:#ddd; } /*.annual-summary-customers .grid-row:nth-of-type(2n + 1) .RadInput .riTextBox.textbox.riDisabled { background-color:#ccc; }*/ .annual-summary-customers .grid-total .grid-col1 { border-right:none; } .annual-summary-customers .grid-total .grid-col1 .label { text-align:right; } .annual-summary-customers .grid-row .grid-col1 { text-align:left; } .annual-summary-customers .grid-total .grid-col2 .label { text-align:center; } .annual-summary-months .grid-pre-head { border-top: 1px solid #808080; box-sizing: border-box; } .annual-summary-months .grid-pre-head .grid-col { border-bottom:none; } .annual-summary-months .grid-col-full { width:741px; } .annual-summary-months .label { text-align:center; } .annual-summary-months .grid-col { font-size:12px; line-height: 30px; } .annual-summary-months .grid-head .grid-col { height:105px; position:relative; } .annual-summary-months .grid-head .grid-col .label { line-height: 13px; padding:10px 5px 3px 5px; height:90px; } .annual-summary-months .grid-head .grid-col1 .label { padding: 35px 2px; } .annual-summary-months .grid-head .icon { vertical-align: top; position:absolute; top:auto; bottom:3px; right:3px; } .annual-summary-months .grid-total .label { padding:0px; } .annual-summary-months .grid-col1 { width:41px;} .annual-summary-months .grid-col2 { width:100px; } .annual-summary-months .grid-col3 { width:100px; } .annual-summary-months .grid-col4 { width:100px; } .annual-summary-months .grid-col5 { width:100px; } .annual-summary-months .grid-col6 { width:100px; } .annual-summary-months .grid-col7 { width:100px; } .annual-summary-months .grid-col8 { width:100px; } .annual-summary-months .grid-col8 .label { height:auto; } /*.annual-summary-months .grid-row .grid-col8 { background-color:#ddd; } .annual-summary-months .grid-row:nth-of-type(2n + 1) .grid-col8 { background-color:#ccc; }*//**/ /*.annual-summary-months .grid-total .RadInput .riTextBox.textbox.riDisabled { background-color: #a4cdff; }*/ /*.annual-summary-months .RadInput .riTextBox.textbox.riDisabled { background-color: #a4cdff; }*/ .grid-total {background:#dcecff;} /* ============================================================================== Customer Data ============================================================================== */ .customer-data .form-error { padding-left:0px; } .customer-data .form-label { width:500px; } .customer-data .form-control { width:241px; } .customer-data .label { text-align:left; } .customer-data .RadInput .riTextBox.textbox.riDisabled { background-color:#eee; color:#808080; border-color:#808080; } .customer-data-grid .grid-col1 { width:410px; } .customer-data-grid .grid-col2 { width:331px; } .customer-data-grid .grid-col1.customer-data-sub .text { padding-left:60px; position:relative; } .customer-data-grid .grid-col1.customer-data-sub .text:before { content:'•'; position:absolute; top:-5px; left:50px; } .customer-data-grid .grid-total .RadInput .riTextBox.textbox.riDisabled { background-color: #a4cdff; } .customer-data-grid .grid-total .label { text-align:right; } .customer-data-grid .grid-total .grid-col1 { border-right:none; } .customer-data-grid .grid-total .grid-col1 .label { text-align:right; } .customer-data-grid .grid-total .grid-col2 .label { text-align:center; } /* ============================================================================== Water Demand ============================================================================== */ .water-demand .label { text-align:left; } .water-demand .form-error { padding-left:0px; } .water-demand .radio { display:inline-block; height: 25px; vertical-align: middle; } .water-demand .text { padding-left:0px; } .water-demand .grid-total .label { text-align:right; } .water-demand .RadInput .riTextBox.textbox.riDisabled { background-color:#eee; color:#808080; border-color:#808080; } .water-demand-grid .grid-col1 { width:410px; } .water-demand-grid .grid-col2 { width:300px; } .water-demand-grid .grid-col3 { width:31px; } .water-demand-grid .grid-total .RadInput .riTextBox.textbox.riDisabled { background-color: #a4cdff; } .water-demand-grid .grid-total .grid-col1, .water-demand-grid .grid-total .grid-col2 { border-right:none; } .water-demand-grid .grid-total .grid-col1 .label { text-align:right; } .water-demand-grid .grid-total .grid-col2 .label { text-align:center; } .water-demand-customers .grid-col1 { width:500px; } .water-demand-customers .grid-col2 { width:241px; } .water-demand-customers .grid-col1.water-demand-sub .label { padding-left:30px; position:relative; } .water-demand-customers .grid-col1.water-demand-sub .label:before { content:'•'; position:relative; right:5px; } .water-demand-customers .grid-total { border-right:1px solid #808080; } .water-demand-customers .grid-total .grid-col { border-right:none; } .water-demand-customers .grid-total .grid-col2 { width: 231px; margin-left:9px; } .water-demand-customers .grid-total .grid-col1 .label { padding-right: 0px; } .water-demand-customers .grid-total .grid-col2 .label { text-align:center; } /* ============================================================================== Outstanding Debt ============================================================================== */ .outstanding-debt .form-error { padding-left:0px; margin-left:0px; } .outstanding-debt .form-label { width:600px; } .outstanding-debt .form-label .label { text-align:left; padding-left:0px; } .outstanding-debt .form-control { width:140px; } .outstanding-debt-grid .label { text-align:left; display:inline; padding-left:0px; } .outstanding-debt-grid .grid-head .grid-col, .outstanding-debt-grid .grid-row .grid-col { font-size: 12px; } .outstanding-debt-grid .grid-head .grid-col { height: 45px; line-height:20px; } .outstanding-debt-grid .grid-head .grid-col { height: 45px; line-height:20px; } .outstanding-debt-grid .grid-head .icon { margin-right:0px; margin-left:0px; } .outstanding-debt-grid .grid-head .grid-col4, .outstanding-debt-grid .grid-head .grid-col6, .outstanding-debt-grid .grid-head .grid-col7, .outstanding-debt-grid .grid-head .grid-col8 { padding-top:2px; } .outstanding-debt-grid .grid-head .grid-col4 .icon, .outstanding-debt-grid .grid-head .grid-col6 .icon, .outstanding-debt-grid .grid-head .grid-col7 .icon, .outstanding-debt-grid .grid-head .grid-col8 .icon { top:-9px; } .outstanding-debt-grid .grid-col1 { width:31px; } .outstanding-debt-grid .grid-col2 { width:110px; } .outstanding-debt-grid .grid-col3 { width:105px; } .outstanding-debt-grid .grid-col4 { width:88px; } .outstanding-debt-grid .grid-col5 { width:62px; } .outstanding-debt-grid .grid-col6 { width:80px; } .outstanding-debt-grid .grid-col7 { width:80px; } .outstanding-debt-grid .grid-col8 { width:105px; } .outstanding-debt-grid .grid-col9 { width:40px; } .outstanding-debt-grid .grid-col10 { width:40px; } .outstanding-debt-grid .grid-col3, .outstanding-debt-grid .grid-col3 .text { line-height:16px; } .outstanding-debt-grid .grid-row .grid-col .text { padding-left:0px; padding-right:0px; } .outstanding-debt-grid .row-total { background: #d5e8f5; margin: 0 !important; padding: 3px 0; border: 1px solid #cccccc; width: 99.8%;} .outstanding-debt-grid .grid-total .grid-col1 { width:476px; text-align:right; } .outstanding-debt-grid .grid-total .grid-col2 { width:80px; } .outstanding-debt-grid .grid-total .grid-col3 { width:185px; } .outstanding-debt-grid .grid-total .grid-col1, .outstanding-debt-grid .grid-total .grid-col2 { border-right:none; } .outstanding-debt-grid .grid-total .grid-col1 .label { text-align:right; } .outstanding-debt-grid .grid-total .grid-col2 .label { text-align:center; } /* ============================================================================== Outstanding Debt Edit ============================================================================== */ .outstanding-debt-edit .form-error { margin-left:0px; padding-left:0px; } .outstanding-debt-edit .form-label { width:40%; padding-left:0px; text-align:left; } .outstanding-debt-edit .form-label .label { padding-left:0px; text-align:left; } .outstanding-debt-edit .form-control { width:60%; padding-right:0px; } .outstanding-debt-edit .form-label .text, .outstanding-debt-edit .form-error.padding-left-20 { padding-left:20px; } .outstanding-debt-edit .form-control .text { padding-left:0px; } .outstanding-debt-edit .modal-window { min-height:300px; } .outstanding-debt-edit .RadInput .riTextBox.textbox.riDisabled { background-color:#ddd; color:#000; } /* ============================================================================== Fiscal Year Info ============================================================================== */ .fiscal-year-info .form-error { padding-left:0px; margin-left:0px; } .fiscal-year-info .form-label { width:110px; } .fiscal-year-info .form-control { width:115px; } .fiscal-year-info .form-label .label { text-align:left; } /* ============================================================================== Cash Balance ============================================================================== */ .cash-balance .form-error { margin-left:0px; padding-left:0px; } .cash-balance .form-label { width:60%; } .cash-balance .form-control { width:40%; } .cash-balance .label { text-align:left; display:inline; padding-left:0px; } .cash-balance .RadInput .riTextBox.textbox.riDisabled { background-color:#eee; color:#808080; border-color:#808080; } .cash-balance .form-control .radio { max-width:150px; } .cash-balance-indent .form-label { padding-left:30px; } .cash-balance-indent .form-error { padding-left:30px; } /* ============================================================================== Cash Receipts ============================================================================== */ .cash-receipts .form-error { margin-left:0px; padding-left:0px; } .cash-receipts .form-label { width:60%; } .cash-receipts .form-control { width:40%; } .cash-receipts .label { text-align:left; display:inline; padding-left:0px; } .cash-receipts .row-total{background: #d5e8f5; margin: 0 !important; padding: 3px 0; border: 1px solid #cccccc; width: 99.8%;} .cash-receipts .row-total .form-label{width: auto;margin-left: 375px; color:#0000fc; font-style:italic; font-weight: bold; padding: 4px 0 0 0;} .cash-receipts .row-total .form-control{width: auto;} .cash-receipts .grid-row .grid-col { height: 60px; } .cash-receipts .grid-col1 { width:41px; } .cash-receipts .grid-col2 { width:200px; } .cash-receipts .grid-col3 { width:150px; } .cash-receipts .grid-col4 { width:210px; } .cash-receipts .grid-col5 { width:100px; } .cash-receipts .grid-col6 { width:40px; } .cash-receipts .grid-total .grid-col1 { width:601px; text-align:right; } .cash-receipts .grid-total .grid-col2 { width:100px; } .cash-receipts .grid-total .grid-col3 { width:40px; } .cash-receipts .grid-total .grid-col1, .cash-receipts .grid-total .grid-col2 { border-right:none; } .cash-receipts .grid-total .grid-col1 .label { text-align:right; } .cash-receipts .grid-total .grid-col2 .label { text-align:center; } .cash-receipts .grid-row .label { line-height:60px; } .cash-receipts .grid-row .grid-col .textbox { margin-top:15px !important; } .cash-receipts .grid-row .checkbox { line-height:60px; } .cash-receipts .grid-row .grid-col3{ text-align:left; padding-left:8px } .cash-receipts .grid-row .grid-col3 div { line-height: 16px; padding-top: 5px; height:100%; box-sizing:border-box; } .cash-receipts .grid-row .icon { top:18px; } .cash-receipts .grid-head .grid-col { height: 60px; line-height:20px; padding-top:15px; } .cash-receipts .grid-head .grid-col4 { padding-top:8px; } .cash-receipts .grid-head .icon { margin-right:0px; margin-left:0px; } .cash-receipts .grid-head .grid-col4 .icon { top:-9px; } /* ============================================================================== Expenditures ============================================================================== */ .expenditures .form-error { margin-left:0px; padding-left:0px; } .expenditures .form-label { width:60%; } .expenditures .form-control { width:40%; } .expenditures .form-control .radio { max-width:150px; } .expenditures .label { text-align:left; display:inline; padding-left:0px; } .expenditures .row-total { background: #d5e8f5; margin: 0 !important; padding: 3px 0; border: 1px solid #cccccc; width: 99.8%;} .expenditures .grid-head .grid-col, .expenditures .grid-row .grid-col { font-size: 12px; } .expenditures .grid-head .grid-col { height: 45px; line-height:20px; padding-top:10px; } .expenditures .grid-head .grid-col2, .expenditures .grid-head .grid-col5 { padding-top:2px; } .expenditures .grid-head .icon { margin-right:0px; margin-left:0px; } .expenditures .grid-head .grid-col2 .icon, .expenditures .grid-head .grid-col5 .icon { top:-9px; } .expenditures .grid-row .grid-col { height: 60px; } .expenditures .grid-col1 { width:31px; } .expenditures .grid-col2 { width:110px; } .expenditures .grid-row .grid-col2 + .grid-col3, .expenditures .grid-head .grid-col2 + .grid-col3 { width:140px; } .expenditures .grid-col3 { width:250px; } .expenditures .grid-col4 { width:110px; } .expenditures .grid-col5 { width:120px; } .expenditures .grid-col6 { width:100px; } .expenditures .grid-col7 { width:90px; } .expenditures .grid-col8 { width:40px; } .expenditures .grid-row .grid-col1 .text, .expenditures .grid-row .checkbox { padding:0px; line-height:60px !important; } .expenditures .grid-row .grid-col .textbox { height:50px; } .expenditures .grid-row .grid-col4 { text-align:left; } .expenditures .grid-row .radio label { padding-left:0px; padding-right:0px; } .expenditures .grid-row .radio input { height: 12px; position: relative; top: 1px; } .expenditures .grid-row .grid-col .textbox { height:25px; box-sizing: border-box; margin: 3px 0px 0px 0px !important; background-color:#fff; } .expenditures .grid-row .grid-col4 div { line-height: 12px; font-size:12px; padding-top: 5px; padding-left: 5px; height:100%; box-sizing:border-box; } .expenditures .grid-row .grid-col8 .icon { top:18px; } .expenditures .grid-row .grid-col3 { line-height:14px !important; text-align:left; } .expenditures .grid-row .grid-col3 .textbox { margin-left:13px !important } .expenditures .grid-row .grid-col .radbox {margin-top:17px !important;} .expenditures .grid-row .text { line-height:13px !important; height:12px !important; font-size:12px; padding:0px 5px; } .expenditures .grid-row .grid-col3 i { padding:0px 5px; display:inline-block; text-align:left; } .expenditures .grid-row .grid-col6 { line-height: 25px; vertical-align:middle; } .expenditures .grid-col6 .RadInput { float:left; width:65% !important; } .expenditures .grid-row .grid-col.grid-col6 .textbox { margin:5px; } .expenditures .grid-row .grid-col6 .text { width:15px; float:left; padding:0px; margin:3px 5px 3px 5px; display:block; line-height: 25px !important; vertical-align:middle; } .expenditures .grid-legend { border: 1px solid #808080; border-bottom:none; } .expenditures .grid-legend span { font-style:italic; padding:3px 30px 3px 30px; color:#9c0a2e; font-size:13px; line-height: 25px !important; } .expenditures .grid-total .grid-col1 { width:601px; text-align:right; } .expenditures .grid-total .grid-col2 { width:100px; } .expenditures .grid-total .grid-col3 { width:40px; } .expenditures .grid-total .grid-col1, .expenditures .grid-total .grid-col2 { border-right:none; } .expenditures .grid-total .grid-col1 .text { text-align:right; } .expenditures .grid-total .grid-col2 .label { text-align:center; } /* ============================================================================== revenue - comparison ============================================================================== */ .box-yellow { padding: 10px; border: 2px solid #cecece; box-sizing: border-box; position:relative; } .box-yellow .icon-24 { top:50%; margin-top:-12px; position:absolute; } .box-yellow .text { display:inline-block; margin-left:34px; } .revenue-comparison .RadGrid span + .icon { top: -3px; } .revenue-comparison .RadGrid_Default a.link { color:#0099ff; padding-left:50px; } .revenue-comparison .radio label { padding: 0px 10px 0px 2px } .revenue-comparison .RadGrid .icon-24 { vertical-align:middle; } .revenue-comparison .grid-col1 { width:7%; } .revenue-comparison .grid-col2 { width:55%; } .revenue-comparison .grid-col3 { width:23%; } .revenue-comparison .grid-col4 { width:15%; } .revenue-comparison .grid-row .grid-col { padding-top:5px; } .revenue-comparison .grid-row .grid-col, .revenue-comparison .grid-row .grid-col .text { line-height:14px; font-size:12px; text-align:left; } .revenue-comparison .grid-row .grid-col > .text { display:block; } .revenue-comparison .grid-row .grid-col1 .text, .revenue-comparison .grid-row .grid-col3, .revenue-comparison .grid-row .grid-col4 { text-align:center; } .revenue-comparison .grid-row .grid-col3 .text { display:block; line-height:25px; } .revenue-comparison .grid-row .grid-col3 .icon-24 { vertical-align:middle; } .revenue-comparison .grid-head .grid-col .label { padding:0px; } .revenue-comparison .grid-head .grid-col span{line-height:20px;margin-top:5px} .revenue-comparison .grid-head .grid-col .icon { margin-right:0px;display:inline-block;margin-top:0px} /* ============================================================================== revenue - comparison solution ============================================================================== */ .modal-window.revenue-comparison-solution { min-height: 200px; } /* ============================================================================== Forecast ============================================================================== */ .forecast-chart-legend { padding:0px 50px 10px 0px; text-align:right; line-height:20px; vertical-align:middle; } .forecast-color-green, .forecast-color-purple { display:inline-block; border:1px solid #cecece; width:15px; height:15px; vertical-align:middle; } .forecast-color-purple { background:rgb(150, 150, 204); } .forecast-color-green { margin-left:20px; background:rgb(82, 177, 82); } /* ============================================================================== Forecast - Parameters ============================================================================== */ .forecast-parameters .form-error { margin-left:0px; padding-left:0px; } .forecast-parameters .form-label { width:75%; } .forecast-parameters .form-control { width:25%; } .forecast-parameters .label { text-align:left; padding-left:0px; } .forecast-parameters .form-label .text, .forecast-parameters .form-error.padding-left-40 { padding-left:40px; } /* ============================================================================== Forecast - Grid Styles ============================================================================== */ .forecast-grid.grid-extend table { table-layout:auto; } .forecast-grid .grid-col { line-height:14px; font-family: 'segoe ui', arial, sans-serif; } .forecast-grid .grid-col2 .text, .forecast-grid .grid-col3 .text, .forecast-grid .grid-col4 .text, .forecast-grid .grid-col5 .text, .forecast-grid .grid-col6 .text, .forecast-grid .grid-col7 .text, .forecast-grid .grid-col8 .text, .forecast-grid .grid-col9 .text, .forecast-grid .grid-col10 .text, .forecast-grid .grid-col11 .text, .forecast-grid .grid-col12 .text, .forecast-grid .grid-col13 .text, .forecast-grid .grid-col14 .text, .forecast-grid .grid-col15 .text { padding-left:0px; padding-right:0px; font-size:11px; } .forecast-grid .grid-row .grid-col1 .label, .forecast-grid .total-row .grid-col1 .label { text-align:left; display:block; } .forecast-grid .grid-total input { text-align:center; } .forecast-grid .grid-total, .forecast-grid .grid-total .label, .forecast-grid .grid-total .text { background:#fff; color:black; } .forecast-grid .grid-total .grid-col .RadInput .riTextBox.textbox { color:black; font-size:11px; } .forecast-grid .grid-total input.riTextBox { background-color: white !important; text-align: left; } .forecast-grid .grid-row .RadInput .riTextBox.textbox { font-size:11px; } .forecast-grid .grid-row .RadInput .riTextBox.riRead.textbox { font-size:11px; margin:0px !important; } /* ============================================================================== Forecast - Customer Data ============================================================================== */ .forecast-customer-data .form-error { padding-left:0px; } .forecast-customer-data .form-label { width:30%; } .forecast-customer-data .form-label .text { padding-left:20px; font-size:12px; line-height:14px; display:block; } .forecast-customer-data .form-control { width:70%; } /* ============================================================================== Forecast - Water Demand ============================================================================== */ .forecast-water-demand .grid-row .grid-col1 .label, .forecast-water-demand .grid-total .grid-col1 .label { text-align:left; } .forecast-water-demand .form-error { padding-left:0px; } .forecast-water-demand .form-label { width:30%; } .forecast-water-demand .form-label .text { padding-left:20px; font-size:12px; line-height:14px; display:block; } .forecast-water-demand .form-control { width:70%; } /* ============================================================================== Forecast - Water Supply ============================================================================== */ .forecast-water-supply .grid-row .grid-col1 .label, .forecast-water-supply .grid-total .grid-col1 .label { text-align:left; padding-left: 0px; line-height:18px; } .forecast-water-supply .grid-row .grid-col1 .text { text-align:left; line-height:16px; padding-left: 0px; } .forecast-water-supply .grid-row .grid-col1, .forecast-water-supply .grid-total .grid-col1 { text-align: left; padding: 5px 10px; } .forecast-water-supply .form-error { padding-left:0px; } .forecast-water-supply .form-label { width:30%; } .forecast-water-supply .form-label .text { padding-left:20px; font-size:12px; line-height:14px; display:block; } .forecast-water-supply .form-control { width:70%; } /* ============================================================================== Forecast - Expenditures ============================================================================== */ .forecast-expenditures .grid-row .grid-col1 .label, .forecast-expenditures .grid-total .grid-col1 .label { text-align:left; padding-left: 0px; line-height:18px; } .forecast-expenditures .grid-row .grid-col1 .text { text-align:left; line-height:16px; padding-left: 0px; } .forecast-expenditures .grid-row .grid-col1, .forecast-expenditures .grid-total .grid-col1 { text-align: left; padding: 5px 10px; } .forecast-expenditures .form-error { padding-left:0px; } .forecast-expenditures .form-label { width:30%; } .forecast-expenditures .form-label .text { padding-left:20px; font-size:12px; line-height:14px; display:block; } .forecast-expenditures .form-control { width:70%; } /* ============================================================================== Forecast Expenditures_NewExpense ============================================================================== */ .forecast-expenditures-expense-new { } .forecast-expenditures-expense-new .form-error { margin-left:0px; padding-left:0px; } .forecast-expenditures-expense-new .form-control { width:90%; } .forecast-expenditures-expense-new .label { text-align:left; display:inline; padding-left:0px; } .forecast-expenditures-expense-new .grid-row .grid-col { height: 90px; } .forecast-expenditures-expense-new .grid-col1 { width:4%; } .forecast-expenditures-expense-new .grid-col2 { width:30%; } .forecast-expenditures-expense-new .grid-col3 { width:16%; } .forecast-expenditures-expense-new .grid-col4 { width:15%; } .forecast-expenditures-expense-new .grid-col5 { width:15%; } .forecast-expenditures-expense-new .grid-col6 { width:20%; } .forecast-expenditures-expense-new .grid-row .grid-col2 .textbox { margin-top:25px !important; width:100% !important; } .forecast-expenditures-expense-new .grid-row .checkbox { line-height:80px; } .forecast-expenditures-expense-new .grid-row .grid-col3{ text-align:left; padding-left:8px } .forecast-expenditures-expense-new .grid-row .grid-col3 div { line-height: px; padding-top: 5px; height:100%; box-sizing:border-box; } .forecast-expenditures-expense-new .grid-row .grid-col5 { line-height: 25px; vertical-align:middle; } .forecast-expenditures-expense-new .grid-row .grid-col5 .textbox { margin-top:14px !important; } .forecast-expenditures-expense-new .grid-col5 .RadInput { float:left; width:65% !important; } .forecast-expenditures-expense-new .grid-row .grid-col5 .text { width:15px; float:left; padding:0px; margin:15px 5px 3px 5px; display:block; line-height: 25px !important; vertical-align:middle; } .forecast-expenditures-expense-new .grid-row .grid-col6 .textbox { margin-top:25px !important; width:100% !important; } .forecast-expenditures-expense-new .grid-row .icon { top:25px; } .forecast-expenditures-expense-new .grid-head .grid-col { height: 60px; line-height:20px; padding-top:15px; } .forecast-expenditures-expense-new .grid-head .grid-col4 { padding-top:8px; } .forecast-expenditures-expense-new .grid-head .icon { margin-right:0px; margin-left:0px; } .forecast-expenditures-expense-new .grid-head .grid-col4 .icon { top:-9px; } /* ============================================================================== Forecast - Outstanding Debt ============================================================================== */ .forecast-outstanding-debt .form-error { padding-left:0px; } .forecast-outstanding-debt .form-label { width:30%; } .forecast-outstanding-debt .form-label .text { padding-left:20px; } .forecast-outstanding-debt .form-control { width:70%; } .forecast-outstanding-debt .grid-col1 .label { text-align:left; border:0px} .forecast-outstanding-debt .grid-row .grid-col2 .label { text-align:left; display:block; } .forecast-outstanding-debt .grid-total, .forecast-outstanding-debt .grid-total .label, .forecast-outstanding-debt .grid-total .text { background:#fff; color:black; } .forecast-outstanding-debt .grid-total .grid-col .RadInput .riTextBox.textbox { color:black; } .grid-total .RadInput .riTextBox.textbox.riDisabled { background-color: #ddd !important; color: #000; } .forecast-outstanding-debt .grid-col { line-height:14px; font-family: 'segoe ui', arial, sans-serif; } .forecast-outstanding-debt .grid-col2 .text, .forecast-outstanding-debt .grid-col3 .text, .forecast-outstanding-debt .grid-col4 .text, .forecast-outstanding-debt .grid-col5 .text, .forecast-outstanding-debt .grid-col6 .text, .forecast-outstanding-debt .grid-col7 .text, .forecast-outstanding-debt .grid-col8 .text, .forecast-outstanding-debt .grid-col9 .text, .forecast-outstanding-debt .grid-col10 .text, .forecast-outstanding-debt .grid-col11 .text, .forecast-outstanding-debt .grid-col12 .text, .forecast-outstanding-debt .grid-col13 .text, .forecast-outstanding-debt .grid-col14 .text, .forecast-outstanding-debt .grid-col15 .text { padding-left:0px; padding-right:0px; } /* ============================================================================== Forecast - Cash Receipts ============================================================================== */ .forecast-cash-receipts .grid-row .grid-col1 .label, .forecast-cash-receipts .grid-total .grid-col1 .label { text-align:left; padding-left: 0px; line-height:18px; } .forecast-cash-receipts .grid-row .grid-col1 .text { text-align:left; line-height:16px; padding-left: 0px; } .forecast-cash-receipts .grid-row .grid-col1, .forecast-cash-receipts .grid-total .grid-col1 { text-align: left; padding: 5px 10px; } .forecast-cash-receipts .form-error { padding-left:0px; } .forecast-cash-receipts .form-label { width:30%; } .forecast-cash-receipts .form-label .text { padding-left:20px; font-size:12px; line-height:14px; display:block; } .forecast-cash-receipts .form-control { width:70%; } /* ============================================================================== Forecast Cash Receipts_NewReceipt ============================================================================== */ .forecast-cash-receipts-new { } .forecast-cash-receipts-new .form-error { margin-left:0px; padding-left:0px; } .forecast-cash-receipts-new .form-control { width:40%; } .forecast-cash-receipts-new .row-total .form-control{width: auto;} .forecast-cash-receipts-new .grid-row .grid-col { height: 60px; } .forecast-cash-receipts-new .grid-col1 { width:6%; } .forecast-cash-receipts-new .grid-col2 { width:35%; } .forecast-cash-receipts-new .grid-col3 { width:22%; } .forecast-cash-receipts-new .grid-col4 { width:18%; } .forecast-cash-receipts-new .grid-col5 { width:19%; } .forecast-cash-receipts-new .grid-row .grid-col .textbox { margin-top:15px !important; } .forecast-cash-receipts-new .grid-row .grid-col2 .textbox { margin-top:15px !important; width:100% !important } .forecast-cash-receipts-new .grid-row .checkbox { line-height:60px; } .forecast-cash-receipts-new .grid-row .grid-col3{ text-align:left; padding-left:8px } .forecast-cash-receipts-new .grid-row .grid-col3 div { line-height: 16px; padding-top: 5px; height:100%; box-sizing:border-box; } .forecast-cash-receipts-new .grid-row .icon { top:18px; } .forecast-cash-receipts-new .grid-head .grid-col { height: 60px; line-height:20px; padding-top:15px; } .forecast-cash-receipts-new .grid-head .grid-col4 { padding-top:8px; } .forecast-cash-receipts-new .grid-head .icon { margin-right:0px; margin-left:0px; } .forecast-cash-receipts-new .grid-head .grid-col4 .icon { top:-9px; } /* ============================================================================== Forecast - Cash Balance ============================================================================== */ .forecast-cash-balance .form-error { margin-left:0px; padding-left:0px; } .forecast-cash-balance .form-label { width:80%; } .forecast-cash-balance .form-control { width:20%; } .forecast-cash-balance .form-label .label { text-align:left; padding-left:0px; } .forecast-cash-balance .grid-col1 { width:41px; } .forecast-cash-balance .grid-col2 { width:300px; } .forecast-cash-balance .grid-col3 { width:300px; } .forecast-cash-balance .grid-col4 { width:100px; } .forecast-cash-balance .grid-col1 { text-align: center; } .forecast-cash-balance .grid-col1 .label { text-align:center; margin-right:0px; } .forecast-cash-balance .grid-col4 { vertical-align:top; } .forecast-cash-balance .grid-col4 a { position:relative; top:4px; line-height:16px; display:block; } .forecast-cash-balance .form-control .RadInput .riTextBox.textbox.riDisabled { background:#ddd !important; color:#000 !important; border-color:#808080; } .forecast-cash-balance .grid-total .grid-col1 { width:341px; border-right:none; } .forecast-cash-balance .grid-total .grid-col1 .label { text-align:right; } .forecast-cash-balance .grid-total .grid-col2 { width:300px; border-right:none; } .forecast-cash-balance .grid-total .grid-col3 { width:100px; } /* ============================================================================== Forecast - Capital Expenditures ============================================================================== */ .capital-expenditures .form-error { margin-left:0px; padding-left:0px; } .capital-expenditures .form-label { width:100%; } .capital-expenditures .form-control { width:30%; } .capital-expenditures .form-label .label { text-align:left; padding-left:0px; } .capital-expenditures .link { padding:3px; } .capital-expenditures .grid-total { border-right: 1px solid rgb(128, 128, 128); border-left: 1px solid rgb(128, 128, 128); } .capital-expenditures .grid-col { line-height:14px; font-family: 'segoe ui', arial, sans-serif; } /* ============================================================================== Forecast - Capital Expenditures - Project ============================================================================== */ .capital-expenditures-project { } .capital-expenditures-project .form-error { margin-left:10px; padding-left:70%; } .capital-expenditures-project .form-label { width:70%; } .capital-expenditures-project .form-control { width:30%; } .capital-expenditures-project .form-label .label { text-align:left; padding-left:0px; } .capital-expenditures-project .grid-col { line-height:14px; font-family: 'segoe ui', arial, sans-serif; } .capital-expenditures-project .grid-col2 .text, .capital-expenditures-project .grid-col3 .text, .capital-expenditures-project .grid-col4 .text, .capital-expenditures-project .grid-col5 .text, .capital-expenditures-project .grid-col6 .text, .capital-expenditures-project .grid-col7 .text, .capital-expenditures-project .grid-col8 .text, .capital-expenditures-project .grid-col9 .text { padding-left:0px; padding-right:0px; } /* ============================================================================== Forecast - Capital Expenditures - Debt ============================================================================== */ .capital-expenditures-debt { } .capital-expenditures-debt .form-error { margin-left:0px; padding-left:0px; } .capital-expenditures-debt .form-label { width:70%; } .capital-expenditures-debt .form-control { width:30%; } .capital-expenditures-debt .form-label .label { text-align:left; padding-left:0px; } .capital-expenditures-debt .RadInput .riTextBox.textbox.riDisabled { background-color:#ddd; color:#000; } .capital-expenditures-debt .grid-col { line-height:14px; font-family: 'segoe ui', arial, sans-serif; } /* ============================================================================== Forecast - Margin ============================================================================== */ .forecast-margin .form-error { margin-left:0px; padding-left:0px; } .forecast-margin .form-label { width:30%; text-align:left } .forecast-margin .form-control{ width:20%} .forecast-margin .auto-width { width:auto} .forecast-margin .padding-top-5 { padding-top:5px } .forecast-margin .form-label .label { text-align:left; padding-left:0px; padding-right:10px } .forecast-margin .text, .forecast-margin .form-error.padding-left-10 { padding-left:10px; } .forecast-margin-comments .form-error { padding-left:0px; } .forecast-margin-comments .form-label { width:30%; } .forecast-margin-comments .form-label .text { padding-left:20px; font-size:12px; line-height:14px; display:block; } .forecast-margin-comments .form-control { width:70%; } /* ============================================================================== Forecast - Revenue Adjustment ============================================================================== */ .forecast-revenue-adjustment { } .forecast-revenue-adjustment .form-error { margin-left:0px; padding-left:0px; } .forecast-revenue-adjustment .form-label { width:30%; text-align:left; padding-left:0px; } .forecast-revenue-adjustment .form-control{ width:20%} .forecast-revenue-adjustment .auto-width { width:auto} .forecast-revenue-adjustment .padding-top-5 { padding-top:5px } .forecast-revenue-adjustment .form-label .label { text-align:left; padding-left:0px; padding-right:10px } .forecast-revenue-adjustment .text, .forecast-margin .form-error.padding-left-10 { padding-left:10px; } .forecast-revenue-adjustment-comments .form-error { padding-left:0px; } .forecast-revenue-adjustment-comments .form-label { width:30%; } .forecast-revenue-adjustment-comments .form-label .text { padding-left:20px; font-size:12px; line-height:14px; display:block; } .forecast-revenue-adjustment-comments .form-control { width:70%; } /* ============================================================================== Forecast - Proposed Rates ============================================================================== */ .forecast-proposed-rates .grid-total, .forecast-proposed-rates .grid-col, .forecast-proposed-rates .grid-footer { height: auto; line-height: normal; } .forecast-proposed-rates .grid-row:nth-of-type(2n + 1) { background-color: #FFF; } .forecast-proposed-rates .label-row td { background-color: #e4e4e4; font-weight:bold; } .forecast-proposed-rates .indent-row .label { padding-left:30px; font-weight:normal; } .forecast-proposed-rates .grid-row .label { font-weight:normal; } .forecast-proposed-rates .grid-row .grid-col1 .text.indent { padding-left: 40px; } /* ============================================================================== Reports ============================================================================== */ .reports .header { background: #dedede; border: 1px solid #b0b0b0; width:auto; } .reports .header .label { text-align: left; color: #19258c; padding: 3px 10px; box-sizing:border-box; width:auto; padding-left:35px; } .reports .header .label + .label { padding-left:63px; } .reports .header .label + .label + .label { padding-left:193px; } .reports .header .label + .label + .label + .label { padding-left:38px; } .reports .label { text-align: left; color: #000000; padding: 3px 0px; box-sizing:border-box;} .reports .row-fluid .form-control { width:55%; } .reports .row-fluid .form-label { width:45%; } .reports table, .reports table tbody { width: 100%; } .reports table td { border-right:0px; box-sizing:border-box; } .reports table .grid-col1 { width:40px; } .reports table .grid-col2 { width:150px; line-height:14px; text-align:left; } .reports table .grid-col2 .text { display:inline-block; } .reports table .grid-col3 { width:250px; line-height:14px; text-align:left; } .reports table .grid-col3 .text { width:200px; display:inline-block; text-align:left; } .reports table .grid-col4 { width:150px; line-height:14px; } .reports table .grid-col5 { width:150px; line-height:14px; } .reports table .grid-col6 { width:135px; text-align:right; padding-right:25px; border-right:1px solid #808080; } .reports .padding-top-10 { padding-top:10px; } /* ============================================================================== Admin - User Management ============================================================================== */ .user-management .form-error { margin-left:0px; padding-left:0px; } .user-management .form-label { width:20%; } .user-management .form-control { width:80%; } .user-management .label { text-align:left; display:inline; padding-left:0px; } .user-management .rgFilterRow img {margin-left:5px} .user-management .padding-bottom-0 { padding-bottom:0px; } /* ============================================================================== Admin - User Management - AddEdit ============================================================================== */ .user-management-edit .form-error { padding-left: 20%; } .user-management-edit .form-label { width:20%; padding-left:0px; text-align:left; } .user-management-edit .form-label .label { padding-left:0px; text-align:left; } .user-management-edit .form-control { width:80%; padding-right:0px; } /* ============================================================================== Admin - User Management - PasswordReset ============================================================================== */ .user-management-password-reset .modal-window { min-height:50px; } .user-management-password-reset .text-msg {display:inline-block;float:left;width:85%;padding-left:20px;} .user-management-password-reset .icon {width:40px;height:50px;float:left;margin-top:0px} .user-management-password-reset {width:550px;min-height:50px} .user-management-password-reset .form-error { margin-left:0px; padding-left:0px; } .user-management-password-reset .form-label { width:20%; padding-left:0px; text-align:left; } .user-management-password-reset .form-label .label { padding-left:0px; text-align:left; } .user-management-password-reset .form-control { width:80%; padding-right:0px; } /* ============================================================================== Admin - User Management - Deactivate ============================================================================== */ .user-management-deactivate .modal-window { min-height:50px; } .user-management-deactivate .text-msg {display:inline-block;float:left;width:85%;padding-left:20px;} .user-management-deactivate .icon {width:40px;height:50px;float:left;margin-top:15px} .user-management-deactivate {width:500px;min-height:50px} .user-management-deactivate .form-error { margin-left:0px; padding-left:0px; } .user-management-deactivate .form-label { width:20%; padding-left:0px; text-align:left; } .user-management-deactivate .form-label .label { padding-left:0px; text-align:left; } .user-management-deactivate .form-control { width:80%; padding-right:0px; } /* ============================================================================== Forgot Password ============================================================================== */ .forgot-password-box { width: 485px; padding: 15px 7px; margin-top: 20px; text-align: center; border: 1px solid #cecece; background: #ebebeb; border-radius:8px; } .forgot-password-box .form-label { width:255px; } .forgot-password-box .form-control { width:230px; } .forgot-password-box .form-error{ text-align: left;} .box.email-verified { background:url(/KdheRateCheckup1.0/Media/Image_SuccessfulSubmission.png) 20px 20px no-repeat; } /* ============================================================================== Buttons ============================================================================== */ .btn { padding: 6px 15px; line-height: 20px; font-size:16px; } .btn-inline { position:relative; top:-10px; } .btn-small { padding: 5px 12px; line-height: 18px; font-size:14px; } .btn, .btn-small { color: #fff; font-family:Arial; font-weight:bold; display: inline-block; margin: 5px; text-align: center; vertical-align: middle; cursor: pointer; *zoom: 1; border: 1px solid #cccccc; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; border-radius: 10px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn:focus, .btn-small:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn-small:hover { text-decoration: none; } .btn[disabled], .btn.disabled, .btn-small[disabled], .btn-small.disabled { background-image: none; cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-default { color:#333333; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-default:hover, .btn-default:focus { background-color: #e6e6e6; background-image:none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn-default:active, .btn-default.active, .btn-default:active:hover .btn-default.active:hover { background-color: #ddd; background-image: none; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-default.disabled, .btn-default[disabled] { background-color: #ddd; } .btn-black { background-color: #4e4e4e; background-image: -webkit-linear-gradient(top, #4e4e4e 0%, #181818 44%, #000000 47%, #323232 50%, #1d1d1d 53%, #0a0809 100%); background-image: -moz-linear-gradient(top, #4e4e4e 0%, #181818 44%, #000000 47%, #323232 50%, #1d1d1d 53%, #0a0809 100%); background-image: -o-linear-gradient(top, #4e4e4e 0%, #181818 44%, #000000 47%, #323232 50%, #1d1d1d 53%, #0a0809 100%); background-image: linear-gradient(to bottom, #4e4e4e 0%, #181818 44%, #000000 47%, #323232 50%, #1d1d1d 53%, #0a0809 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#0a0809',GradientType=0 ); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-black:active, .btn-black.active, .btn-black:hover, .btn-black:focus { background-color: #0a0809; background-image: -webkit-linear-gradient(top, #0a0809 0%, #1d1d1d 47%, #323232 50%, #000000 53%, #181818 56%, #4e4e4e 100%); background-image: -moz-linear-gradient(top, #0a0809 0%, #1d1d1d 47%, #323232 50%, #000000 53%, #181818 56%, #4e4e4e 100%); background-image: -o-linear-gradient(top, #0a0809 0%, #1d1d1d 47%, #323232 50%, #000000 53%, #181818 56%, #4e4e4e 100%); background-image: linear-gradient(to bottom, #0a0809 0%, #1d1d1d 47%, #323232 50%, #000000 53%, #181818 56%, #4e4e4e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a0809', endColorstr='#4e4e4e',GradientType=0 ); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-black.disabled, .btn-black[disabled] { background-color: #000; background-image: none; cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-red { box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,.2); background: #ca372b; background: -moz-linear-gradient(top, #ca372b 0%, #8a312f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca372b), color-stop(100%,#8a312f)); background: -webkit-linear-gradient(top, #ca372b 0%,#8a312f 100%); background: linear-gradient(to bottom, #ca372b 0%,#8a312f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca372b', endColorstr='#8a312f',GradientType=0 ); } .btn-red:active, .btn-red.active, .btn-red:hover, .btn-red:focus { background: #8a312f; background: -moz-linear-gradient(top, #8a312f 0%, #ca372b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a312f), color-stop(100%,#ca372b)); background: -webkit-linear-gradient(top, #8a312f 0%,#ca372b 100%); background: linear-gradient(to bottom, #8a312f 0%,#ca372b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a312f', endColorstr='#ca372b',GradientType=0 ); } .btn-red:active, .btn-red.active, .btn-red:active:hover .btn-red.active:hover { box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.15); } .btn-red.disabled, .btn-red[disabled] { background-color: #8a312f; background-image: none; cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-green { box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,.2); background: #9cc455; background: -moz-linear-gradient(top, #9cc455 0%, #4f904e 99%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9cc455), color-stop(99%,#4f904e)); background: -webkit-linear-gradient(top, #9cc455 0%,#4f904e 99%); background: linear-gradient(to bottom, #9cc455 0%,#4f904e 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cc455', endColorstr='#4f904e',GradientType=0 ); } .btn-green:active, .btn-green.active, .btn-green:hover, .btn-green:focus { background: #4f904e; background: -moz-linear-gradient(top, #4f904e 1%, #9cc455 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4f904e), color-stop(100%,#9cc455)); background: -webkit-linear-gradient(top, #4f904e 1%,#9cc455 100%); background: linear-gradient(to bottom, #4f904e 1%,#9cc455 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f904e', endColorstr='#9cc455',GradientType=0 ); } .btn-green:active, .btn-green.active, .btn-green:active:hover .btn-green.active:hover { box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.15); } .btn-green.disabled, .btn-green[disabled] { background-color: #4f904e; background-image: none; cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-blue { box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,.2); background: #27BCFC; background-image: -moz-linear-gradient(top, #27BCFC, #014788); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#27BCFC), to(#0044cc)); background-image: -webkit-linear-gradient(top, #27BCFC, #014788); background-image: -o-linear-gradient(top, #27BCFC, #014788); background-image: linear-gradient(to bottom, #27BCFC, #014788); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff27BCFC', endColorstr='#ff014788', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-blue:active, .btn-blue.active, .btn-blue:hover, .btn-blue:focus { background: #014788; background: -moz-linear-gradient(top, #014788 0%, #27BCFC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#014788), color-stop(100%,#27BCFC)); background: -webkit-linear-gradient(top, #014788 0%,#27BCFC 100%); background: linear-gradient(to bottom, #014788 0%,#27BCFC 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014788', endColorstr='#27BCFC',GradientType=0 ); } .btn-blue:active, .btn-blue.active, .btn-blue:active:hover .btn-blue.active:hover { box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.15); } .btn-blue.disabled, .btn-blue[disabled] { background-color: #014788; background-image: none; cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-lightblue { color: #014788; border-radius:25px; border: 1px solid #abc7d9; box-shadow: 1px 1px 0px 1px rgba(51, 94, 171, 0.65); background: #ededed; background: -moz-linear-gradient(top, #ededed 20%, #aad1e2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ededed), color-stop(100%,#aad1e2)); background: -webkit-linear-gradient(top, #ededed 20%,#aad1e2 100%); background: linear-gradient(to bottom, #ededed 20%,#aad1e2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#aad1e2',GradientType=0 ); } .btn-lightblue:active, .btn-lightblue.active, .btn-lightblue:hover, .btn-lightblue:focus { background: #aad1e2; background: -moz-linear-gradient(top, #aad1e2 20%, #ededed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#aad1e2), color-stop(100%,#ededed)); background: -webkit-linear-gradient(top, #aad1e2 20%,#ededed 100%); background: linear-gradient(to bottom, #aad1e2 20%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad1e2', endColorstr='#ededed',GradientType=0 ); } .btn-lightblue:active, .btn-lightblue.active, .btn-lightblue:active:hover .btn-lightblue.active:hover { box-shadow: inset 0 2px 4px rgba(51, 94, 171, 0.65), 0 1px 2px rgba(0, 0, 0, 0.15); } .btn-lightblue.disabled, .btn-lightblue[disabled] { background-color: #d8e6f2; background-image: none; cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-orange { background: #ffc523; background: -moz-linear-gradient(top, #ffc523 0%, #f29412 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc523), color-stop(100%,#f29412)); background: -webkit-linear-gradient(top, #ffc523 0%,#f29412 100%); background: linear-gradient(to bottom, #ffc523 0%,#f29412 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc523', endColorstr='#f29412',GradientType=0 ); } .btn-orange:active, .btn-orange.active, .btn-orange:hover, .btn-orange:focus { background: #f29412; background: -moz-linear-gradient(top, #f29412 0%, #ffc523 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aad1e2), color-stop(100%,#ffc523)); background: -webkit-linear-gradient(top, #f29412 0%,#ffc523 100%); background: linear-gradient(to bottom, #f29412 0%,#ffc523 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29412', endColorstr='#ffc523',GradientType=0 ); } .btn-orange:active, .btn-orange.active, .btn-orange:active:hover .btn-orange.active:hover { box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-orange.disabled, .btn-orange[disabled] { background-color: #f29412; background-image: none; cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* ============================================================================== Icons & Images ============================================================================== */ .caret { display: inline-block; width: 1px; height: 1px; margin-left: 2px; vertical-align: middle; border-top: 4px solid #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; overflow: hidden; } .active .caret { border-top: none; border-bottom: 4px solid #fff; } .img-btn { display:block; } .img-btn-signin { background-image:url('/KdheRateCheckup1.0/Media/Button_SignIn_D.png'); width:150px; height:40px; } .img-btn-signin:hover { background-image:url('/KdheRateCheckup1.0/Media/Button_SignIn_H.png'); } .img-btn-register { background-image:url('/KdheRateCheckup1.0/Media/Button_Register_D.png'); width:130px; height:40px; } .img-btn-register:hover { background-image:url('/KdheRateCheckup1.0/Media/Button_Register_H.png'); } .img-btn-ratecheckup { background-image:url('/KdheRateCheckup1.0/Media/Button_RateCheckUpList_D.png'); width:220px; height:34px; } .img-btn-ratecheckup:hover { background-image:url('/KdheRateCheckup1.0/Media/Button_RateCheckUpList_H.png'); } .img-btn-forum { background-image:url('/KdheRateCheckup1.0/Media/Button_Forum.png'); width:136px; height:40px; } .img-btn-forum:hover { background-image:url('/KdheRateCheckup1.0/Media/Button_Forum_H.png'); } .btn-save { background-image: url('/KdheRateCheckup1.0/Media/Icon_Save.png'); background-repeat:no-repeat; background-position:0px 0px; padding-left:25px; } .icon { width:16px; height:16px; top:3px; } .icon-24 { width:24px; height:24px; top:1px; } .icon-60 { width:60px; height:60px; top:1px; } .icon, .icon-24 { display:inline-block; background-repeat:no-repeat; background-position:center; margin: 0px 5px; position:relative; } input.icon { background-color: transparent; border: none; } .i-info { background-image: url('/KdheRateCheckup1.0/Media/Icon_Info.png'); } .i-edit { background-image: url('/KdheRateCheckup1.0/Media/Icon_Edit.png'); } .i-delete { background-image: url('/KdheRateCheckup1.0/Media/Icon_Close.png'); } .i-locked{ background-image: url('/KdheRateCheckup1.0/Media/Icon_Locked.gif');} .i-lock { background-image: url('/KdheRateCheckup1.0/Media/Icon_GoldLock_16.png'); background-size:16px 16px; } .i-lock-you { background-image: url('/KdheRateCheckup1.0/Media/Icon_GreenLock_16.png'); background-size:16px 16px; } .i-lock.icon-24 { background-image: url('/KdheRateCheckup1.0/Media/Icon_GoldLock_24.png');background-size:24px 24px; } .i-lock-you.icon-24 { background-image: url('/KdheRateCheckup1.0/Media/Icon_GreenLock_24.png');background-size:24px 24px; } .i-user-deactivate{ background-image: url('/KdheRateCheckup1.0/Media/Icon_UserDeactivate_40.png');background-size:40px 40px; } .i-user-activate { background-image: url('/KdheRateCheckup1.0/Media/Icon_UserActivate_40.png');background-size:40px 40px; } .i-user-checkmark { background-image: url('/KdheRateCheckup1.0/Media/Icon_Checkmark_40.png');background-size:40px 40px; } .i-user-checkmark-60 { background-image: url('/KdheRateCheckup1.0/Media/Icon_Checkmark_60.png');background-size:60px 60px; } .i-reset { background-image: url('/KdheRateCheckup1.0/Media/Icon_Reset_40.png');background-size:40px 40px; } .i-active-user { background-image: url('/KdheRateCheckup1.0/Media/Icon_UserBlue_24.png');background-size:24px 24px;width:24px;height:24px } .i-inactive-user { background-image: url('/KdheRateCheckup1.0/Media/Icon_UserGrey_24.png');background-size:24px 24px;width:24px;height:24px } .i-star-user { background-image: url('/KdheRateCheckup1.0/Media/Icon_UserStar_24.png');background-size:24px 24px; width:24px;height:24px} .i-search { background-image: url('/KdheRateCheckup1.0/Media/Icon_Search.png');} .i-success { background-image: url('/KdheRateCheckup1.0/Media/Icon_Check.png'); background-size:16px 16px; } .i-success.icon-24 { background-image: url('/KdheRateCheckup1.0/Media/Icon_Check.png');background-size:24px 24px; } .i-warning { background-image: url('/KdheRateCheckup1.0/Media/Icon_Warning.png'); } .i-warning-16 { background-image: url('/KdheRateCheckup1.0/Media/Icon_Warning_16.png'); } .i-pdf { background-image: url('/KdheRateCheckup1.0/Media/Icon_PDF.png'); } .i-excel { background-image: url('/KdheRateCheckup1.0/Media/Icon_Excel.png'); } .i-blue-triangle { background-image: url('/KdheRateCheckup1.0/Media/Icon_Triangle_Blue.png'); } .i-add { background-image: url('/KdheRateCheckup1.0/Media/Icon_Add_16.png'); top:2px; margin-left:0px; } .img-btn-excel { background:none; background-image:url('/KdheRateCheckup1.0/Media/Button_ExportExcel_D.png'); width:160px; height:24px; border:none; padding:0px; vertical-align:middle; margin-left:20px; } .img-btn-excel:hover { background-image:url('/KdheRateCheckup1.0/Media/Button_ExportExcel_H.png'); } .img-btn-pdf { background:none; background-image:url('/KdheRateCheckup1.0/Media/Button_ExportToPdf_D.png'); width:160px; height:24px; border:none; padding:0px; vertical-align:middle; margin-left:20px; } .img-btn-pdf:hover { background-image:url('/KdheRateCheckup1.0/Media/Button_ExportToPdf_H.png'); }