.widget_list_outer { padding-left: 6px; padding-right: 13px; } .horizontal_rule { margin:10px 0 10px; padding:0; background: #494949; height:3px; } table.widget_list { border: 1px solid #CCCCCC; } table.widget_list tbody tr td span { width:auto; } /** * Large Buttons */ div.btn_outer { position:relative; background: transparent url('../assets/images/buttons/regular/green/rightside-regular-btn.png') no-repeat scroll top right; display: inline; float: left; font: normal 12px arial, sans-serif; height: 27px; padding-right: 13px; text-decoration: none; cursor:pointer; padding-left:3px; } div.btn_outer div.btn_inner { background: transparent url('../assets/images/buttons/regular/green/leftside-regular-btn.png') no-repeat; display: block; line-height: 14px; padding: 5px 0 0px 12px; height: 22px; } div.btn_outer:active div.btn_inner { background-position: bottom left; outline: none; } div.btn_outer:active { background-position: bottom right; outline: none; } div.btn_outer div.btn_inner div.text { line-height: 14px; height: 26px; color:#666666; left:0; top:1px; font-size:14px; font-weight:600; position: relative; } div.btn_outer div.btn_inner div.textShadow { line-height: 14px; height: 26px; color:#FFFFFF; left:0px; font-size:14px; font-weight:600; margin-top: -26px; position: relative; } /** * Small Buttons */ div.btn_sml_outer { position:relative; background: transparent url('../assets/images/buttons/small/green/rightside-small-btn.png') no-repeat scroll top right; display: inline; float: left; font: normal 12px arial, sans-serif; height: 19px; padding-right: 13px; text-decoration: none; cursor:pointer; padding-left:3px; } div.btn_sml_outer div.btn_sml_inner { background: transparent url('../assets/images/buttons/small/green/leftside-small-btn.png') no-repeat; display: block; line-height: 8px; padding: 5px 0 0px 8px; height: 14px; } div.btn_sml_outer:active div.btn_sml_inner { background-position: bottom left; outline: none; } div.btn_sml_outer:active { background-position: bottom right; outline: none; } div.btn_sml_outer div.btn_sml_inner div.text { line-height: 12px; height: 20px; color:#666666; left:2px; top: -2px; font-size:11px; font-weight:800; position: relative; } div.btn_sml_outer div.btn_sml_inner div.textShadow { line-height: 12px; height: 20px; color:#FFFFFF; left:2px; font-size:11px; font-weight:800; margin-top: -23px; position: relative; } div.widgetSearchBox span.right input { border: none; padding: 2px !important; margin: 3px 10px; width: 175px; } .tableBlowOutPreventer { width:100%; word-wrap:break-word; } div.required { font-size:12px; color:#b70a0a; padding:4px; display:inline; top:6px; position:relative } .buttonArea { /*background: url("../assets/images/grad.png") repeat-x scroll 0 0 transparent;*/ background-color:#ececec ; height:50px; text-align:right; width:100%; } .buttonArea .container { float:right; margin-top:10px; margin-right:10px; } /* * Legacy Pagination */ .summary .header { background: url("../assets/images/head-gradient.gif") repeat-x scroll 0 0 transparent; height:23px; font-size:14px; font-weight:800; } .goback { background: url('../assets/images/gobblecons/teal/share-arrows-24-left.png') no-repeat; margin-right: 15px; width: 24px; height: 19px; cursor: pointer; float: left; } ul#pagination { float:left; padding:0; top:0; font-size: 12px; } ul#pagination li { list-style:none; display:inline; } ul#pagination li div { border:solid 0px #DDDDDD; margin-right:2px; margin-top:0px; padding:2px 6px; cursor:pointer; display:inline-block; } ul#pagination li div.active { background-color:#CCCCCC; } /* * List container * * */ .listContainer, .listContainerPassive { border:0px solid #CCCCCC; list-style:none; padding:0px; margin:0px; position:relative; } .listContainer .listTitle, .listContainerPassive .listTitle { color:#636363; font-size:18px; font-weight:800; background-color:#737373; padding:14px; background: transparent; } .listContainer table.list, .listContainerPassive table.widget_list { position:relative; margin:0px; padding:0px; } .listContainer table.widget_list tr.widget_list_header, .listContainerPassive table.widget_list tr.widget_list_header { color:#4B4B4B; /*background-color:#acacac; */ font-size:13px; font-weight:bold; height:40px; /*background: transparent url('../assets/images/catbar-bg.png') repeat-x bottom;*/ } .listContainer table.widget_list td, .listContainerPassive table.widget_list td { padding:5px; } .listContainer #listPages, .listContainerPassive #listPages { position:relative; float:left; padding:0px; width:100%; border:0px solid red; } .listContainerPassive .listTitle { color:#636363; font-size:18px; font-weight:800; background-color:#737373; padding:14px; background: transparent; } div#noListResults { padding:15px; /*font-size:18px; color:#636363; */ text-align:center } .ajaxLoad { background: #737373 url('../assets/images/list-loader.gif') no-repeat; background-position:50% 50%; position:absolute; width:100%; text-align:center; z-index:10; margin:0; left:0px; /* filter: alpha(opacity=40); -khtml-opacity: 0.40; -moz-opacity: 0.40; opacity: 0.40;*/ } .listContainerPassive table.widget_list td { text-align:center; border-bottom:1px solid #CCCCCC; padding:10px; } .listContainerPassive table.widget_list tr.widget_list_header { /*background: url("../assets/images/th_header.gif") repeat-x scroll left center transparent; */ padding: 4px; text-align: center; vertical-align: middle; color:#494949; background-color: #ececec; font-size:13px; } /** * Widget search */ div.widgetSearchBox { height:55px; } table.searchBox { border: 1px solid #CCCCCC; width:500px; height:100px; padding:0px } table.searchBox td { padding:10px; } table.searchBox td.label { width:100px; font-size:14px; color:#494949; } .searchBox .header { background: none repeat scroll 0 0 #ECECEC; color: #494949; height: 30px; margin: 0; } #pageSelectDropDown, #pageSelectDropDown2 { padding:0px; font-size: 12px; border:1px solid #C0C0C0; -moz-border-radius:0px; -border-radius:0px; -border-radius:0px; -webkit-border-radius:0px; padding:0px; } .btn.danger, .alert-message.danger, .btn.danger:hover, .alert-message.danger:hover, .btn.error, .alert-message.error, .btn.error:hover, .alert-message.error:hover, .btn.success, .alert-message.success, .btn.success:hover, .alert-message.success:hover, .btn.info, .alert-message.info, .btn.info:hover, .alert-message.info:hover { color: #ffffff; } .btn.danger, .alert-message.danger, .btn.error, .alert-message.error { background-color: #c43c35; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35)); background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(top, #ee5f5b, #c43c35); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #c43c35 #c43c35 #882a25; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .btn.success, .alert-message.success { background-color: #91b32b; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#97C900), to(#91b32b)); background-image: -moz-linear-gradient(top, #97C900, #91b32b); background-image: -ms-linear-gradient(top, #97C900, #91b32b); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97C900), color-stop(100%, #91b32b)); background-image: -webkit-linear-gradient(top, #97C900, #91b32b); background-image: -o-linear-gradient(top, #97C900, #91b32b); background-image: linear-gradient(top, #97C900, #91b32b); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97C900', endColorstr='#91b32b', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #91b32b #91b32b #97C900; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .btn.info, .alert-message.info { background-color: #339bb9; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9)); background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(top, #5bc0de, #339bb9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #339bb9 #339bb9 #22697d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } a.btn { cursor: pointer; display: inline-block; background-color: #e6e6e6; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6); background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); padding: 5px 14px 6px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); color: #333; font-size: 13px; line-height: normal; border: 1px solid #ccc; border-bottom-color: #bbb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; transition: 0.1s linear all; text-decoration: none; position:relative; margin-left:2px; } .btn:hover { background-position: 0 -15px; color: #333; text-decoration: none; } .btn.primary { color: #fff; background-color: #0064cd; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd)); background-image: -moz-linear-gradient(top, #049cdb, #0064cd); background-image: -ms-linear-gradient(top, #049cdb, #0064cd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); background-image: -o-linear-gradient(top, #049cdb, #0064cd); background-image: linear-gradient(top, #049cdb, #0064cd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #0064cd #0064cd #003f81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .btn:active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn.disabled { cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: alpha(opacity=65); -khtml-opacity: 0.65; -moz-opacity: 0.65; opacity: 0.65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn[disabled] { cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: alpha(opacity=65); -khtml-opacity: 0.65; -moz-opacity: 0.65; opacity: 0.65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn.large { font-size: 16px; line-height: normal; padding: 9px 14px 9px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .btn.small { padding: 4px 9px 4px; font-size: 11px; font-weight: normal !important; } button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner { padding: 0; border: 0; } /** * Dynamic width imput fields * * The max width that is supported for an input field is 708px using input_text_left.png */ div.inputOuter { position:relative; background: transparent url('../assets/images/input_text_right.png') no-repeat scroll top right; display: inline-block; height: 27px; line-height: 27px; padding-right: 6px; text-decoration: none; } div.inputOuter .inputInner {position:relative;background: transparent url('../assets/images/input_text_left.png') no-repeat scroll top left;border: none;height: 27px;line-height: 27px;padding-left: 6px;width: auto;padding-right: 7px;} div.inputOuter .inputInner input {margin:6px 0 0 6px;border:none;background:transparent;width:100%} div.inputOuter .inputInner input.search-ahead {width:97%} /** * Input box with an initial message */ .info-input {} .info-input-field-active{font-style: normal;} .info-input-field-inactive{color: #b4b3b3;font-style: italic;} /** * Avanced Search Template Container - most outer wrapper */ .widget-search-drilldown {border:2px solid #dadada;border-top:none;box-shadow: 0 2px 4px #c0c0c0;padding: 4px 0px 4px 4px;position: absolute;width: 98%;z-index: 1000;background-color:#FFFFFF;display:none;margin-left:1px;} /** * Advanced Search Down Arrow */ .widget-search-arrow {background: url('../assets/images/gobblecons/mid-gray/arrow-16.png') no-repeat scroll 0px 0px transparent;float:right;margin:8px;position: relative;right:-23px;top:-30px;cursor:pointer;border:0px solid red;height:20px;width:20px;display:none} .widget-search-arrow:hover {background: url('../assets/images/gobblecons/mid-gray/arrow-16.png') no-repeat scroll 0px 0px transparent;} /** * Search Ahead Magifier Glass */ .widget-search-magnifier {background: url('../assets/images/gobblecons/mid-gray/search-16.png') no-repeat scroll 0px 0px transparent;float:right;margin:7px;position: relative;right:-13px;top:-30px;cursor:pointer;border:0px solid red;height:20px;width:20px} .widget-search-magnifier:hover {background: url('../assets/images/gobblecons/mid-gray/search-16.png') no-repeat scroll 0px 0px transparent} /** * Advanced Search Close Button */ .widget-search-drilldown-close {font-weight:900;font-size:12px; color:#494949;float:right;cursor:pointer;padding:4px;margin-right:10px;top:20px;position:relative;line-height: 0px;} .widget-search-drilldown-close:hover {color:#C0C0C0;} /** * Avanced Search Template Components * * .widget-search-outer must be greater than the z-index of .ajaxLoad which is current 10 */ .widget-search-outer {z-index: 11;margin-bottom: 10px;} div#advanced-search-container {height:100%;} div#advanced-search-container h3 {color:#868686;} .advanced-search-from-date-img, .advanced-search-to-date-img {margin-left:-28px;margin-top:0px;position:relative;top:3px;line-height: 0px;} /** * Search Ahead Content Results */ .widget-search-content {padding:4px;} .widget-search-content div.row {padding:4px;} .widget-search-results-row {padding:6px;cursor:pointer;} .widget-search-results-row:hover {background-color:#dadada;} .widget-search-results-row-selected {background-color:#dadada;} /** * Advanced search overrides */ .widget-search-arrow-advanced {display:block;right:15px} .widget-search-arrow-advanced-no-search {display:block;right:-10px;} .widget-search-magnifier-advanced {right:-44px} div.inputOuter .inputInner input.search-ahead-advanced {width: 90% !important;} /* * Pagination */ .page_legacy li { display:inline; } .page_legacy li span { border:solid 0px #DDDDDD; margin-right:2px; margin-top:0px; padding:2px 6px; display:inline; } .page_legacy li span.active { background-color:#CCCCCC; } /** * Widgetlist checkboxes */ .widgetlist-checkbox {text-align:left !important;width:20px;} .widgetlist-checkbox-header span input {text-align:left !important;width:inherit;} /** * Widgetlist checkboxes header */ .widgetlist-checkbox-input {width:20px !important} /* * Legacy Pagination */ ul#pagination { float:left; padding:0; top:0; font-size: 12px; } ul#pagination li { list-style:none; display:inline; } ul#pagination li div { border:solid 0px #DDDDDD; margin-right:2px; margin-top:0px; padding:2px 6px; cursor:pointer; display:inline-block; } ul#pagination li div.active { background-color:#CCCCCC; } /* * Pagination */ .page_legacy li { display:inline; } .page_legacy li span { border:solid 0px #DDDDDD; margin-right:2px; margin-top:0px; padding:2px 6px; display:inline; } .page_legacy li span.active { background-color:#CCCCCC; } /** * Search form */ div#advanced-search-container ul.advanced-search-container-inline, div#advanced-search-container ul {list-style:none; margin:0px; padding:3px; height:51px; width:450px} div#advanced-search-container ul.advanced-search-container-inline input.info-input, div#advanced-search-container ul input.info-input {font-size:11px} div#advanced-search-container ul.advanced-search-container-inline li {display:inline-block;width:428px; margin-top:4px;} div#advanced-search-container ul.advanced-search-container-inline li#required_message_inline {font-size:10px} div#advanced-search-container ul.advanced-search-container-inline li#required_message_inline div.required {top:4px} div#advanced-search-container ul#search_columns li {width:428px} /** * IE7 fixes (hopefully this works with *+html selector) */ /** * Select box global */ *+html div.select-outer {display:inline} /** * MultiSelect box global */ *+html div.select-outer-multiple div.select-inner-multiple select {height:130px} *+html div.select-outer-multiple div.select-inner-multiple {margin-right:-9px !important;} /** * Widgetlist Pagination */ .page_legacy {width:600px; left:0; margin-left:0;} *+html ul#pagination li div {display:inline} *+html ul#pagination li div.select-outer {background: url("../assets/images/input_text_right.png") no-repeat scroll right 2px transparent;} *+html ul#pagination li div.select-outer div.select-inner select {margin-top: -4px !important;}