html {height:100%; border: 0;} body {font-family: Arial, Tahoma,Verdana; padding: 0 0 0 0; margin: 0 0 0 0; height:inherit !important; height:100%; min-height:100%; font-size:12px; background-color: #555; text-decoration:none;} img {border:0px;} a {color: #2881be; text-decoration: none; font-weight: normal;} a:hover {text-decoration: underline;} hr { width:100%; height:1px; background-color:#e6e6e6; border:none; margin:1.0em auto; } hr.hr2 { width:100%; height:1px; background-color:#e6e6e6; border:none; margin:1.0em auto; } input,textarea, select {font-size:12px;font-family: Tahoma,Arial,Verdana; height: 20px; border: 1px solid #d5d5d5; background: #F8F8F8 url(/images/themes/ca/input_bg.gif) top left repeat-x; padding-left: 7px; padding-top: 4px;} select.as_div { background:url("/images/themes/cpac/form_select_bg.jpg") repeat-x scroll center bottom transparent; border:1px solid #9EA2A6; font-size:11px; font-weight:bold; height:22px; padding:2px 3px 3px 4px;} input[type="checkbox"] {height: 10px; background: none; background-image: none; border: 0px;} input[type="radio"] {height: 10px; background: none; background-image: none; border: 0px;} input.nostyle,textarea.nostyle {border: 0px; background: none;} input.nostyle:focus,textarea.nostyle:focus {background: #FFFFFF;} textarea{overflow:auto;} table tr td {font-family: Tahoma,Arial,Verdana; font-size: 12px;} div.label { float: left; width: 200px; } #main_container{width: 1050px; height:inherit !important; min-height: 1000px; text-align: left; background-color: #FFF; padding: 10px;} #bottom {height: 100px;} #header {height: 74px;} #header_logo {padding-top: 1px; padding-left: 26px; width: 322px;} #logo {float: left;} #logotext {font-size: 16px; font-weight: bold; color: #767676; margin-top: 8px; padding-top: 2px; margin-left: 191px; padding-left: 20px; border-left: 1px solid #c5c5c5; height: 27px;} #header a {font-size: 11px; font-weight: bold; color: #767676;font-family: Tahoma,Arial,Verdana; text-decoration: underline;} #header a:hover {font-size: 11px; font-weight: bold; color: #767676;font-family: Tahoma,Arial,Verdana; text-decoration: none;} .signin {margin-top: 10px;} form.loginForm { padding:5px; font-size:12px; font-weight:bold; } form.loginForm #groupDiv, form.loginForm #loginDiv, form.loginForm #passDiv { } form.loginForm #groupDiv { float: left; width: 200px; margin-right: 10px; } form.loginForm #groupDiv div.label, form.loginForm #loginDiv div.label, form.loginForm #passDiv div.label { color: #494949; font-weight: bold; font-size: 11px; line-height: 20px;} form.loginForm input.login { width: 125px; border: 1px solid #9ea2a6; height: 20px;} form.loginForm input.password { width:125px; border: 1px solid #9ea2a6; height: 20px;} form.loginForm input.signin_submit { width: 71px; height: 23px; float: left; margin-top: 20px; color: #22bbfc; border: 0px; font-weight: bold; font-size: 0px; padding-left: 28px; text-align: left; line-height: 20px;} form.loginForm select.group { width: 200px; border: 1px solid #9ea2a6; height: 24px;} DIV.module_Signin { float:right; margin-bottom:0; margin-right:25px; margin-top:-20px; padding-top:8px; text-align:left; clear: both} DIV.module_Signin div.logged-in {border: 1px solid #b9dae4; width: 332px; height: 20px; margin-bottom: 0px; margin-top: 12px; background: #feffff url(/images/themes/cpac/mod-signin-bg.png) top left repeat-x; padding: 0px 7px; white-space:nowrap; overflow: hidden; text-align: right;} DIV.module_Signin p { display: inline; font-size: 1em;} DIV.module_Signin div.logged-in a { font-size: 11px; line-height: 20px; color: #0e96c4;} DIV.module_Signin div.logged-in a.separator { padding: 0px 0px; color: #000000; font-weight: normal;} DIV.module_Signin a { color: #0e96c4; font-size: 1em; text-decoration: none; font-weight: bold; } DIV.module_Signin div.title { margin-top: 10px; } DIV.module_Signin div.label { width: 75px; } div.module_Signin form.loggedInForm { margin-top: 0px;} #main_menu {background: url('/images/themes/ca/main_menu_bg.gif') repeat top left; width: 1050px; height: 30px;} #main_menu ul {padding: 0;} #main_menu ul li {float:left; list-style:none; font-family: Tahoma; font-weight: bold; font-size: 11px; padding-left: 21px; padding-right: 21px; padding-top: 7px; height: 23px;} #main_menu ul li a {color: #300000; font-weight: bold;} #main_menu ul li.active {float:left; list-style:none; font-family: Tahoma; font-weight: bold; font-size: 11px; border-left: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8; background-color: #FFFFFF; padding-top: 7px; padding-left: 21px; padding-right: 21px; height: 23px;} #main_menu ul li.active_first {float:left; list-style:none; font-family: Tahoma; font-weight: bold; font-size: 11px; border-right: 1px solid #b8b8b8; background-color: #FFFFFF; padding-top: 7px; padding-left: 21px; padding-right: 21px; height: 23px;} #main_menu ul li ul {background: #FFFFFF; border-style: none solid solid; border-width: 0 1px 1px; border-color: #DFDFDF; display: none; float: left; margin: 8px 0 0 -22px; min-height: 28px; padding: 7px 10px 10px 8px; position: absolute; text-align: left; width: 170px; z-index: 15001;} #main_menu ul li ul li {float: none; border-bottom: 1px solid #F2F2F2;} #main_menu ul li ul li:hover {background: #f2f2f2;} #main_menu ul li ul a {text-transform: uppercase; display: block; float: none;} #main_menu ul li ul a:hover {text-decoration: none;} ul.right_menu {padding: 0;} ul.right_menu li {list-style:none; line-height: 25px;} ul.right_menu li a {color: #2986C6; padding-left: 25px; background: url(/images/themes/ca/marker.png) 5px 1px no-repeat; } ul.right_menu li a:hover {text-decoration: none;} ul.right_menu li.marker {line-height: 25px; color: #5A595A; padding-left: 30px; background: url(/images/themes/ca/marker.png) 5px 7px no-repeat; } DIV.module_Search {float:right; text-align:left; margin-top: 3px;} DIV.module_Search input {margin: 0px; width: 240px; height: 19px; background: #FFFFFF url(/images/themes/ca/search-icon.png) 5px 5px no-repeat; border:1px solid #d5d5d5;} form.searchForm{ padding-left:5px; color:#003366; font-size:12px; font-weight:bold; padding-right: 6px; } .search input {font-size: 16px; margin: 0px; height: 27px; background: #FFFFFF url(/images/themes/ca/search-icon.png) 10px 12px no-repeat; border:1px solid #bbbbbb; padding-left: 30px;} #left_column {margin-top: 19px; width: 770px; margin-left: 5px; margin-right: 15px;} #right_column {margin-top: 19px; width: 245px; margin-right: 5px; float:right; } #right_column .cyan {padding-left:10px; padding-top: 1px; padding-bottom: 1px; background-color: #d1f1fe;} .header {font-size: 24px; padding: 0px; margin: 0px; font-weight: normal; margin-bottom: 16px;} .h1_search_icon {background: url("/images/themes/ca/search-icon-big.png") no-repeat scroll 0 center transparent; display: block; height: 26px; line-height: 27px; padding-left: 35px;} .header2 {font-size: 20px; padding: 0px; margin: 0px; font-weight: normal; margin-bottom: 10px;} .header3 {font-size: 16px; font-weight: bold; font-family: Arial; color: #555555;} .header4 {font-size: 18px; font-family: Arial; color: #555555; line-height: 40px;} .block { background-color: #f2f2f2; padding:10px;} div.item {border: 2px solid #e6e6e6; background-color: #FFF; padding: 12px 20px 20px 22px;} .item2 {border: 2px solid #e6e6e6; background-color: #FFF; padding: 0px 20px 0px 20px;} .fullsize_input {width: 613px;} .long_long_input {width: 520px;} .long_input {width: 403px;} .medium_input {width: 193px;} .small_input {width: 93px;} .very_small_input {width: 33px;} #fail_textarea {display: block; position: absolute; top: -100px;} .overflow-y-scroll { overflow-y: scroll; } .fullsize_textarea {width: 613px; height: 113px;padding-top: 7px;} .text_11 {font-family: Tahoma,Arial,Verdana; font-size: 11px;} .text_12 {font-family: Tahoma,Arial,Verdana; font-size: 12px; line-height: 25px;} .big_a {font-family: Arial,Tahoma,Verdana; font-size: 14px; font-weight: bold;} .big_a_unbold {font-family: Arial,Tahoma,Verdana; font-size: 14px; font-weight: normal;} .paging,.curpaging {font-family: Arial,Tahoma,Verdana; font-size: 14px; padding-left: 5px;} .input_error {background: #ffd8d8;} .error {background:#FFFFFF url(/images/themes/ca/del.jpg) no-repeat 10px 10px ; padding: 10px; border: 1px solid #8a0000; color: #8a0000; margin-bottom: 6px; padding-left: 60px; min-height: 25px;} .success{padding: 10px; border: 1px solid #34601F; background:#FFFFFF url(/images/themes/ca/green_tick.png) no-repeat 10px 10px; color: #34601F; margin-bottom: 6px; padding-left: 60px; min-height: 25px;} .pad5 {padding: 5px;} .pad_left { padding-left: 15px; } .pad_right { padding-right: 15px; } .pad_top {padding-top: 10px;} .pad_bottom {padding-bottom: 10px;} .mar_left { margin-left: 15px; } .mar_right { margin-right: 15px; } .mar_top {margin-top: 10px;} .mar_bottom {margin-bottom: 10px;} .fleft { float: left;} .fright { float: right; } .clear { clear: both; } .button {cursor: pointer;} .pointer{cursor: pointer;} .width60 {width: 60px;} .width100 {width: 100px;} .width150 {width: 150px;} .width200 {width: 200px;} .width300 {width: 300px;} .hidden {display: none;} .opacity30 {filter:alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;} .opacity50 {filter:alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;} .opacity70 {filter:alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;} .opacity100 {filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;} .attach {background: url("/images/themes/ca/attach.png") no-repeat scroll 0 center transparent; display: block; float: left; font-size: 12px; height: 25px; line-height: 26px; padding-left: 20px;} .plus_item_button {display: none; position: absolute; margin-left: -17px;} .del_item_button {display: none; position: absolute; margin-left: 708px;} .add {background: url("/images/themes/ca/green_plus_sml.png") no-repeat scroll 0 center transparent; display: block; float: left; font-size: 12px; height: 14px; line-height: 15px; padding-left: 20px;} .pdf {background: url("/images/themes/ca/doc_pdf.png") no-repeat scroll 0 center transparent; display: block; float: left; font-size: 12px; height: 14px; line-height: 15px; padding-left: 20px;} .bill {background: url("/images/themes/ca/bill.png") no-repeat scroll 0 center transparent; display: block; float: left; font-size: 12px; height: 14px; line-height: 15px; padding-left: 20px;} .order {margin-left: 10px; background: url("/images/themes/ca/arrow_out.png") no-repeat scroll 0 center transparent; display: block; float: left; font-size: 12px; height: 14px; line-height: 15px; padding-left: 20px;} div.submit_panel {float: right; margin-right: 20px;} div.submit_button {border: 1px solid #bbbbbb;float: right;} a.submit_cancel {color: #C33232; font-family: Arial,Tahoma,Verdana; font-size: 12px; line-height: 32px; margin-right: 19px;} input.submit, input.button { background: url("/images/themes/ca/button_bg.gif") repeat-x scroll left top transparent; cursor: pointer; font-family: Tahoma,Arial,Verdana; font-size: 11px; font-weight: bold; height: 32px; padding-bottom: 3px; padding-left: 14px; padding-right: 16px;} button.button { background: url("/images/themes/ca/button_bg.gif") repeat-x scroll left top transparent; cursor: pointer; font-family: Tahoma,Arial,Verdana; font-size: 11px; font-weight: bold; height: 32px; padding-bottom: 3px; padding-left: 14px; padding-right: 16px;} .condition_type {background: #f2f2f2; padding: 3px 7px 3px 7px; border: 1px solid #D2D2D2;} div.messages { background:#920000 url(/images/themes/cpac/error.png) no-repeat 2px 2px ; color:#FFFFFF; font-size:11px !important; font-weight:bold; margin-bottom:20px; padding:10px 10px 10px 40px; font-family: Tahoma; min-height: 14px; } .alphacube_content div.messages { margin: 2px 2px 20px 2px;} div.good_messages { background:#6D881C url(/images/themes/cpac/error_good.png) no-repeat 2px 2px ; color:#FFFFFF; font-size:11px; font-weight:bold; margin-bottom:20px; padding:10px 10px 10px 40px; font-family: Tahoma; min-height: 14px; } div.select { background: #F7F3F7; width: 228px; background: #fff; border:1px solid #9EA2A6; padding: 2px 3px 2px 9px; margin: 0px; } div.select .select-arrow { font-size: 11px; background: url(/images/themes/cpac/triangle-down.png) no-repeat right center; cursor: pointer; font-weight: normal; line-height:16px;} div.select div.right-oriented { float: right; font-size: 11px; font-weight: normal; padding-right: 20px;} .triangle_bg {background: url(/images/themes/ca/triangle_sml.gif) no-repeat; background-position: right 10px;} div.hidden-filter { position: absolute; float: right; border: 1px solid #9ea2a6; background: #F7F3F7; width: 240px; z-index: 500;} div.hidden-filter2 { position: absolute; float: right; border: 1px solid #9ea2a6; background: #F7F3F7; z-index: 500; margin-left: -8px; margin-top: 30px} div.hidden-filter div.row-block {border: 0px solid; border-bottom: 1px solid #9ea2a6; font-weight: bold;} div.hidden-filter .row { display: block; color: #494949; font-size: 11px; padding: 5px 9px; position: relative; } div.hidden-filter .row.caption { color: #8a0000 !important; padding-left: 22px; background: url(/images/themes/cpac/bordo-dbl-arrows.png) no-repeat 10px center; } div.hidden-filter .row.selected { background: #cee2ea;} div.hidden-filter .row div.comment {font-size: 11px; font-weight: normal; padding-right: 15px;} div.hidden-filter .row div.right-comment { width: 220px; height: 23px; position: absolute; right: 10px; top: 0px; line-height: 23px; font-size: 11px; text-align: right; font-weight: normal; overflow: hidden; } div.hidden-filter a.row {text-decoration: none; color: #494949 !important; } div.hidden-filter a.row:hover {background-color: #cee2ea; } div.hidden-filter div.row.date_range { background: #e5f0f6; overflow: hidden; line-height: 24px;} div.hidden-filter div.row.date_range strong {display:block; color:#494949; } div.hidden-filter div.row.date_range div.date_part { font-size: 11px; width: 49%; float: left;} div.hidden-filter div.row.date_range div.date_part .date { float: left; color:#494949; width: 67px; margin:0;} div.hidden-filter div.row.date_range div.date_part .calendar-icon {height:24px;} div.hidden-filter div.row.date_range .button { color:#494949; font-size:12px; font-weight:bold; margin:10px -7px; padding:0 8px; width:auto;} .cs-select-opacity { width: 100%; cursor: pointer; position: absolute; margin-top: -25px; filter:alpha(opacity=1); -moz-opacity: 0.0001; -khtml-opacity: 0.0001; opacity: 0.0001;} .cs-select { width: 90px; height: 27px; overflow: hidden; border-right: 1px solid #e2e3ea; background: #F2F3F5; } .cs-select select { width: 111px; height: 27px !important; padding-left: 3px !important; border: 1px solid #D6D7D6 !important; border-top: 1px solid #D6D7D6 !important; background: url(/images/themes/ca/triangle.gif) no-repeat; background-position: right top; -webkit-appearance: none;} .cs-select select option { padding: 2px 0px;} .cs-select-transparent { width: 90px; height: 27px; overflow: hidden; border-right: 0px; background: #F2F3F5; } .cs-select-transparent select { width: 111px; height: 27px !important; padding-left: 3px !important; border: 0px !important; border-top: 0px !important; background: url(/images/themes/ca/transparent_triangle.gif) no-repeat; background-position: right top; -webkit-appearance: none;} html>body .cs-select { *border: 0 none; } html>body .cs-select select { *background: none; *width: 90px; *font-size: 14px; } select.css-select { width: 111px; height: 27px !important; padding-left: 3px !important;padding-top: 1px !important; border: 1px solid #D6D7D6 !important; border-top: 1px solid #D6D7D6 !important; background-color: #f7f7f7; } select.css-select option { padding: 2px 0px;} div.css-select {background: url("/images/themes/cpac/triangle-down.png") no-repeat scroll center center #F2F3F5; height: 20px; margin-left: 85px; margin-top: -21px; position: absolute; width: 20px;} .triangle_margin_right {background: url("/images/themes/ca/triangle_sml_marginright.gif") no-repeat right 10px;} div.program_select{ height: 250px; overflow: auto; width: 100%; margin: 0px; border: 0px; } div.program_select a { display: block; line-height: 32px; border-bottom: 1px solid #ababab; text-decoration: none; color: #494949; padding-left: 20px; font-size: 12px; margin-right: 1px; } div.program_select a.selected_row { background-color: #dcdcdc; background-image: url(/images/arrow-right.gif); background-position: right center; background-repeat: no-repeat; } .signin_list {background: #fff; position: absolute; z-index: 100; text-align: left; padding: 5px; border: 1px solid #9DA1A5; font-weight: normal; line-height: 16px; font-size: 11px;} .signin_list a {font-weight: normal;} .signin_list a:hover {text-decoration: underline;} .loggedInForm .title {font-weight: normal; text-align: right; color: #3d3d3d; font-size: 12px;} .loggedInForm .logout_link {color: #000; font-weight: normal; text-align: right; padding: 0px; padding-top: 10px; font-size: 11px;} .loggedInForm .logout_link a {color: #1096C3; font-weight: bold;} .ajax_loader {background: url(/images/themes/cpac/loading_bg.png) center center no-repeat; position: absolute; width: 400px; height: 139px; text-align: center; top: 3px; left: 3px; z-index: 1012;} .ajax_loader h1 {margin: 37px 0 10px 0px; font-size: 13px;} .ajax_loader #ajax_loader_img {width: 300px; height: 35px; background: #fff url(/images/themes/cpac/ajax-loader.gif) center center no-repeat; border: 1px solid #A6A6A6; margin-left: auto; margin-right: auto;} .comment_top {background: url(/images/themes/ca/comment_top.png) repeat-x; height: 15px;} .comment_top_left {background: url(/images/themes/ca/comment_left_top_corner.png) no-repeat; height: 15px;} .comment_top_right {background: url(/images/themes/ca/comment_right_top_corner.png) no-repeat; background-position: right top; height: 15px;} .comment_top_top {background: #a8a8a8; padding-left: 10px; padding-bottom: 6px; padding-top: 1px; color: #FFF;} .comment_body {background: #f2f2f2; border-left: 3px solid #a8a8a8; border-right: 3px solid #a8a8a8; padding: 10px;} .comment_body_avatar {width: 80px; float: left;} .comment_body_avatar2 {width: 105px; float: left; text-align: center;} .comment_body_avatar3 {width: 60px; float: left; } a.comment {color: #2881be; text-decoration: underline;font-size: 11px; font-family: Tahoma;} .comment_body_text {float: left;} .comment_body_by_who {font-size: 11px; font-family: Arial; color: #888888;} .comment_bottom {background: url(/images/themes/ca/comment_bottom.png) repeat-x; height: 7px;} .comment_bottom_left {background: url(/images/themes/ca/comment_left_bottom_corner.png) no-repeat; height: 7px;} .comment_bottom_right {background: url(/images/themes/ca/comment_right_bottom_corner.png) no-repeat; background-position: right top; height: 7px;} .fav_club_on {width: 40px; height: 40px; background: url(/images/favorite_on.png) no-repeat; cursor: pointer;} .fav_club_off {width: 40px; height: 40px; background: url(/images/favorite_off.png) no-repeat; cursor: pointer;} .fav_icon_container {width: 40px; float: left; } .login_button {float: right; border: 1px solid #bbbbbb;} .edit_button {float: right; margin-right: 20px; border: 1px solid #bbbbbb;} .addcomment_top {background: url(/images/themes/ca/addcomment_top.png) repeat-x; height: 25px;} .addcomment_top_left {background: url(/images/themes/ca/addcomment_left_top_corner.png) no-repeat; height: 25px;} .addcomment_top_right {background: url(/images/themes/ca/addcomment_right_top_corner.png) no-repeat; background-position: right top; height: 25px;} .addcomment_body {background: #b7e0f1; padding: 10px;} .addcomment_bottom {background: #b7e0f1; height: 4px;} .addcomment_bottom_left {background: url(/images/themes/ca/addcomment_left_bottom_corner.png) no-repeat; height: 4px;} .addcomment_bottom_right {background: url(/images/themes/ca/addomment_right_bottom_corner.png) no-repeat; background-position: right top; height: 4px;} .blue24 {color: #2881be; font-size: 24px; font-family: Arial;} .blue36 {color: #2881be; font-size: 36px; font-family: Arial;} .block_sml_gray {width: 108px; height: 78px; font-size: 12px; text-align: center; background: #e6e6e6; padding: 12px; color: #2881be} .block_sml_gray a:hover {text-decoration: none;} .gray {color: #888888; font-size: 11px; font-family: Arial; text-transform:capitalize;} .gray2 {color: #959595; font-size: 12px; font-family: Arial; line-height: 24px;} .gray3 {color: #888888; font-size: 14px; font-family: Arial;} .table1 table {text-align:left;} .table1 th {height: 29px; background: #FFD502; border-bottom: 1px solid #c2a200; border-top: 1px solid #c2a200; font-family: Arial; font-weight: bold; font-size: 12px; padding-left: 10px} .table1 td {height: 29px; border-bottom: 1px solid #e6e6e6; padding-left: 10px; font-family: Arial;} .New_ticket {background: #c33232; color: white; font-weight: bold; padding-left: 6px;padding-right: 6px; padding-bottom: 3px; padding-top: 2px;} .new_question {background: #f6a606; color: white; font-weight: bold; padding-left: 6px;padding-right: 6px; padding-bottom: 3px; padding-top: 2px;} .red {color: #c33232;} .add_button { width: 245px; height: 40px; background: url('/images/themes/ca/add_ticket_button_center.gif') repeat top left; color: white; font-weight: bold; font-family: Tahoma; font-size: 11px; display: block;} a.add_button:hover {text-decoration: none;} .add_button_left {width: 8px; height: 40px; background: url(/images/themes/ca/add_ticket_button_left.gif) no-repeat;} .add_button_right {width: 8px; height: 40px; background: url(/images/themes/ca/add_ticket_button_right.gif) no-repeat; float: right;} .add_button_text_block {padding-top: 13px; height: 20px; padding-left: 37px; background: url(/images/themes/ca/plus.png) 12px 11px no-repeat;} ul#sortable {list-style:none; margin: 0; padding: 0;} .reorder_div {padding: 5px; width: 100%; border: 1px dotted #E7E7E7; margin-top: 5px; background:#F7F3F7; cursor: pointer;} .sortable-placeholder{background-color: #FFF; border: 1px dashed #EFBA52; height: 20px; margin-top: 5px;} .add_condition {color: #b9b9b9; font-size: 16px; font-family: Arial; font-weight: bold; float: left; margin-left: 15px; margin-top: 3px;} .balance {border: 2px solid #a7a7a7; padding: 2px 4px 2px 4px; background: #FFF; font-size: 20px; text-align: center;} .userinfo_right {width: 226px;} #profileTabs { background-color: #dfdfdf; padding:10px; border-bottom: 1px solid #9ea2a6; height: 20px;} #profileTabs a.profileTabButton { height: 15px; display: block; float: left; padding: 7px 15px 7px 15px; font-weight:bolder; font-size: 11px; margin-right: -1px; background:url('/images/themes/ca/profileTabButton.png') left top repeat-x; border-top:#9a9a9a 1px solid; border-left:#9a9a9a 1px solid; border-right:#9a9a9a 1px solid; text-decoration: none; color: #000; position:relative; } #profileTabs a.profileTabButton:hover { height: 16px; background: #FFF; } #profileTabs a.profileTabButton_selected { height: 16px; background: #FFF; border-bottom: 0px; } #profileTabs a.profileTabButton_disabled, #profileTabs a.profileTabButton_disabled:hover { background:url('img/profileTabButton.gif') left top repeat-x !important; border-bottom: 0px; color: #9a9a9a; cursor: default; } #profileTabs a.lastButton {clear:right;} .profile-block .profile-form .header .toggle-button { cursor:pointer; display:block; float:right; font-size:11px; font-weight:bolder; margin:0; text-decoration:underline; text-transform:none; } .profile-block .profile-form .header .toggle-button:hover { text-decoration:underline; } .profile-block .profile-form .header .toggle-label { font-size:11px; display:block; float:right; margin:0px; text-transform:none; text-decoration:none; color:#ababab; font-weight:bolder; white-space:nowrap; } .profile-block .profile-form .header .toggle-button.toggled, .profile-block .profile-form .header .toggle-label.toggled { display:none; } .content {border: 2px solid #e6e6e6; width: 705px; background-color: #FFF; padding: 10px 20px 10px 20px;} .profile-block .profile-form .content label {display:block; float:none; font-weight:bold; margin:7px 15px; padding:0; width:auto; } .profile-block .profile-form .content label.active {color: #666666;} .profile-block .profile-form .content .hidden {display:none;} .profile-block .profile-form .content .column {float:left;width:40%;} .profile-block .profile-form .content .last {clear:right; width: 60% !important;} .profile-block .profile-form .content .clear {clear:both;padding:0;margin:0;height:0;} .profile-block .profile-fields-table { font-size: 11px; margin: 2px 8px;} .profile-block .profile-fields-table th { color: #787878; text-align: right; border-right: 1px dotted #cccccc;} .profile-block .profile-fields-table.editMode th { border-right: 0px; vertical-align: top;} .profile-block .profile-fields-table td { padding-left: 10px; font-size: 11px;} .active-input { border: 1px solid #ebb95b !important; background-color: #fff8d5 !important; } .error-field {border: 1px solid #8a0000 !important;; background-color: #ffd8d8 !important;; color: #8a0000 !important; } .error-general {background:#FFFFFF url(/images/themes/ca/del.jpg) no-repeat 10px 10px ; padding: 10px; border: 1px solid #8a0000; color: #8a0000; margin-bottom: 6px; padding-left: 60px; min-height: 25px;} /***************************** Member Statement Styles *****************************/ #court_menu { background-color: #e2e2e2; position: absolute; width: 204px; border: 1px solid #6d6d6d; padding: 0px; text-align: left; z-index: 801; color: #000000; } #court_menu div { margin-top: 6px; margin-bottom: 15px; padding-left: 10px; padding-right: 10px; font-size: 12px;} #court_menu div hr { color: #ABABAB;} #court_menu div select { background: #F4F4F4; width: 90%; padding: 0px 0px; background:transparent url(/images/themes/cpac/form_select_bg.jpg) repeat-x scroll center bottom; border:1px solid #9EA2A6; padding:3px 3px 3px 9px;} /* #court_menu div select option { padding: 0px 0px; }*/ #court_menu a { text-decoration: none; font-weight: bold; color: #3769bc;} #court_menu #court_menu_inside a, #court_menu a.court_menu { display: block; line-height: 18px; padding-left: 20px; background: transparent url(/images/themes/cpac/right-arrows.png) 10px center no-repeat; font-size: 11px; text-decoration: none; font-weight: bold; color: #3769bc;} #court_menu #court_menu_inside a:hover, #court_menu a.court_menu:hover { background-color: #bbbbbb; color: #3769bc;} #court_menu h4 { background: #4c4c4c url(/images/themes/cpac/down-arrows.png) 10px center no-repeat; color: #fefefe; padding-left: 22px; line-height: 20px; margin: 0px; font-size: 11px; } #court_menu table { background: none; border: none;} #court_menu table td {font-size: 12px !important; background: none; border: none; height: 14px; min-width: 0px; padding-right: 3px;} #court_menu div.label { width: 90px; font-weight: bold; margin: 0px; padding: 0px;} div.court_menu { background-color: #e2e2e2; position: absolute; width: 204px; border: 1px solid #6d6d6d; padding: 0px; text-align: left; z-index: 801; color: #000000; } div.court_menu div { margin-top: 6px; margin-bottom: 15px; padding-left: 10px; padding-right: 10px; font-size: 12px;} div.court_menu a { text-decoration: none; font-weight: bold; color: #3769bc;} div.court_menu a.court_menu { display: block; line-height: 18px; padding-left: 20px; background: transparent url(/images/themes/cpac/right-arrows.png) 10px center no-repeat; font-size: 11px; text-decoration: none; font-weight: bold; color: #3769bc;} div.court_menu a.court_menu:hover { background-color: #bbbbbb; color: #3769bc;} div.court_menu h4 { background: #4c4c4c url(/images/themes/cpac/down-arrows.png) 10px center no-repeat; color: #fefefe; padding-left: 22px; line-height: 20px; margin: 0px; font-size: 11px; } .court_info { background-color: #e2e2e2; position: absolute; width: 150px; border: 1px solid #6d6d6d; padding: 0px; text-align: left; z-index: 800; overflow: hidden;} .court_info h4 { background: #4c4c4c url(/images/themes/cpac/down-arrows.png) 10px center no-repeat; color: #fefefe; padding-left: 22px; line-height: 20px; margin: 0px; font-size: 11px; } .court_info #court_info_content div { margin: 10px; } #court_menu a.closeLink, .court_info a.closeLink {position: absolute; right: 0px; margin: 0px; padding: 0px 7px; display: block; color: #FFF; text-decoration: none; font-weight: bold; font-size:12px; background: #393939; } #court_menu a.closeLink:hover, .court_info a.closeLink:hover {color: #FF7D7D;} #statement-container {background-color: #F2F2F2; } #statement-container table#statement_table { width: 100%; border: 1px solid #ababab; font-size: 11px; } #statement-container table#statement_table tr { line-height: 22px; background-color: #F2F3F5;} #statement-container table#statement_table tr.even { background-color: #e2e3e4; background-image: url(/images/themes/cpac/tr_bg_ch0.png);} #statement-container table#statement_table tr.payment { background-color: #effcd5; background-image: url(/images/themes/cpac/tr_bg_p0.png);} #statement-container table#statement_table tr.refund { background-color: #f0e485; background-image: url(/images/themes/cpac/tr_bg_r1.png);} #statement-container table#statement_table tr.latefee { background-color: #ffcfcf; background-image: url(/images/themes/cpac/tr_bg_l0.png);} #statement-container table#statement_table tr.first { border-top: 2px solid #ababab;} #statement-container table#statement_table tr.invoice_row { line-height: 33px;} #statement-container table#statement_table tr.highlighted td { border: solid #FF0000; border-width: 3px 0px; } #statement-container table#statement_table tr.highlighted td.first-child {border-left-width: 2px;} #statement-container table#statement_table tr.highlighted td.last-child {border-right-width: 2px;} #statement-container table#statement_table th { border-right: 1px solid #b8babc; border-left: 1px solid #7c7f82; line-height: 29px; background: #8F9194; color: #ffffff; font-size: 11px; text-align: left; } #statement-container table#statement_table td { padding-left: 7px; border-bottom: 1px solid #ababab; border-right: 1px solid #ababab;} #statement-container table#statement_table td.amount {text-align: right; padding-right: 5px; font-weight: bold} #statement-container table#statement_table td.invoice_number { text-align: right; padding-right: 5px; background: #f0f0f0 url(/images/themes/cpac/td_bg1.png) left bottom repeat-x; } #statement-container table#statement_table tr.even td.invoice_number {background: #dbdbdc url(/images/themes/cpac/td_bg0.png) left bottom repeat-x; } #statement-container table#statement_table tr.payment td.invoice_number {background: #e3f0c9 url(/images/themes/cpac/td_bg_p0.png) left bottom repeat-x; } #statement-container table#statement_table tr.refund td.invoice_number {background: #e8e077 url(/images/themes/cpac/td_bg_r1.png) left bottom repeat-x; } #statement-container table#statement_table tr.latefee td.invoice_number {background: #ffc6c6 url(/images/themes/cpac/td_bg_l0.png) left bottom repeat-x; } #statement-container table#statement_table #court_menu {width: 600px;} #statement-container table#statement_table #court_menu a.action-link {font-size: 11px; font-weight: normal; line-height: 14px; margin: 0px 5px 0 0; padding: 0px; text-decoration: underline; float: right; display: block; } #statement-container table#statement_table #court_menu a.court_menu {margin-right: 70px;} #statement-container table#statement_table td a.invoice_status { display: block; line-height: 22px; background-repeat: repeat-x; color: #FFFFFF; text-align: center; padding-left: 2px; padding-right: 2px; margin: 5px 1px;} #statement-container table#statement_table td a.invoice_status.paid { background-image: url(/images/report/i_status_paid.png);} #statement-container table#statement_table td a.invoice_status.partial { background-image: url(/images/themes/cpac/i_status_partial.png);} #statement-container table#statement_table td a.invoice_status.unpaid { background-image: url(/images/report/i_status_unpaid.png);} #statement-container table#statement_table td a.invoice_status.returned { background-image: url(/images/report/i_status_returned.png);} #statement-container table#statement_table td a.invoice_status.refund_id { background-image: url(/images/themes/cpac/i_status_refund2.png);} #statement-container table#statement_table td a.invoice_status.voided { background-image: url(/images/report/i_status_voided.png);} #statement-container table#statement_table td div.descr_status { display: block; line-height: 22px; background-repeat: repeat-x; color: #FFFFFF; text-align: center; padding-left: 5px; padding-right: 5px; margin: 5px 2px; float: right;} #statement-container table#statement_table td div.descr_status.unregistered { background-image: url(/images/themes/cpac/i_status_partial.png); } #statement-container table#statement_table td div.descr_status.registered { background-image: url(/images/report/i_status_paid.png); } #statement-container table#statement_table textarea {border: 0px; height: 23px; overflow: hidden; /*to hide scroll*/ text-wrap: wrap; margin: 0; margin-left: -7px;} #statement-filter { background-color: #D1F1FE; padding-top: 5px; padding-bottom: 10px;} #statement-filter select { width: 180px; line-height: 20px; height: 20px; border: 1px solid #9ea2a6; display: block; margin-left: 12px; margin-top: 10px;} #statement-filter .select { width: 168px; margin-left: 12px; margin-top: 10px; } #statement-filter .hidden-filter { width: 180px; margin-left: 12px; } #statement-filter #submit_button { margin-left: 12px; } #statement-filter #submit_button input { text-align: left; padding-left: 15px; font-weight: bold; width: 182px; height: 30px; background: url(/images/button-bg.gif)} #statement-filter a.sf-link { margin-left: 20px; margin-bottom: 5px; padding-left: 16px; background: url(/images/link_left.png) 0px bottom no-repeat; display: block;} #statementTotals { width: 300px; color: #373737; float: right; margin-right: 10px;} #statementTotals div { font-size: 12px; text-align: right; } #statementTotals div.label { text-align:left; padding-left: 4px; white-space:nowrap; width:250px;} #statementTotals div.subline { border-bottom: 1px solid #8f9194; } div.transaction_info {padding: 10px;} div.transaction_info a.action-link {font-size: 11px; font-weight: normal; line-height: 14px; margin: 0px 5px 0 0; padding: 0px; text-decoration: underline; float: right; display: block; } div.transaction_info a.court_menu {margin-right: 70px;/* color:#333333; text-decoration:none;*/ display: block; line-height: 18px; padding-left: 20px; background: transparent url(/images/themes/cpac/right-arrows.png) 10px center no-repeat; font-size: 11px; text-decoration: none; font-weight: bold; color: #3769bc;} div.transaction_info a.court_menu:hover { background-color: #bbbbbb; color: #3769bc;} /***************************** Member Statement Styles END *****************************/ .modal_popup { border: 1px dashed black; position:absolute; left:0; top:0; width:440px; height:200px; display:none; z-index:9999; padding:20px; background-color:#ffffff; } #mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; } /***************************** Member Report styles *****************************/ #report-filter { background-color: #D1F1FE; padding-top: 5px; padding-bottom: 10px; padding-left:10px; } #report-filter .modernGroupBlock {width: 85%; margin-left: 12px; border-color: #ababab; } #report-filter .modernGroupBlock h1 { background-image: url(/images/report/th_bg.png) !important; background-repeat: repeat-x; background-color: #ababab; background-position: bottom; line-height: 29px; border-color: #ababab; padding: 0px 0px 0px 10px; font-size: 11px; color: #fff; min-height: 29px; overflow-x: hidden;} #report-filter .modernGroupBlock input { background: transparent url(/images/search.png) 155px center no-repeat; border: 0px; color: #fff; font-size:11px; font-weight:bold; height:22px; margin: 0 0 0 -10px; padding-left:10px; padding-top:7px; width: 100%; display: inline; font-family: Tahoma;} #report-filter .modernGroupBlock h1 a { display: block; float: right; width: 30px; height: 29px; line-height: 29px; background-image: url(/images/report/th_bg1.png); background-repeat: repeat-x; background-position: bottom; text-align: center; overflow: hidden; padding: 0px; } #report-filter .modernGroupBlock h1 a div { position: relative; width: 10px; height: 10px; top: 12px; left: 10px; background: url(/images/report/date_range_yes.png) no-repeat 0px 0px; } #report-filter .modernGroupBlock h1 a div.collapsed { background: url(/images/report/date_range_no.png) no-repeat 0px 0px; top: 10px; } #report-filter .modernGroupBlock h1.uncollapsible a { background: none !important; } #report-filter .modernGroupBlock h1.uncollapsible a div { background: none !important; } #report-filter .modernGroupBlock .program_select { } #report-filter .modernGroupBlock .program_select a { font-weight: normal; border-color: #ababab; font-size: 11px; line-height: 25px; padding-left: 13px; color: #000; } #report-filter .modernGroupBlock a.selected_row { background-color: #dfecc5; background-image: none; font-weight: bold; } #monthToPrintMultiselect .caption, #monthToEmailMultiselect .caption, #emailToSend, #monthToPdfMultiselect .caption { color: #8a0000 !important; padding-left: 22px !important; background: url(/images/themes/cpac/bordo-dbl-arrows.png) no-repeat 10px center !important; } #monthToPrintMultiselect .item, #monthToEmailMultiselect .item, #monthToPdfMultiselect .item { color: #494949 !important; font-size: 11px !important; } .calendar-icon {background:transparent url(/images/Calendar.ico) no-repeat scroll center center;width:16px;border:0px;cursor:pointer;} #report-filter .date_range {width: 80%; background-color:#C1DCE7; background-image:url("/images/report/date_range_no.png"); background-position:right center; background-repeat:no-repeat; border-top:1px solid #7AB3CB; color:#4E4E4E; cursor:pointer; font-size:11px; font-weight:normal; line-height:22px; padding-left:12px; margin-left: 10px;} #report-filter .date_range.expanded { background-image: url(/images/report/date_range_yes.png); } #report-filter .date_container {padding-left: 12px; margin-bottom: 5px;} #report-filter #report-other-filter {padding-left: 12px;} .report-caption .buttons { float: right; width: 175px; height: 26px; } #report-container table#report_table { width: 100%; border: 1px solid #ababab; font-size: 12px; } #report-container table#report_table tr { background: #F2F3F5;} #report-container table#report_table tr.transaction_row { line-height: 29px; background: #F2F3F5;} #report-container table#report_table tr.transaction_row.last {background: #F2F3F5;} #report-container table#report_table tr.even { background-color: #e7f9ff;} #report-container table#report_table tr.first { border-top: 2px solid #ababab;} #report-container table#report_table tr.transaction_row.even.last { background-image: url(/images/report/tr_bg0.png);} #report-container table#report_table tr.invoice_row { line-height: 33px;} #report-container table#report_table th { border-right: 1px solid #b8babc; border-left: 1px solid #7c7f82; line-height: 29px; background-image: url(/images/report/th_bg.png); background-repeat: repeat-x; background-color: #ababab; background-position: bottom; color: #ffffff; font-size: 12px; text-align: left; padding-left: 7px; font-weight:normal;} #report-container table#report_table td { padding: 5px 7px 5px;} #report-container table#report_table td.number_type { background-repeat: repeat-x; font-weight: bold; color: #FFFFFF;} #report-container table#report_table td.number_type.t { background-image: url(/images/report/t_number_bg.png);} #report-container table#report_table td.number_type.v { background-image: url(/images/report/v_number_bg.png);} #report-container table#report_table td.number_type.r { background-image: url(/images/report/r_number_bg.png);} #report-container table#report_table td.number_type.h { background-image: url(/images/report/t_number_bg.png);} #report-container table#report_table td.number_type.e { background-image: url(/images/report/t_number_bg.png);} #report-container table#report_table td.invoice_number { text-align: right; padding-right: 5px;} #report-container table#report_table td.payment-type { font-weight: bold;} #report-container table#report_table tr.transaction_row td.amount { font-weight: bold;} #report-container table#report_table tr.invoice_row td.amount { padding-left: 15px;} #report-container table#report_table td a.invoice_status { display: block; line-height: 22px; background-repeat: repeat-x; color: #FFFFFF; text-align: center; padding-left: 2px; padding-right: 2px; margin: 5px 1px;} #report-container table#report_table td a.invoice_status.paid { background-image: url(/images/report/i_status_paid.png); background-color: #96b261; } #report-container table#report_table td a.invoice_status.unpaid { background-image: url(/images/report/i_status_unpaid.png); background-color: #ff7070; } #report-container table#report_table td a.invoice_status.returned { background-image: url(/images/report/i_status_returned.png); background-color: #ff7979; } #report-container table#report_table td a.invoice_status.voided { background-image: url(/images/report/i_status_voided.png); background-color: #9ea0a3; } #report-container table#report_table td.invoice_description a { color: #333333;} div.modal_tabs {padding-left: 18px; background: #F2F3F5;} div.modal_tabs li { float: left; list-style: none outside none; margin: 0; padding: 0px 3px; vertical-align: bottom; } div.modal_tabs li a { display: block; line-height: 25px; padding: 0 10px; color: #4c4c4c; font-size: 11px; font-weight: bold; font-family: Tahoma; text-decoration: none; background: url(/images/themes/cpac/modal_tab.png) repeat-x bottom left;} div.modal_tabs li.selected a { background: #fff; color: #008dc0; } .status_unpaid {color: red; text-transform: uppercase;} .status_paid {color: green; text-transform: uppercase;} .status_partial {color: green; text-transform: uppercase;} .status_autopaid {color: green; text-transform: uppercase;} .status_submitted {color: blue; text-transform: uppercase;} .payment_status {position: absolute; margin-left: -21px; margin-top:-13px;} .simple_table th {background: #F2F2F2;} .ssoOverlay { align-items: center; background-color: rgba(0, 0, 0, 0.5); display: flex; height: 100%; justify-content: center; left: 0; position: fixed; top: 0; width: 100%; z-index: 1000; } .ssoOverlay .overlay-content { background: white; border-radius: 5px; padding: 20px; text-align: center; }