@charset "utf-8"; /* Wrapper */ /********************************************************************/ #BSBContainer { padding: 12px 0; text-align: left;} #BSBContent { background: url(images/paper-bg.jpg) 0 0 repeat #f4f4f4; border: 1px solid #dadada; border-radius: 4px; } /* Navigation */ /********************************************************************/ #BSBNav { background: #eef9ff; border: 1px solid #53aaf1; padding: 1px; border-radius: 4px 4px 0 0; -moz-box-shadow: 0px 3px 3px #dcdcdc; -webkit-box-shadow: 0px 3px 3px #dcdcdc; box-shadow: 0px 3px 3px #dcdcdc; } #BSBNav .BSBNav-inner { background: #cdecff; /* Old browsers */ background: -moz-linear-gradient(top, #cdecff 0%, #81d0ff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdecff), color-stop(100%,#81d0ff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cdecff 0%,#81d0ff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cdecff 0%,#81d0ff 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(top, #cdecff 0%,#81d0ff 100%); /* IE10+ */ background: linear-gradient(to bottom, #cdecff 0%,#81d0ff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdecff', endColorstr='#81d0ff',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; padding: 16px; vertical-align: middle; } #BSBNav .BSBNav-icn { margin: 0 12px 0 0; } #BSBNav h2.BSBNav-title { font-size: 32px; line-height: 32px; font-weight: normal; font-family: "Segoe UI", Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 0 0 6px 0; margin: 0; color: #0b6eb6; } #BSBNav ul.BSBNav-root { margin: 0; padding: 0; float: left; } #BSBNav li.BSBNav-item { margin: 0 ; padding: 0; list-style: none; float: left; background: transparent; } #BSBNav .vertical-splitter, #BSBNav a.BSBNav-link, #BSBNav a.BSBNav-link:link, #BSBNav a.BSBNav-link:visited { float: left; display: block; font-size: 14px; line-height: 14px; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-weight: normal; color: #2f2f2f; text-decoration: none; } #BSBNav a.BSBNav-link:hover, #BSBNav a.BSBNav-link:focus { color: #000; text-decoration: underline; } #BSBNav .vertical-splitter { font-size: 10px; padding: 0 6px; } #BSBNav .BSBNav-notch { position: absolute; top: -6px; left: 30px; border-top: 0; border-left: 8px solid transparent; display: none; border-right: 8px solid transparent; border-bottom: 8px solid #fff; padding: 0; width: 0; height: 0; font-size: 0; line-height: 0; _border-right-color: #fff; _border-left-color: #fff; _filter: chroma(color=#fff); } /* Button */ /********************************************************************/ a.BSBbtn, a.BSBbtn:link, a.BSBbtn:visited { display: inline-block; font-family: "Segoe UI", Arial, Helvetica, sans-serif; vertical-align: middle; font-size: 12px; line-height: 18px; color: #0b6eb6; text-decoration: none; padding: 0 4px; cursor: pointer; text-align: center; font-weight: normal; } a.BSBbtn:hover, a.BSBbtn:focus { color: #222; text-decoration: none; } a.BSBbtn-back .BSBbtn-text, a.BSBbtn-back:link .BSBbtn-text, a.BSBbtn-back:visited .BSBbtn-text { color: #666666; text-decoration: underline; } a.BSBbtn-back:hover .BSBbtn-text, a.BSBbtn-back:focus .BSBbtn-text { color: #000; } .BSBbtn-height { height: 21px; padding-top: 3px; } a.BSBbtn-large, a.BSBbtn-large:link, a.BSBbtn-large:visited { font-size: 20px; line-height: 24px; font-weight: normal; padding: 8px 16px; } a.BSBbtn-medium, a.BSBbtn-medium:link, a.BSBbtn-medium:visited { font-size: 16px; line-height: 18px; font-weight: normal; padding: 4px 10px; } a.BSBbig-icn, a.BSBbig-icn:link, a.BSBbig-icn:visited { padding: 8px 16px; text-align: left; position: relative; } .icn-wrapper { background-image: url(images/icn-reg-strip.png); background-repeat: no-repeat; vertical-align: middle; background-color: transparent; height: 18px; width: 18px; display: inline-block; margin: 0 4px 0 0;} .BSBbtn-text { display: inline-block; vertical-align: middle; } a.BSBbtn-medium .BSBbtn-text, a.BSBbtn-medium:link .BSBbtn-text, a.BSBbtn-medium:visited .BSBbtn-text { margin: -1px 0 0 0; } .icn-edit { background-position: 0 0; } a.BSBbtn-icn:hover .icn-edit, a.BSBbtn-icn:focus .icn-edit { background-position: 0 -18px; } .icn-search { background-position: -18px 0; } a.BSBbtn-icn:hover .icn-search, a.BSBbtn-icn:focus .icn-search { background-position: -18px -18px; } .icn-archive { background-position: -36px 0; } a.BSBbtn-icn:hover .icn-archive, a.BSBbtn-icn:focus .icn-archive { background-position: -36px -18px; } .icn-clone { background-position: -54px 0; } a.BSBbtn-icn:hover .icn-clone, a.BSBbtn-icn:focus .icn-clone { background-position: -54px -18px; } .icn-menu { background-position: -72px 0; } a.BSBbtn-icn:hover .icn-menu, a.BSBbtn-icn:focus .icn-menu { background-position: -72px -18px; } .icn-back { background-position: -108px 0; } a.BSBbtn-icn:hover .icn-back, a.BSBbtn-icn:focus .icn-back { background-position: -108px -18px; } .icn-remove { background-position: -162px 0; } a.BSBbtn-icn:hover .icn-remove, a.BSBbtn-icn:focus .icn-remove { background-position: -162px -18px; } .icn-collapsed { background-position: -180px 0; } a.BSBbtn-icn:hover .icn-collapsed, a.BSBbtn-icn:focus .icn-collapsed { background-position: -180px -18px; } .icn-expanded { background-position: -198px 0; } a.BSBbtn-icn:hover .icn-expanded, a.BSBbtn-icn:focus .icn-expanded { background-position: -198px -18px; } .icn-setting { background-position: -216px 0; } a.BSBbtn-icn:hover .icn-setting, a.BSBbtn-icn:focus .icn-setting { background-position: -216px -18px; } .icn-close { background-position: -252px 0; } a.BSBbtn-icn:hover .icn-close, a.BSBbtn-icn:focus .icn-close { background-position: -252px -18px; } .icn-open { background-position: -232px 0; } a.BSBbtn-icn:hover .icn-open, a.BSBbtn-icn:focus .icn-open { background-position: -232px -18px; } .icn-add-new { background-position: -270px 0; } a.BSBbtn-icn:hover .icn-add-new, a.BSBbtn-icn:focus .icn-add-new { background-position: -270px -18px; } .icn-list { background-position: -288px 0; } a.BSBbtn-icn:hover .icn-list, a.BSBbtn-icn:focus .icn-list { background-position: -288px -18px; } .icn-graph { background-position: -306px 0; } a.BSBbtn-icn:hover .icn-graph, a.BSBbtn-icn:focus .icn-graph { background-position: -306px -18px; } .icn-email { background-position: -324px 0; } a.BSBbtn-icn:hover .icn-email, a.BSBbtn-icn:focus .icn-email { background-position: -324px -18px; } .icn-excel { background-position: -360px 0; } a.BSBbtn-icn:hover .icn-excel, a.BSBbtn-icn:focus .icn-excel { background-position: -360px -18px; } .icn-csv { background-position: -378px 0; } a.BSBbtn-icn:hover .icn-csv, a.BSBbtn-icn:focus .icn-csv { background-position: -378px -18px; } .icn-help { background-position: -396px 0; } a.BSBbtn-icn:hover .icn-help, a.BSBbtn-icn:focus .icn-help { background-position: -396px -18px; } .icn-next { background: url(images/icn-green-next.png) 0 0 no-repeat transparent; margin: 0; } .icn-skip { background: url(images/icn-blue-skip.png) 0 0 no-repeat transparent; margin: 0; } .icn-save { background: url(images/icn-blue-save.png) 0 0 no-repeat transparent; margin: 0; } .icn-add { background: url(images/icn-green-add.png) 0 0 no-repeat transparent; margin: 0; } .icn-delete { background: url(images/icn-red-delete.png) 0 0 no-repeat transparent; margin: 0; } .icn-switch { background: url(images/icn-green-switch.png) 0 0 no-repeat transparent; margin: 0; } .icn-manage { } a.BSBbtn-medium .icn-wrapper, a.BSBbtn-medium:link .icn-wrapper, a.BSBbtn-medium:visited .icn-wrapper { height: 24px; width: 24px; } a.BSBbtn-medium .BSBbtn-saparetor, a.BSBbtn-medium:link .BSBbtn-saparetor, a.BSBbtn-medium:visited .BSBbtn-saparetor { height: 24px; margin: 0 2px; } a.BSBbtn-green, a.BSBbtn-green:link, a.BSBbtn-green:visited { background: #b4f340; /* Old browsers */ background: -moz-linear-gradient(top, #b4f340 0%, #79c413 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4f340), color-stop(100%,#79c413)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b4f340 0%,#79c413 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b4f340 0%,#79c413 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b4f340 0%,#79c413 100%); /* IE10+ */ background: linear-gradient(to bottom, #b4f340 0%,#79c413 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4f340', endColorstr='#79c413',GradientType=0 ); /* IE6-9 */ -moz-box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.5), 0 6px 0 #568711, 2px 6px 8px rgba(0,0,0,0.5); /* Mozilla */ -webkit-box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.5), 0 6px 0 #568711, 2px 6px 8px rgba(0,0,0,0.5); /* Chrome,Safari */ box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.5), 0 6px 0 #568711, 2px 6px 8px rgba(0,0,0,0.5); /* W3C */ text-shadow: 1px 1px #c6ea91; margin: 0 0 7px 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #213900; } a.BSBbtn-blue, a.BSBbtn-blue:link, a.BSBbtn-blue:visited { background: #69d3fe; /* Old browsers */ background: -moz-linear-gradient(top, #69d3fe 0%, #1fa3e4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#69d3fe), color-stop(100%,#1fa3e4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #69d3fe 0%,#1fa3e4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #69d3fe 0%,#1fa3e4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #69d3fe 0%,#1fa3e4 100%); /* IE10+ */ background: linear-gradient(to bottom, #69d3fe 0%,#1fa3e4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69d3fe', endColorstr='#1fa3e4',GradientType=0 ); /* IE6-9 */ -moz-box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.3), 0 6px 0 #005376, 2px 6px 8px rgba(0,0,0,0.5); /* Mozilla */ -webkit-box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.3), 0 6px 0 #005376, 2px 6px 8px rgba(0,0,0,0.5); /* Chrome,Safari */ box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.3), 0 6px 0 #005376, 2px 6px 8px rgba(0,0,0,0.5); /* W3C */ text-shadow: 1px 1px #98d7f5; margin: 0 0 7px 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #00374e; } a.BSBbtn-green:hover, a.BSBbtn-green:focus { -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.5), 0 6px 0 #3a6600, 2px 6px 8px rgba(0,0,0,0.5); /* Mozilla */ -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5), 0 6px 0 #3a6600, 2px 6px 8px rgba(0,0,0,0.5); /* Chrome,Safari */ box-shadow: inset 0 0 4px rgba(0,0,0,0.5), 0 6px 0 #3a6600, 2px 6px 8px rgba(0,0,0,0.5); /* W3C */ text-decoration: none; } a.BSBbtn-green:active { -moz-box-shadow: inset 0 0 9px rgba(0,0,0,0.8), 0 6px 0 #274500, 2px 6px 8px rgba(0,0,0,0.5); /* Mozilla */ -webkit-box-shadow: inset 0 0 9px rgba(0,0,0,0.8), 0 6px 0 #274500, 2px 6px 8px rgba(0,0,0,0.5); /* Chrome,Safari */ box-shadow: inset 0 0 9px rgba(0,0,0,0.8), 0 6px 0 #274500, 2px 6px 8px rgba(0,0,0,0.5); /* W3C */ } a.BSBbtn-blue:hover, a.BSBbtn-blue:focus {-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.5), 0 6px 0 #003d56, 2px 6px 8px rgba(0,0,0,0.5); /* Mozilla */ -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5), 0 6px 0 #003d56, 2px 6px 8px rgba(0,0,0,0.5); /* Chrome,Safari */ box-shadow: inset 0 0 4px rgba(0,0,0,0.5), 0 6px 0 #003d56, 2px 6px 8px rgba(0,0,0,0.5); /* W3C */ text-decoration: none; } a.BSBbtn-blue:active { -moz-box-shadow: inset 0 0 9px rgba(0,0,0,0.8), 0 6px 0 #003d56, 2px 6px 8px rgba(0,0,0,0.5); /* Mozilla */ -webkit-box-shadow: inset 0 0 9px rgba(0,0,0,0.8), 0 6px 0 #003d56, 2px 6px 8px rgba(0,0,0,0.5); /* Chrome,Safari */ box-shadow: inset 0 0 9px rgba(0,0,0,0.8), 0 6px 0 #003d56, 2px 6px 8px rgba(0,0,0,0.5); /* W3C */ } a.BSBbtn-green .BSBbtn-saparetor, a.BSBbtn-green:link .BSBbtn-saparetor, a.BSBbtn-green:visited .BSBbtn-saparetor { border-left: 1px solid #bee87d; border-right: 1px solid #599c00; } a.BSBbtn-blue .BSBbtn-saparetor, a.BSBbtn-blue:link .BSBbtn-saparetor, a.BSBbtn-blue:visited .BSBbtn-saparetor { border-left: 1px solid #7ad9ff; border-right: 1px solid #008bcf; } a.BSBbtn-gray, a.BSBbtn-gray:link, a.BSBbtn-gray:visited { border: 1px solid #e1e1e1; background: #f3f3f3; color: #666666; padding: 3px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } a.BSBbtn-gray:hover, a.BSBbtn-gray:focus { background-color: #ceecff; border-color: #83d1ff; text-decoration: none; } a.BSBbtn-action, a.BSBbtn-action:link, a.BSBbtn-action:visited { border: 1px solid #83d1ff; background: #ceecff; color: #666666; padding: 3px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } a.BSBbtn-margin { margin: 0 4px; } a.BSBbtn-disable { opacity: 0.3; filter: alpha(opacity=30); } a.row-action, a.row-action:link, a.row-action:visited { position: absolute; top: 20px; right: 18px; display: none; } .icn-big-green-add { display: inline-block; height: 42px; width: 42px; background: url(images/big-green-add.png) 0 0 no-repeat transparent; margin: 0; } .icn-nav-menu { display: block; height: 42px; width: 42px; background: url(images/big-green-menu.png) 0 0 no-repeat transparent; } a.BSBbtn-help, a.BSBbtn-help:link, a.BSBbtn-help:visited { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #000; background: url(images/icn-help.png) top right no-repeat transparent; vertical-align: baseline; display: inline-block; text-decoration: none; padding: 36px 42px 0 0; font-weight: normal; } a.toggleButton, a.toggleButton:link, a.toggleButton:visited { background: #e2e2e2; border: 1px solid #d6d6d6; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #737272; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none; padding: 3px 10px 5px 10px; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; -moz-box-shadow: inset 0 0 0 1px #FFFFFF, 0 0 5px #e7e7e7; -webkit-box-shadow: inset 0 0 0 1px #FFFFFF, 0 0 5px #e7e7e7; box-shadow: inset 0 0 0 1px #FFFFFF, 0 0 5px #e7e7e7; } a.toggleButton:hover, a.toggleButton:focus { background: #cdecff; /* Old browsers */ background: -moz-linear-gradient(top, #cdecff 0%, #81d0ff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdecff), color-stop(100%,#81d0ff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cdecff 0%,#81d0ff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cdecff 0%,#81d0ff 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(top, #cdecff 0%,#81d0ff 100%); /* IE10+ */ background: linear-gradient(to bottom, #cdecff 0%,#81d0ff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdecff', endColorstr='#81d0ff',GradientType=0 ); /* IE6-9 */ border: 1px solid #85c4f5; -moz-box-shadow: inset 0 0 0 1px #FFFFFF; -webkit-box-shadow: inset 0 0 0 1px #FFFFFF; box-shadow: inset 0 0 0 1px #FFFFFF; } a.activeToggleButton, a.activeToggleButton:link, a.activeToggleButton:visited, a.activeToggleButton:hover, a.activeToggleButton:focus { background: #b4f340; /* Old browsers */ background: -moz-linear-gradient(top, #b4f340 0%, #79c413 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4f340), color-stop(100%,#79c413)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b4f340 0%,#79c413 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b4f340 0%,#79c413 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b4f340 0%,#79c413 100%); /* IE10+ */ background: linear-gradient(to bottom, #b4f340 0%,#79c413 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4f340', endColorstr='#79c413',GradientType=0 ); /* IE6-9 */ border: 1px solid #60a500; -moz-box-shadow: inset 0 0 0 1px #FFFFFF; color: #335700; -webkit-box-shadow: inset 0 0 0 1px #FFFFFF; box-shadow: inset 0 0 0 1px #FFFFFF; } /* Grid System */ /********************************************************************/ .wrap5 { width: 5%; } .wrap10 { width: 10%; } .wrap15 { width: 15%; } .wrap20 { width: 20%; } .wrap23 { width: 23%; } .wrap25 { width: 25%; } .wrap27 { width: 27%; } .wrap30 { width: 30%; } .wrap31 { width: 31%; } .wrap33 { width: 33%; } .wrap35 { width: 35%; } .wrap39 { width: 39%; } .wrap39-5 { width: 39.5%; } .wrap40 { width: 40%; } .wrap48 { width: 48%; } .wrap45 { width: 45%; } .wrap50 { width: 50%; } .wrap55 { width: 55%; } .wrap60 { width: 60%; } .wrap65 { width: 65%; } .wrap70 { width: 70%; } .wrap75 { width: 75%; } .wrap76 { width: 76%; } .wrap80 { width: 80%; } .wrap85 { width: 85%; } .wrap90 { width: 90%; } .wrap95 { width: 95%; } .wrap100 { width: 100%; } .width300 { width: 300px; } .row { display: table; width: 100%; border-collapse: separate; } .col { float: left; } .table-cell { display: table-cell; text-align: left; vertical-align: middle; *display: inline; zoom: 1; } .label { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 14px; color: #737272; } .label-blue { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 14px; color: #1492df; } .no-wrap { white-space: nowrap;} /* Table Grid */ /********************************************************************/ #BSBGrid { padding: 18px; } #BSBtab-content #BSBGrid { padding: 0; } #BSBGrid .grid-wrapper { padding: 0 0 48px 0; } #BSBGrid .grid-last-wrapper { padding: 0; } #BSBGrid .grid-wrapper .grid-header { padding: 0 0 6px 0; } #BSBGrid .grid-header, #BSBGrid .edit-row .header{ border-bottom: 1px dashed #c7c7c7; display: table; width: 100%; border-collapse: separate; font-family: "Barlow Medium"; } #BSBGrid .edit-row { background: url("images/paper-bg.jpg") repeat scroll 0 0 #F4F4F4; border: 1px solid #DADADA; padding: 12px; display: none; position: relative; } #BSBGrid .edit-row-notch { position: absolute; top: -6px; left: 50%; border-top: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #F4F4F4; padding: 0; margin: 0 0 0 -4px; width: 0; height: 0; font-size: 0; line-height: 0; _border-right-color: #F4F4F4; _border-left-color: #F4F4F4; _filter: chroma(color=#F4F4F4); } #BSBGrid .horizontal-line { background: #e5e5e5; height: 1px; float: left; width: 100% } #BSBGrid .cell-gray { background: #f3f3f3; float: left; width: 94% } #BSBGrid .cell-gray-large { background: #f3f3f3; float: left; width: 96% } #BSBGrid .header-gray { background: #f3f3f3; width: 100%} #BSBGrid .grid-header a.BSBbtn-icn, #BSBGrid .grid-header a.BSBbtn-icn:link, #BSBGrid .grid-header a.BSBbtn-icn:visited { font-size: 14px; line-height: 18px; } #BSBGrid .grid-header-text { font-family: "Segoe UI", Arial, Helvetica, sans-serif; vertical-align: middle; font-size: 14px; line-height: 20px; display: block; padding: 0 0 6px 0; } #BSBGrid .text-blue { color: #0b6eb6; } #BSBGrid .label-info { display: inline-block; height: 18px; width: 18px; cursor: pointer; margin: 0 0 0 6px; background: url(images/icn-reg-strip.png) -126px 0 no-repeat transparent; } #BSBGrid .label-info:hover { background-position: -126px -18px; } #BSBGrid .grid-header .grid-header-actions { padding: 8px 0 0 0; } #BSBGrid .grid-row { display: table; width: 100%; border-collapse: separate; } #BSBGrid .grid-footer { background: #c4c4c4; padding: 12px 0; width: 100%; } #BSBGrid .grid-header .row-actions-header, #BSBGrid .grid-row .hierarchy-content { padding: 0 12px; } #BSBGrid .grid-row .right-align { text-align: right; } #BSBGrid .grid-body { background: #fff; border: 1px solid #e5e5e5; padding: 2px; } #BSBGrid .gray-body { background: #f3f3f3; border: 1px solid #e5e5e5; padding: 2px; } #BSBGrid .grid-row { vertical-align: middle; background: #fff; padding: 12px 0; position: relative; } #BSBGrid .sortable-row { cursor: move; border: 1px dashed transparent; } #BSBGrid .sortable-row:hover { border-color: #d2d2d2; } #BSBGrid .grid-alt-row { background: #f7f7f7; } #BSBGrid .disable-row { background: #ffecec; } #BSBGrid .disable-alt-row { background: #ffe2e2; } #BSBGrid .disable-row .row-counter { color: #ffd6d6; } #BSBGrid .disable-alt-row .row-counter { color: #ffc9c9; } #BSBGrid .disable-row .btn-edit, #BSBGrid .disable-alt-row .btn-edit { display: none; } #BSBGrid .disable-link { background: #ffecec; pointer-events: none; cursor: default;} #BSBGrid .row-errors { background: #ffecec; border: 1px solid #ffd6d6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #BSBGrid .row-errors ul.error-wrapper { margin: 0 0 0 24px; padding: 12px; } #BSBGrid .row-errors li.error-text { margin: 2px 0; padding: 0; color: #e51937; list-style: disc; font-family: "Segoe UI", Arial, Helvetica, sans-serif; vertical-align: middle; font-size: 14px; line-height: 18px; font-weight: normal; } #BSBGrid h3.grid-title { margin: 0 0 12px 0; padding: 0; font-family: "Segoe UI", Arial, Helvetica, sans-serif; vertical-align: middle; font-size: 24px; line-height: 28px; font-weight: normal; color: #222; } #BSBGrid .row-counter, #BSBGrid .row-content { display: inline-block; vertical-align: middle; *display: inline; zoom: 1; padding: 0 12px; } #BSBGrid .row-counter { font-size: 36px; line-height: 42px; color: #d9d9d9; padding: 0 0 0 12px; width: 42px; text-align: center; font-family: "Segoe UI", Arial, Helvetica, sans-serif; position: relative; } #BSBGrid .row-alert { position: absolute; top: 4px; right: 0px; height: 18px; width: 18px; background: url(images/icn-reg-strip.png) -144px 0 no-repeat transparent; } #BSBGrid .row-changeFlag { position: absolute; top: 4px; right: 0px; height: 18px; width: 18px; background: url(images/icn-reg-strip.png) no-repeat transparent; } #BSBGrid h4.row-title { margin: 0; padding: 0; font-family: "Segoe UI", Arial, Helvetica, sans-serif; vertical-align: middle; font-size: 18px; line-height: 24px; font-weight: normal; color: #0b6eb6; display: block;} #BSBGrid h4.row-title span { vertical-align: middle; } #BSBGrid .gridrow-title { font-family: "Segoe UI", Arial, Helvetica, sans-serif; vertical-align: middle; font-size: 18px; line-height: 28px; font-weight: normal; color: #000000; } #BSBGrid .row-text { font-family: "Segoe UI", Arial, Helvetica, sans-serif; vertical-align: middle; font-size: 12px; line-height: 18px; font-weight: normal; color: #666; } #BSBGrid .row-footer { padding: 12px; background-color: #ececec; clear: both; border-top: 1px dashed #666666; display: none; } #BSBGrid .row-footer .hierarchy-content { display: inline-block; vertical-align: middle; *display: inline; zoom: 1; width: auto; margin: 0 12px 0 0; padding: 0;} #BSBGrid .grid-advace-section { padding: 12px; } #BSBGrid .grid-advance-header { border-bottom: 1px dashed #C7C7C7; } #BSBGrid h3.grid-advance-title { margin: 0 0 12px 0; padding: 0; font-family: "Segoe UI", Arial, Helvetica, sans-serif; vertical-align: middle; font-size: 20px; line-height: 26px; font-weight: normal; color: #0b6eb6; } #BSBGrid .grid-advance-title-text { float: left; } #BSBGrid a.grid-accordion-button, #BSBGrid a.grid-accordion-button:link, #BSBGrid a.grid-accordion-button:visited { float: left; display: block; text-decoration: none; margin: 3px 0 0 6px; } #BSBGrid a.grid-accordion-button .icn-accordion-collapsed, #BSBGrid a.grid-accordion-button:link .icn-accordion-collapsed, #BSBGrid a.grid-accordion-button:visited .icn-accordion-collapsed { float: left; display: block; height: 24px; width: 24px; background: url(images/icn-accordion-button.png) left top no-repeat transparent; } #BSBGrid a.grid-accordion-button:hover .icn-accordion-collapsed { background-position: right top; } #BSBGrid a.grid-accordion-button .icn-accordion-expanded, #BSBGrid a.grid-accordion-button:link .icn-accordion-expanded, #BSBGrid a.grid-accordion-button:visited .icn-accordion-expanded { float: left; display: block; height: 24px; width: 24px; background: url(images/icn-accordion-button.png) left bottom no-repeat transparent; } #BSBGrid a.grid-accordion-button:hover .icn-accordion-expanded { background-position: right bottom; } .RadGrid_sReg { background: #fff; margin: 0; padding: 1px; border: 2px solid #E7E7E7; } .RadGrid_sReg .rgHeaderDiv { background: #cdecff; /* Old browsers */ background: -moz-linear-gradient(top, #cdecff 0%, #81d0ff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdecff), color-stop(100%,#81d0ff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cdecff 0%,#81d0ff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cdecff 0%,#81d0ff 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(top, #cdecff 0%,#81d0ff 100%); /* IE10+ */ background: linear-gradient(to bottom, #cdecff 0%,#81d0ff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdecff', endColorstr='#81d0ff',GradientType=0 ); /* IE6-9 */ -moz-box-shadow: inset 0 0 0 1px #ccecfd; -webkit-box-shadow: inset 0 0 0 1px #ccecfd; box-shadow: inset 0 0 0 1px #ccecfd; border: 1px solid #85c4f5; padding: 4px 17px 4px 0; margin: auto !important; width: auto !important; } .RadGrid_sRegNoHeader .rgHeaderDiv { padding: 0; border: none; height: 0; line-height: 0;} .RadGrid_sReg thead tr th, .RadGrid_sReg thead tr td { border-left: 1px solid #85c4f5; border-right: 1px solid #ccecfd; padding: 4px 6px; } .RadGrid_sReg thead tr th.sReg-HeaderFirstCol, .RadGrid_sReg thead tr td.sReg-HeaderFirstCol { border-left: none; } .RadGrid_sReg .sReg-RowCol { border-left: 1px solid #fff; border-right: 1px solid #d7d7d7; } .RadGrid_sReg .rgHeaderDiv .rgMasterTable { border-right: 1px solid #ccecfd; } .RadGrid_sReg .sReg-Grid60 { width: 60px; } .RadGrid_sReg thead, .RadGrid_sReg thead a, .RadGrid_sReg thead a:link, .RadGrid_sReg thead a:visited { color: #222222; font-family: "Segoe UI",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: 500; line-height: 20px; vertical-align: middle; } .RadGrid_sReg thead a:hover, .RadGrid_sReg thead a:focus { color: #2271B4; text-decoration: underline; } .RadGrid_sReg thead .rgFilterRow input.rgFilterBox { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #737272; padding: 8px; border: 4px solid rgba(0,0,0,0.1); _border: 4px solid #e9e9e9; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; outline: none; -moz-box-shadow: inset 1px 1px 4px #cacaca; -webkit-box-shadow: inset 1px 1px 4px #cacaca; box-shadow: inset 1px 1px 4px #cacaca; width: 160px; } .RadGrid_sReg thead .rgFilterRow input.rgFilter { background: url(images/icn-reg-strip.png) -342px 0 no-repeat transparent; height: 18px; width: 18px; } .RadGrid_sReg thead .rgFilterRow input.rgFilter:hover, .RadGrid_sReg thead .rgFilterRow input.rgFilter:focus { background-position: -342px -18px; } .RadGrid_sReg tfoot { background: #E7E7E7; } .RadGrid_sReg tfoot th { display: none; } .RadGrid_sReg tfoot td.rgPagerCell { padding: 12px; } .RadGrid_sReg tfoot, .RadGrid_sReg .rgPager { background: #E7E7E7; } .RadGrid_sReg tfoot th, .RadGrid_sReg .rgPager th { display: none; } .RadGrid_sReg tfoot td.rgPagerCell, .RadGrid_sReg .rgPager .rgPagerCell { padding: 12px; } .RadGrid_sReg tfoot td.rgPagerCell, .RadGrid_sReg tfoot td.rgPagerCell span, .RadGrid_sReg tfoot td.rgPagerCell a, .RadGrid_sReg tfoot td.rgPagerCell a:link, .RadGrid_sReg tfoot td.rgPagerCell a.rgCurrentPage, .RadGrid_sReg tfoot td.rgPagerCell a.rgCurrentPage:link, .RadGrid_sReg tfoot td.rgPagerCell a.rgCurrentPage:link, .RadGrid_sReg .rgPager .rgPagerCell, .RadGrid_sReg .rgPager .rgPagerCell span, .RadGrid_sReg .rgPager .rgPagerCell a, .RadGrid_sReg .rgPager .rgPagerCell a:link, .RadGrid_sReg .rgPager .rgPagerCell a.rgCurrentPage, .RadGrid_sReg .rgPager .rgPagerCell a.rgCurrentPage:link { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; color: #0B6EB6; text-decoration: none; } .RadGrid_sReg tfoot td.rgPagerCell a:hover, .RadGrid_sReg tfoot td.rgPagerCell a:focus, .RadGrid_sReg tfoot td.rgPagerCell a.rgCurrentPage, .RadGrid_sReg tfoot td.rgPagerCell a.rgCurrentPage:link, .RadGrid_sReg tfoot td.rgPagerCell a:hover span, .RadGrid_sReg tfoot td.rgPagerCell a:focus span, .RadGrid_sReg tfoot td.rgPagerCell a.rgCurrentPage span, .RadGrid_sReg tfoot td.rgPagerCell a.rgCurrentPage:link span, .RadGrid_sReg tfoot td.rgPagerCell a.rgCurrentPage:link span, .RadGrid_sReg .rgPager .rgPagerCell a:hover, .RadGrid_sReg .rgPager .rgPagerCell a:focus, .RadGrid_sReg .rgPager .rgPagerCell a.rgCurrentPage, .RadGrid_sReg .rgPager .rgPagerCell a.rgCurrentPage:link, .RadGrid_sReg .rgPager .rgPagerCell a:hover span, .RadGrid_sReg .rgPager .rgPagerCell a:focus span, .RadGrid_sReg .rgPager .rgPagerCell a.rgCurrentPage span, .RadGrid_sReg .rgPager .rgPagerCell a.rgCurrentPage:link span { color: #000; } .RadGrid_sReg tbody tr.rgRow td, .RadGrid_sReg tbody tr.rgAltRow td, .RadGrid_sReg tbody tr.rgNoRecords td { padding: 4px 6px; vertical-align: middle; font-family: "Segoe UI",Arial,Helvetica,sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; color: #737272; } .RadGrid_sReg tbody tr.rgSelected { background: #222; } .RadGrid_sReg tbody tr.rgAltRow { background: #F7F7F7; } .RadGrid_sReg tbody tr.rgNoRecords { background: #cdcdcd; } .RadGrid_sReg tbody tr.rgNoRecords td { text-align: center; } .RadGrid_sReg tbody tr td.sReg-SelectedCol { font-weight: bold; } .sReg-clearBoth { clear:both; font-size: 0px; line-height: 0px; height: 0px; } .sReg-FilterMenu { float:right; position: relative; } .sReg-FilterMenu .sReg-FilterIcon { display: block; height: 18px; width: 18px; background: transparent url(images/icn-reg-strip.png) -342px 0 no-repeat; } .sReg-ActiveMenu .sReg-FilterIcon, .sReg-FilterMenu:hover .sReg-FilterIcon { background-position: -342px -18px; } .sReg-FilterDropDown { display: none; margin: 0; padding: 6px; border: 4px solid #82d0ff; background: #fff; -moz-box-shadow: 4px 4px 8px rgba(0,0,0,0.4); -webkit-box-shadow: 4px 4px 8px rgba(0,0,0,0.4); box-shadow: 4px 4px 8px rgba(0,0,0,0.4); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: 220px; position: absolute; z-index: 4444; } .sReg-FilterDropDown ul.sReg-FilterOptions { margin: 0; padding: 0; } .sReg-FilterDropDown li.sReg-FOItem { margin: 0; padding: 2px 0; list-style: none; background: transparent; } .sReg-FilterDropDown a.sReg-FOLinks, .sReg-FilterDropDown a.sReg-FOLinks:link, .sReg-FilterDropDown a.sReg-FOLinks:visited { font-family: "Segoe UI",Arial,Helvetica,sans-serif; cursor: pointer; font-size: 12px; line-height: 18px; font-weight: normal; color: #0a6fb7; display: inline-block; *display: inline; *zoom: 1; margin: 0 6px 0 0; text-decoration: underline; } .sReg-FilterDropDown a.sReg-FOLinks:hover, .sReg-FilterDropDown a.sReg-FOLinks:focus { color: #000; } .sReg-FilterDropDown input.sReg-FOInput { margin: 0; padding: 4px; font-family: "Segoe UI",Arial,Helvetica,sans-serif; cursor: pointer; font-size: 12px; line-height: 18px; font-weight: normal; color: #7e7c7d; border: 1px solid #dadada; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .sReg-FilterDropDown input.sReg-FOInput:hover, .sReg-FilterDropDown input.sReg-FOInput:focus { border-color: #4d4d4d; } .sReg-FilterDropDown .RadListBox .rlbList { margin: 0; padding: 0; max-height: 150px; overflow-y: auto; } .sReg-FilterDropDown .RadListBox .rlbItem { margin: 0; padding: 0; list-style: none; } .RadMenu_sReg ul.rmGroup { margin: 0; padding: 6px; border: 4px solid #82d0ff; background: #fff; -moz-box-shadow: 4px 4px 8px rgba(0,0,0,0.4); -webkit-box-shadow: 4px 4px 8px rgba(0,0,0,0.4); box-shadow: 4px 4px 8px rgba(0,0,0,0.4); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; min-width: 200px; _width: 200px; } .RadMenu_sReg li.rmItem { margin: 0; padding: 0; float: none; } .RadMenu_sReg a.rmLink, .RadMenu_sReg a.rmLink:link, .RadMenu_sReg a.rmLink:visited, .RadMenu_sReg a.rmLink .rmText, .RadMenu_sReg a.rmLink .rmText:link, .RadMenu_sReg a.rmLink .rmText:visited { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #737272; margin: 0; padding: 0; } .RadMenu_sReg a.rmLink, .RadMenu_sReg a.rmLink:link, .RadMenu_sReg a.rmLink:visited { display: block; padding: 6px; cursor: pointer; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .RadMenu_sReg a.rmLink:hover, .RadMenu_sReg a.rmLink:focus, .RadMenu_sReg a.rmLink:hover .rmText, .RadMenu_sReg a.rmLink:focus .rmText { background: #82d0ff; color: #000; text-decoration: none; } /* Tabs */ /********************************************************************/ #BSBtabs { position: relative; padding: 0 12px; margin: 0 0 -6px 0; } #BSBtab-content { position: relative; padding: 18px; background: url(images/paper-bg.jpg) 0 0 repeat #f4f4f4; border: 1px solid #dadada; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #BSBtab-other-content { position: relative; padding: 2px; background: url(images/paper-bg.jpg) 0 0 repeat #f4f4f4; border: 1px solid #dadada; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .BSBtab-shadow { position: absolute; bottom: 4px; left: 0; width: 100%; height: 12px; background: url(images/tab-shadow.png) 0 0 no-repeat transparent; } #BSBtabs a.BSBtab-link, #BSBtabs a.BSBtab-link:link, #BSBtabs a.BSBtab-link:visited { background: #e9e9e9; border: 1px solid #e9e9e9; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; color: #d6d6d6; text-decoration: none; border-radius: 4px 4px 0 0; padding: 12px; vertical-align: middle; display: inline-block; } #BSBtabs a.BSBtab-link:hover, #BSBtabs a.BSBtab-link:focus { -moz-box-shadow: inset 0 0 0 1px #FFFFFF, 0 0 5px #e7e7e7; -webkit-box-shadow: inset 0 0 0 1px #FFFFFF, 0 0 5px #e7e7e7; box-shadow: inset 0 0 0 1px #FFFFFF, 0 0 5px #e7e7e7; border-color: #d6d6d6; background: #e2e2e2; } #BSBtabs a.BSBtab-link:hover .BSBtab-counter, #BSBtabs a.BSBtab-link:focus .BSBtab-counter{ text-shadow: 1px 1px 0 #fff; color: #bbbbbb; } #BSBtabs a.BSBtab-link:hover .BSBtab-head, #BSBtabs a.BSBtab-link:focus .BSBtab-head, #BSBtabs a.BSBtab-link:hover .BSBtab-text, #BSBtabs a.BSBtab-link:focus .BSBtab-text #BSBtabs a.BSBtab-link:hover .BSBtab-counter-text, #BSBtabs a.BSBtab-link:focus .BSBtab-counter-text { color: #bdbdbd; } #BSBtabs .BSBtab-separator { border-left: 1px solid #fff; border-right: 1px solid #d6d6d6; height: 56px; margin: -6px 8px; } #BSBtabs .BSBtab-counter { font-family: Arial, Helvetica, sans-serif; font-size: 42px; line-height: 36px; font-weight: normal; display: block; text-align: center;} #BSBtabs .BSBtab-counter-text { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; font-weight: normal; display: block; text-align: center; color: #b8b8b8; } #BSBtabs .BSBtab-head { font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 28px; font-weight: normal; display: block; color: #b8b8b8; } #BSBtabs .BSBtab-text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; font-weight: normal; display: block; color: #b8b8b8; } #BSBtabs a.BSBActiveTab-link, #BSBtabs a.BSBActiveTab-link:link, #BSBtabs a.BSBActiveTab-link:visited { background: #cdecff; /* Old browsers */ background: -moz-linear-gradient(top, #cdecff 0%, #81d0ff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdecff), color-stop(100%,#81d0ff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cdecff 0%,#81d0ff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cdecff 0%,#81d0ff 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(top, #cdecff 0%,#81d0ff 100%); /* IE10+ */ background: linear-gradient(to bottom, #cdecff 0%,#81d0ff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdecff', endColorstr='#81d0ff',GradientType=0 ); /* IE6-9 */ border: 1px solid #85c4f5; -moz-box-shadow: inset 0 0 0 1px #FFFFFF; -webkit-box-shadow: inset 0 0 0 1px #FFFFFF; box-shadow: inset 0 0 0 1px #FFFFFF; } #BSBtabs a.BSBActiveTab-link .BSBtab-counter, #BSBtabs a.BSBActiveTab-link:link .BSBtab-counter, #BSBtabs a.BSBActiveTab-link:visited .BSBtab-counter, #BSBtabs a.BSBActiveTab-link .BSBtab-counter-text, #BSBtabs a.BSBActiveTab-link:link .BSBtab-counter-text, #BSBtabs a.BSBActiveTab-link:visited .BSBtab-counter-text { color: #2271b4; text-shadow: none; } #BSBtabs a.BSBActiveTab-link .BSBtab-head, #BSBtabs a.BSBActiveTab-link:link .BSBtab-head, #BSBtabs a.BSBActiveTab-link:visited .BSBtab-head { color: #0b6eb6; } #BSBtabs a.BSBActiveTab-link .BSBtab-text, #BSBtabs a.BSBActiveTab-link:link .BSBtab-text, #BSBtabs a.BSBActiveTab-link:visited .BSBtab-text { color: #1492df; } #BSBtabs a.BSBActiveTab-link .BSBtab-separator, #BSBtabs a.BSBActiveTab-link:link .BSBtab-separator, #BSBtabs a.BSBActiveTab-link:visited .BSBtab-separator { border-left-color: #dcf2ff; border-right-color: #4cafeb; } #BSBtabs .BSBtabs-nav { position: relative; margin: 0 0 -6px 0; padding: 0 12px; } #BSBtabs .BSBtabs-nav ul.ui-tabs-nav { padding: 0; margin: 0; } #BSBtabs .BSBtabs-nav li.ui-state-default { padding: 0; margin: 0 4px 0 0; list-style: none; float: left; } #BSBtabs .BSBtabs-nav li.ui-tabs-active a.BSBtab-link, #BSBtabs .BSBtabs-nav li.ui-tabs-active a.BSBtab-link:link, #BSBtabs .BSBtabs-nav li.ui-tabs-active a.BSBtab-link:visited, #BSBtabs .BSBtabs-nav li.ui-tabs-selected a.BSBtab-link, #BSBtabs .BSBtabs-nav li.ui-tabs-selected a.BSBtab-link:link, #BSBtabs .BSBtabs-nav li.ui-tabs-selected a.BSBtab-link:visited { background: #cdecff; /* Old browsers */ background: -moz-linear-gradient(top, #cdecff 0%, #81d0ff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdecff), color-stop(100%,#81d0ff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cdecff 0%,#81d0ff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cdecff 0%,#81d0ff 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(top, #cdecff 0%,#81d0ff 100%); /* IE10+ */ background: linear-gradient(to bottom, #cdecff 0%,#81d0ff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdecff', endColorstr='#81d0ff',GradientType=0 ); /* IE6-9 */ border: 1px solid #85c4f5; -moz-box-shadow: inset 0 0 0 1px #FFFFFF; -webkit-box-shadow: inset 0 0 0 1px #FFFFFF; box-shadow: inset 0 0 0 1px #FFFFFF; } #BSBtabs .BSBtabs-nav li.ui-tabs-active a.BSBtab-link .BSBtab-head, #BSBtabs .BSBtabs-nav li.ui-tabs-active a.BSBtab-link:link .BSBtab-head, #BSBtabs .BSBtabs-nav li.ui-tabs-active a.BSBtab-link:visited .BSBtab-head, #BSBtabs .BSBtabs-nav li.ui-tabs-selected a.BSBtab-link .BSBtab-head, #BSBtabs .BSBtabs-nav li.ui-tabs-selected a.BSBtab-link:link .BSBtab-head, #BSBtabs .BSBtabs-nav li.ui-tabs-selected a.BSBtab-link:visited .BSBtab-head { color: #0b6eb6; } #BSBtabs .ui-tabs-panel { background: url(images/paper-bg.jpg) 0 0 repeat #f4f4f4; border: 1px solid #dadada; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; } #BSBtabs .ui-tabs-hide { display: none; } #BSBtabs #BSBGrid .grid-header, #BSBtabs #BSBGrid .edit-row .header { display: block; } /* Form */ /********************************************************************/ #BSBform .BSBform-item { padding: 8px; position: relative; } #BSBform .BSBform-control { padding: 2px 8px; } #BSBform .BSBform-label { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #737272; display: block; position: relative; padding: 0 24px 6px 0; } #BSBform .BSBform-info { position: absolute; top: 50%; right: 0; margin: -9px 0 0 0; height: 18px; width: 18px; cursor: pointer; background: url(images/icn-reg-strip.png) -126px 0 no-repeat transparent; } #BSBform .BSBform-info:hover { background-position: -126px -18px; } #BSBform .BSBform-error { background-color: #cd0000; background: rgba(205,0,0,0.8); display: none; -moz-box-shadow: 0 0 4px #cd0000; -webkit-box-shadow: 0 0 4px #cd0000; box-shadow: 0 0 4px #cd0000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 999; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #fff; padding: 4px 12px; position: absolute; left: 50%; bottom: -10px; margin: 0 0 0 -32%; } #BSBform .BSBform-error .error-notch { position: absolute; top: -6px; left: 50%; border-top: 0; border-left: 6px solid transparent; margin: 0 0 0 -3px; border-right: 6px solid transparent; border-bottom: 6px solid rgba(205,0,0,0.8); padding: 0; width: 0; height: 0; font-size: 0; line-height: 0; _border-right-color: #fff; _border-left-color: #fff; _filter: chroma(color=#fff); } #BSBform .BSBform-message { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #cd0000; display: block; position: relative; } /* Input */ /********************************************************************/ .BSBInput, input.BSBInput, textarea.BSBInput, select.BSBInput { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #737272; padding: 8px; border: 4px solid rgba(0,0,0,0.1); _border: 4px solid #e9e9e9; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; outline: none; -moz-box-shadow: inset 1px 1px 4px #cacaca; -webkit-box-shadow: inset 1px 1px 4px #cacaca; box-shadow: inset 1px 1px 4px #cacaca; } .BSBInput:focus { border-color: #94d7ff; outline: none; } .full-width { width: 100%; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari, Chrome et al */ box-sizing: border-box; /* Opera/IE 8+ */ } .small-width { width: 70%; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari, Chrome et al */ box-sizing: border-box; /* Opera/IE 8+ */ } select.full-width { width: 100%; } input.priceInput {padding: 8px 8px 8px 24px; text-align: right; background: url(images/icn-doller.png) center left no-repeat #fff; } input.priceInput::-ms-clear {display: none;} input.dateInput { padding: 8px 24px 8px 8px; background: url(images/icn-date.png) center right no-repeat #fff; } input.timeInput { padding: 8px 24px 8px 8px; background: #fff; } .timeInputWrapper { display: inline-block; *display: inline; zoom: 1; position: relative; } .timeBtn { position: absolute; top: 9px; right: 4px; height: 24px; width: 24px; background: url(images/icn-time.png) center center no-repeat transparent; cursor: pointer;} /* Mobile Navigation */ /********************************************************************/ #mob-navbar { background: #cdecff; /* Old browsers */ background: -moz-linear-gradient(top, #cdecff 0%, #81d0ff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdecff), color-stop(100%,#81d0ff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cdecff 0%,#81d0ff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cdecff 0%,#81d0ff 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(top, #cdecff 0%,#81d0ff 100%); /* IE10+ */ background: linear-gradient(to bottom, #cdecff 0%,#81d0ff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdecff', endColorstr='#81d0ff',GradientType=0 ); /* IE6-9 */ border: 1px solid #85c4f5; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -moz-box-shadow: inset 0 0 0 1px #FFFFFF, 0px 3px 3px #dcdcdc; -webkit-box-shadow: inset 0 0 0 1px #FFFFFF, 0px 3px 3px #dcdcdc; box-shadow: inset 0 0 0 1px #FFFFFF, 0px 3px 3px #dcdcdc; padding: 12px; position: relative; z-index: 3; display: none; } #mob-navbar a.mob-nav-button, #mob-navbar a.mob-nav-button:link, #mob-navbar a.mob-nav-button:visited { background: #cdecff; /* Old browsers */ background: -moz-linear-gradient(top, #cdecff 0%, #81d0ff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdecff), color-stop(100%,#81d0ff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cdecff 0%,#81d0ff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cdecff 0%,#81d0ff 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(top, #cdecff 0%,#81d0ff 100%); /* IE10+ */ background: linear-gradient(to bottom, #cdecff 0%,#81d0ff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdecff', endColorstr='#81d0ff',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 4px; vertical-align: middle; -moz-box-shadow: 1px 1px 0 #fff; -webkit-box-shadow: 1px 1px 0 #fff; box-shadow: 1px 1px 0 #fff; border: 1px solid #53aaf1; } #mob-navbar a.mob-nav-button:hover, #mob-navbar a.mob-nav-button:focus { -moz-box-shadow: inset 0 0 5px #fff, 1px 1px 0 #fff; -webkit-box-shadow: inset 0 0 5px #fff, 1px 1px 0 #fff; box-shadow: inset 0 0 5px #fff, 1px 1px 0 #fff; outline: none; } #mob-navbar .mob-nav-dropdown { position: absolute; left: 0; background: #fff; border: 1px solid #CCC; padding: 12px; -moz-box-shadow: 1px 1px 3px #CCC; -webkit-box-shadow: 1px 1px 3px #CCC; box-shadow: 1px 1px 3px #CCC; border-radius: 6px; display: none; z-index: 999; } #mob-navbar .mob-nav-dropdown .mob-nav-notch{ position: absolute; top: -6px; left: 30px; border-top: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; padding: 0; width: 0; height: 0; font-size: 0; line-height: 0; _border-right-color: #fff; _border-left-color: #fff; _filter: chroma(color=#fff); } #mob-navbar .mob-nav-dropdown h2.mob-nav-header { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 24px; font-weight: normal; border-bottom: 1px solid #CCC; text-transform: none; padding: 0 0 6px 0; margin: 0 0 6px 0; color: #0B6EB6; } #mob-navbar a.mob-nav-link, #mob-navbar a.mob-nav-link:link, #mob-navbar a.mob-nav-link:visited { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #000; padding: 6px 8px; list-style: none; cursor: pointer; display: block; text-decoration: none; } #mob-navbar a.mob-nav-link:hover, #mob-navbar a.mob-nav-link:focus { background: #f4f4f4; } /* Dropdown */ /********************************************************************/ .chzn-container { position: relative; display: inline-block; zoom: 1; *display: inline; width: 100% !important; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari, Chrome et al */ box-sizing: border-box; /* Opera/IE 8+ */ } .chzn-container .chzn-drop { background: #fff; border: 1px solid #aaa; border-top: 0; position: absolute; top: 29px; left: 0; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15); -moz-box-shadow: 0 4px 5px rgba(0,0,0,.15); box-shadow: 0 4px 5px rgba(0,0,0,.15); z-index: 1010; width: 100% !important; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari, Chrome et al */ box-sizing: border-box; /* Opera/IE 8+ */ } .chzn-container .chzn-single { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; font-weight: normal; color: #737272 !important; padding: 8px 24px 8px 8px; border: 4px solid rgba(0,0,0,0.1); background: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: block; overflow: hidden; position: relative; text-decoration: none; -moz-box-shadow: inset 1px 1px 4px #cacaca; -webkit-box-shadow: inset 1px 1px 4px #cacaca; box-shadow: inset 1px 1px 4px #cacaca; width: 100% !important; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari, Chrome et al */ box-sizing: border-box; /* Opera/IE 8+ */ } .chzn-container .chzn-single span { display: block; overflow: hidden; } .chzn-container .chzn-default { color: #737272; } .chzn-container .chzn-single div { position: absolute; right: 6px; top: 50%; margin: -9px 0 0 0; display: block; height: 18px; width: 18px; } .chzn-container .chzn-single div b { background: url(images/icn-reg-strip.png) -90px 0 no-repeat transparent; display: block; width: 100%; height: 100%; } .chzn-container .chzn-single-with-drop { border-color: #94d7ff; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; border-bottom: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .chzn-container .chzn-single-with-drop div b { background-position: -90px -18px; } .chzn-container .chzn-drop { padding: 6px; border: 4px solid #94d7ff; border-top: none; background: #fff; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; } .chzn-container .chzn-search input { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #737272; padding: 4px; border: 2px solid rgba(0,0,0,0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 100% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .chzn-container ul.chzn-results { margin: 0; padding: 6px 0 0 0; max-height: 250px; overflow: auto; position: relative; } .chzn-container ul.chzn-results li, .chzn-container ul.chzn-results li.active-result { margin: 0; padding: 6px 8px; list-style: none; cursor: pointer; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #737272; word-wrap: break-word; background: transparent; } .chzn-container ul.chzn-results li:hover, .chzn-container ul.chzn-results li.highlighted { background: #f4f4f4; } .chzn-container ul.chzn-results li.result-selected { background: #e0e0e0; } .chzn-container ul.chzn-results li em { font-weight: bold; } /* Accordion */ /********************************************************************/ #BSBaccordion .BSBaccordion-item { padding: 0 0 18px 0; } #BSBaccordion .BSBaccordion-header { padding: 0 0 12px 0; border-bottom: 1px dashed #cbcbcb ; } #BSBaccordion h3.BSBaccordion-head { padding: 0; margin: 0; font-weight: normal; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 26px; color: #222; } #BSBaccordion .BSBaccordion-collapsed .BSBaccordion-content { display: none; } /* Toggle Input */ /********************************************************************/ .toggle-wrapper { display: inline-block; *display: inline; zoom: 1; outline: none; background: #eaeaea; padding: 3px; position: relative; -webkit-box-shadow: inset 2px 2px 2px #d2d2d2, 1px 1px 1px #fff; -moz-box-shadow: inset 2px 2px 2px #d2d2d2, 1px 1px 1px #fff; box-shadow: inset 2px 2px 2px #d2d2d2, 1px 1px 1px #fff; text-decoration: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .disable-toggle { opacity: 0.5; filter:alpha(opacity=50); cursor: not-allowed; } .toggle-wrapper .toggle-inner { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; height: 28px; width: 74px; overflow: hidden; position: relative; display: inline-block; *display: inline; zoom: 1; -webkit-box-shadow: 1px 1px 1px #fff; -moz-box-shadow: 1px 1px 1px #fff; box-shadow: 1px 1px 1px #fff; } .toggle-wrapper .toggle-left { background: #55a6dc; /* Old browsers */ text-decoration: none; background: -moz-linear-gradient(top, #55a6dc 0%, #8ac7ef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55a6dc), color-stop(100%,#8ac7ef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #55a6dc 0%,#8ac7ef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #55a6dc 0%,#8ac7ef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #55a6dc 0%,#8ac7ef 100%); /* IE10+ */ background: linear-gradient(to bottom, #55a6dc 0%,#8ac7ef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55a6dc', endColorstr='#8ac7ef',GradientType=0 ); /* IE6-9 */ padding: 6px 24px 4px 18px; margin: 0 16px 0 0; color: #003151; display: inline-block; *display: inline; zoom: 1; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; text-shadow: 1px 1px 1px #fff; -webkit-box-shadow: inset 4px 4px 4px rgba(0,0,0,0.2), 1px 1px 1px #fff; -moz-box-shadow: inset 4px 4px 4px rgba(0,0,0,0.2), 1px 1px 1px #fff; box-shadow: inset 4px 4px 4px rgba(0,0,0,0.2), 1px 1px 1px #fff; } .toggle-wrapper .toggle-right { background: #7a7a7a; /* Old browsers */ text-decoration: none; background: -moz-linear-gradient(top, #7a7a7a 0%, #b3b3b3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7a7a7a), color-stop(100%,#b3b3b3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7a7a7a 0%,#b3b3b3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7a7a7a 0%,#b3b3b3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7a7a7a 0%,#b3b3b3 100%); /* IE10+ */ background: linear-gradient(to bottom, #7a7a7a 0%,#b3b3b3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a7a', endColorstr='#b3b3b3',GradientType=0 ); /* IE6-9 */ padding: 6px 18px 4px 24px; margin: 0 0 0 16px; color: #000; display: inline-block; *display: inline; zoom: 1; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; text-shadow: 1px 1px 1px #fff; -webkit-box-shadow: inset 4px 4px 4px rgba(0,0,0,0.2), 1px 1px 1px #fff; -moz-box-shadow: inset 4px 4px 4px rgba(0,0,0,0.2), 1px 1px 1px #fff; box-shadow: inset 4px 4px 4px rgba(0,0,0,0.2), 1px 1px 1px #fff; } .toggle-wrapper .toggle-pointer { height: 20px; width: 20px; background: #ececec; padding: 3px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 1px solid #a2a2a2; -webkit-box-shadow: inset 4px 4px 0 #fff, 4px 4px 4px rgba(0,0,0,0.2); -moz-box-shadow: inset 4px 4px 0 #fff, 4px 4px 4px rgba(0,0,0,0.2); box-shadow: inset 4px 4px 0 #fff, 4px 4px 4px rgba(0,0,0,0.2); } .toggle-wrapper .toggle-pointer-inner { background: #dcdcdc; /* Old browsers */ background: -moz-linear-gradient(top, #dcdcdc 0%, #fbfbfb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdc), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dcdcdc 0%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dcdcdc 0%,#fbfbfb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dcdcdc 0%,#fbfbfb 100%); /* IE10+ */ background: linear-gradient(to bottom, #dcdcdc 0%,#fbfbfb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */ height: 100%; width: 100%; display: block; background: #ececec; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .toggle-val-true .toggle-left { position: absolute; top: 0; left: 0; } .toggle-val-true .toggle-right { position: absolute; top: 0; left: 74px; } .toggle-val-false .toggle-left { position: absolute; top: 0; left: -74px; } .toggle-val-false .toggle-right { position: absolute; top: 0; left: 0; } .toggle-val-true .toggle-pointer { position: absolute; top: 3px; right: 3px; left: auto; bottom: auto; } .toggle-val-false .toggle-pointer { position: absolute; top: 3px; right: auto; left: 3px; bottom: auto; } /* RadEditor Overwrites CSS */ /********************************************************************/ #BSBContainer .RadEditor { width: 100% !important; min-width: 100% !important; max-width: 100% !important; background: transparent; border: none; position: relative; } #BSBContainer .RadEditor .reToolZone { display: none; } #BSBContainer .RadEditor .reContentCell { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #737272; padding: 8px; border: 4px solid rgba(0,0,0,0.1); _border: 4px solid #e9e9e9; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; outline: none; -moz-box-shadow: inset 1px 1px 4px #cacaca; -webkit-box-shadow: inset 1px 1px 4px #cacaca; box-shadow: inset 1px 1px 4px #cacaca; background: #fff; } #BSBContainer .RadEditor .reContentCell iframe { background: transparent; } #BSBContainer .RadEditor .reToolbarWrapper { position: absolute; top: -10px; left: 50%; margin: 0 0 0 -174px; opacity: 0.3; zoom: 1; filter: alpha(opacity=30); } #BSBContainer .RadEditor .reToolbarWrapper:hover { opacity: 1; zoom: 1; filter: alpha(opacity=100); } /* jQuery UI DatePicker and TimePicker CSS */ /********************************************************************/ #ui-datepicker-div, #ui-timepicker-div { background: #fff; border: 1px solid #ddd; padding: 4px; display: none; z-index: 9999; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; box-shadow: 0 0 4px #ababab; -webkit-box-shadow: 0 0 4px #ababab; -moz-box-shadow: 0 0 4px #ababab; } #ui-datepicker-div .ui-datepicker-header, #ui-timepicker-div .ui-timepicker-title { background: #cdecff; /* Old browsers */ background: -moz-linear-gradient(top, #cdecff 0%, #81d0ff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdecff), color-stop(100%,#81d0ff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cdecff 0%,#81d0ff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cdecff 0%,#81d0ff 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(top, #cdecff 0%,#81d0ff 100%); /* IE10+ */ background: linear-gradient(to bottom, #cdecff 0%,#81d0ff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdecff', endColorstr='#81d0ff',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; position: relative; display: block; height: 16px; padding: 8px; text-align: center; } #ui-datepicker-div .ui-datepicker-title, #ui-timepicker-div .ui-timepicker-title { font-family: Arial,Helvetica,sans-serif; font-size: 12px; color: #0B6EB6; font-weight: bold; line-height: 16px; text-align: center; } #ui-timepicker-div .ui-timepicker-title { text-align: left; } #ui-datepicker-div .ui-datepicker-prev { position: absolute; top: 8px; left: 4px; cursor: pointer; } #ui-datepicker-div .ui-datepicker-prev .ui-icon { text-indent: -99999px; height: 16px; width: 16px; display: block; background: transparent url("images/ui-icons_ffffff_256x240.png") -80px -192px no-repeat; } #ui-datepicker-div .ui-datepicker-next { position: absolute; top: 8px; right: 4px; cursor: pointer; } #ui-datepicker-div .ui-datepicker-next .ui-icon { text-indent: -99999px; height: 16px; width: 16px; display: block; background: transparent url("images/ui-icons_ffffff_256x240.png") -48px -192px no-repeat; } #ui-datepicker-div .ui-datepicker-calendar th, #ui-timepicker-div .ui-timepicker th { font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding: 4px; color: #929292; font-weight: bold; line-height: 16px; text-decoration: none; } #ui-datepicker-div .ui-datepicker-calendar .ui-state-default, #ui-timepicker-div .ui-timepicker .ui-state-default { padding: 2px 4px; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; color: #929292; font-weight: bold; line-height: 16px; text-align: right; cursor: pointer; } #ui-datepicker-div .ui-datepicker-unselectable, .ui-state-disabled { opacity: 0.35; } #ui-datepicker-div .ui-datepicker-calendar .ui-state-hover, #ui-datepicker-div .ui-datepicker-calendar .ui-state-active, #ui-timepicker-div .ui-timepicker .ui-state-hover, #ui-timepicker-div .ui-timepicker .ui-state-active { background: #cdecff; /* Old browsers */ background: -moz-linear-gradient(top, #cdecff 0%, #81d0ff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdecff), color-stop(100%,#81d0ff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cdecff 0%,#81d0ff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cdecff 0%,#81d0ff 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(top, #cdecff 0%,#81d0ff 100%); /* IE10+ */ background: linear-gradient(to bottom, #cdecff 0%,#81d0ff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdecff', endColorstr='#81d0ff',GradientType=0 ); /* IE6-9 */ color: #0B6EB6; } /* TipTip CSS - Version 1.2 */ /********************************************************************/ #Body #tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; } #Body #tiptip_holder.tip_top { padding-bottom: 5px; } #Body #tiptip_holder.tip_bottom { padding-top: 5px; } #Body #tiptip_holder.tip_right { padding-left: 5px;} #Body #tiptip_holder.tip_left { padding-right: 5px; } #Body #tiptip_content { font-family: "Lato", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #000; padding: 4px 8px; border: 1px solid #000; background-color: #fff; border-radius: 4px; } #Body #tiptip_arrow, #Body #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; } #Body #tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255, 255, 255, 0.35); } #Body #tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255, 255, 255, 0.35); } #Body #tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255, 255, 255, 0.35); } #Body #tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255, 255, 255, 0.35); } #Body #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: #191919; border-top-color: rgba(25, 25, 25, 0.92); } #Body #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: #191919; border-bottom-color: rgba(25, 25, 25, 0.92); } #Body #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -2px; margin-left: -5px; border-right-color: #191919; border-right-color: rgba(25, 25, 25, 0.92); } #Body #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: 0; margin-left: 0; border-left-color: #191919; border-left-color: rgba(25, 25, 25, 0.92); } #Body #tiptip_arrow_inner:after, #Body #tiptip_arrow_inner:before { top: -6px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #Body #tiptip_arrow_inner:after { border-color: rgba(136, 183, 213, 0); border-top-color: #fff; border-width: 6px; margin-left: -6px; } #Body #tiptip_arrow_inner:before { border-color: rgba(194, 225, 245, 0); border-top-color: #000; border-width: 7px; margin-left: -7px; } #Body #tiptip_holder.tip_left #tiptip_arrow_inner { position: relative; background: #fff; border: transparent; } #Body #tiptip_holder.tip_left #tiptip_arrow_inner:after, #Body #tiptip_holder.tip_left #tiptip_arrow_inner:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #Body #tiptip_holder.tip_left #tiptip_arrow_inner:after { border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 8px; margin-top: -7px; margin-left: -7px; } #Body #tiptip_holder.tip_left #tiptip_arrow_inner:before { border-color: transparent; border-left-color: #000; border-width: 9px; margin-top: -8px; } /*-- BSB Notch ---------------------------*/ /*******************************************/ .bsbNotchContainer { padding: 18px; } .bsbNotchContainer:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; } .bsbNotchContainer img { width: 100px; float: left; } .bsbNotchWrapper { margin: 0 0 0 120px; padding: 18px; position: relative; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3); box-shadow: 0 0 5px rgba(0,0,0,0.3); } .bsbNotchWrapper p { padding: 0 0 8px 0; } .bsbNotchWrapper p, .bsbNotchWrapper a, .bsbNotchWrapper a:link, .bsbNotchWrapper a:visited { font-size: 14px; line-height: 18px; } .bsbNotchWrapper p.noSpacing { padding: 0; } .bsbNotchWrapper b.bsbNotch { position: absolute; top: 50%; left: -10px; margin: -10px 0 0 0; border-left: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff; padding: 0; width: 0; height: 0; font-size: 0; line-height: 0; } .bsbNotchWrapper b.bsbNotchShadow { position: absolute; top: 50%; left: -12px; margin: -12px 0 0 0; border-left: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid #d0d0d0; padding: 0; width: 0; height: 0; font-size: 0; line-height: 0; } /* Common Overwrites */ /********************************************************************/ #BSBContainer .block-content { display: block; } #BSBContainer .inline-display { display: inline; vertical-align: middle; } #BSBContainer .inline-block { display: inline-block; vertical-align: middle; } #BSBContainer .hidden { display: none; } #BSBContainer .top-align { vertical-align: top; } #BSBContainer .bottom-align { vertical-align: bottom; } #BSBContainer .center-align { text-align: center; } #BSBContainer .right-align { text-align: right; } #BSBContainer .border-none { border: none; } #BSBContainer .padding-small { padding-left: 6px; } #BSBContainer .padding-top { padding-top: 12px; } #BSBContainer .padding-bottom { padding-bottom: 12px; } #BSBContainer .padding-left { padding-left: 12px; } #BSBContainer .padding-right { padding-right: 12px; } #BSBContainer .vertical-padding { padding: 0 12px; } #BSBContainer .horizontal-padding { padding: 12px 0; } #BSBContainer .margin-top { margin-top: 12px; } #BSBContainer .margin-bottom { margin-bottom: 12px; } #BSBContainer .margin-left { margin-left: 12px; } #BSBContainer .margin-right { margin-right: 12px; } #BSBContainer .margin-right-perc { margin-right: 4%; } #BSBContainer .vertical-margin { margin: 0 12px; } #BSBContainer .horizontal-margin { margin: 12px 0; } #BSBContainer .small-text { font-size: 11px; line-height: 14px; white-space: nowrap; } #BSBContainer .pull-left { float: left; } #BSBContainer .pull-right { float: right; } #BSBContainer .clearfix:before, #BSBContainer .clearfix:after { content: ""; display: table; line-height: 0; } #BSBContainer .clearfix, #BSBContainer .clearfix:after { clear: both; line-height: 0; font-size: 0; height: 0; } #BSBContainer .normal-green { color: #568711; } #BSBContainer .normal-red { color: #e51937; } #BSBContainer .underline-text { text-decoration: underline; } #BSBContainer h2.BSB-title { font-size: 32px; line-height: 42px; font-weight: normal; font-family: "Segoe UI", Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 0 0 8px 0; margin: 0 0 8px 0; color: #0b6eb6; border-bottom: 1px dashed #c7c7c7; } #BSBContainer .alert-text { background: #ed1c24; padding: 2px 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 11px; line-height: 12px; font-weight: normal; font-family: "Segoe UI", Arial, Helvetica, sans-serif; color: #fff; vertical-align: middle; text-transform: uppercase; } #BSBContainer .amount-text { font-size: 36px; line-height: 42px; font-weight: normal; font-family: "Segoe UI", Arial, Helvetica, sans-serif; color: #b9b9b9; display: inline-block; vertical-align: middle; padding: 0 0 0 32px; background: url(images/icn-doller-32x32.png) 0 8px no-repeat transparent; } #BSBContainer .pull-right-action { position: absolute; top: 20%; right: 0; } /* Multiple Device Support */ /********************************************************************/ @media screen and (max-width: 960px){ /* Table Grid */ /****************************************************************/ #BSBtabs .BSBtab-head { font-size: 18px; padding: 0; } #BSBGrid .grid-row .row-counter { float: left; } #BSBGrid .grid-row .row-content { padding: 0 12px 12px 0; } #BSBGrid .grid-row .table-cell { display: block; width: auto; padding: 0 0 0 54px; } #BSBGrid .grid-row .hierarchy-content { padding: 0 12px 0 54px; text-align: left; } } @media screen and (max-width: 700px){ /* Tabs */ /****************************************************************/ #BSBtabs .BSBtab-head { font-size: 14px; } #BSBGrid h4.row-title {max-width: 200px; display: block; overflow-y: hidden; text-overflow: ellipsis; } #BSBGrid .grid-row .table-cell, #BSBGrid .grid-row .hierarchy-content {padding: 0 12px 0 20px;} } @media screen and (max-width: 600px){ /* Tabs */ /****************************************************************/ #BSBtabs { padding: 0; } #BSBtabs a.BSBtab-link, #BSBtabs a.BSBtab-link:link, #BSBtabs a.BSBtab-link:visited { padding: 6px; } .bsbNotchContainer { text-align: center; } .bsbNotchContainer img { float: none; margin: 0 0 12px 0; } .bsbNotchWrapper { margin: auto; } .bsbNotchWrapper b.bsbNotch { left: 50%; top: -10px; margin: 0 0 0 -10px; border-top: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; } .bsbNotchWrapper b.bsbNotchShadow { left: 50%; top: -12px; margin: 0 0 0 -12px; border-top: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #d0d0d0; } } @media screen and (max-width: 480px){ /* Tabs */ /****************************************************************/ #BSBtabs .BSBtabs-nav { margin: auto; padding: 0 0 12px 0; } #BSBtabs .BSBtabs-nav .BSBtab-shadow { display: none; } #BSBtabs .BSBtabs-nav li.ui-state-default { float: none; margin: auto; padding: 0 0 4px 0; } #BSBtabs a.BSBtab-link, #BSBtabs a.BSBtab-link:link, #BSBtabs a.BSBtab-link:visited { display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* Table Grid */ /****************************************************************/ #BSBGrid .wrap50 { float: none; width: auto; } #BSBGrid .BSBInput, #BSBGrid input.BSBInput, #BSBGrid textarea.BSBInput, #BSBGrid select.BSBInput { width: 100%; } } @import url(//fonts.googleapis.com/css?family=Coda:400,800); /********************************************************************/ /********************************************************************/ /* Dark Theme */ /********************************************************************/ /********************************************************************/ #darkTheme { background: #232323; padding: 20px; } #darkTheme h1, #darkTheme h2, #darkTheme h3, #darkTheme h4, #darkTheme h5, #darkTheme h6, #darkTheme span, #darkTheme table, #darkTheme tr, #darkTheme td, #darkTheme div, #darkTheme p, #darkTheme ul, #darkTheme li, #darkTheme a, #darkTheme a:link, #darkTheme a:visited { font-weight: normal; color: inherit; } #darkTheme .bsbPageActions { padding: 12px 0 0 0; width: 100%; } #darkTheme .bsbPageActions:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } /*-- BSB Buttons --------------------------*/ /*******************************************/ #darkTheme .leftSpacing { margin: 0 0 0 12px; } #darkTheme .rightSpacing { margin: 0 12px 0 0; } #darkTheme a.bsbBtnNormal, #darkTheme a.bsbBtnNormal:link, #darkTheme a.bsbBtnNormal:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #A1A1A1; float: left; padding: 12px 0; text-decoration: underline; } #darkTheme a.bsbBtnNormal:hover, #darkTheme a.bsbBtnNormal:focus { color: #fff; } #darkTheme a.bsbBtnSucess, #darkTheme a.bsbBtnSucess:link, #darkTheme a.bsbBtnSucess:visited { float: left; display: block; background: #b4f340; /* Old browsers */ background: -moz-linear-gradient(top, #b4f340 0%, #79c413 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4f340), color-stop(100%,#79c413)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b4f340 0%,#79c413 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b4f340 0%,#79c413 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b4f340 0%,#79c413 100%); /* IE10+ */ background: linear-gradient(to bottom, #b4f340 0%,#79c413 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4f340', endColorstr='#79c413',GradientType=0 ); /* IE6-9 */ -moz-box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.5), 0 6px 0 #568711, 2px 6px 8px rgba(0,0,0,0.5); /* Mozilla */ -webkit-box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.5), 0 6px 0 #568711, 2px 6px 8px rgba(0,0,0,0.5); /* Chrome,Safari */ box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.5), 0 6px 0 #568711, 2px 6px 8px rgba(0,0,0,0.5); /* W3C */ text-shadow: 1px 1px #c6ea91; margin: 0 0 7px 0; padding: 6px 12px; cursor: pointer; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #213900; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; } #darkTheme a.bsbBtnSucess small { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; display: block; } #darkTheme a.bsbBtnSucess span { float: left; display: block; } #darkTheme a.bsbBtnSucess span.bigText { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; } #darkTheme a.bsbBtnSucess:hover, #darkTheme a.bsbBtnSucess:focus { -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.5), 0 6px 0 #3a6600, 2px 6px 8px rgba(0,0,0,0.5); /* Mozilla */ -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5), 0 6px 0 #3a6600, 2px 6px 8px rgba(0,0,0,0.5); /* Chrome,Safari */ box-shadow: inset 0 0 4px rgba(0,0,0,0.5), 0 6px 0 #3a6600, 2px 6px 8px rgba(0,0,0,0.5); /* W3C */ text-decoration: none; } #darkTheme a.bsbBtnSucess:active { -moz-box-shadow: inset 0 0 9px rgba(0,0,0,0.8), 0 6px 0 #274500, 2px 6px 8px rgba(0,0,0,0.5); /* Mozilla */ -webkit-box-shadow: inset 0 0 9px rgba(0,0,0,0.8), 0 6px 0 #274500, 2px 6px 8px rgba(0,0,0,0.5); /* Chrome,Safari */ box-shadow: inset 0 0 9px rgba(0,0,0,0.8), 0 6px 0 #274500, 2px 6px 8px rgba(0,0,0,0.5); /* W3C */ } #darkTheme a.bsbBtnDefault, #darkTheme a.bsbBtnDefault:link, #darkTheme a.bsbBtnDefault:visited { float: left; display: block; background: #69d3fe; /* Old browsers */ background: -moz-linear-gradient(top, #69d3fe 0%, #1fa3e4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#69d3fe), color-stop(100%,#1fa3e4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #69d3fe 0%,#1fa3e4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #69d3fe 0%,#1fa3e4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #69d3fe 0%,#1fa3e4 100%); /* IE10+ */ background: linear-gradient(to bottom, #69d3fe 0%,#1fa3e4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69d3fe', endColorstr='#1fa3e4',GradientType=0 ); /* IE6-9 */ -moz-box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.3), 0 6px 0 #005376, 2px 6px 8px rgba(0,0,0,0.5); /* Mozilla */ -webkit-box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.3), 0 6px 0 #005376, 2px 6px 8px rgba(0,0,0,0.5); /* Chrome,Safari */ box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.3), 0 6px 0 #005376, 2px 6px 8px rgba(0,0,0,0.5); /* W3C */ text-shadow: 1px 1px #98d7f5; margin: 0 0 7px 0; padding: 6px 12px; cursor: pointer; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #00374e; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; } #darkTheme a.bsbBtnDefault span, #darkTheme a.bsbBtnDefault:link span, #darkTheme a.bsbBtnDefault:visited span { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; } #darkTheme a.bsbBtnDefault:hover, #darkTheme a.bsbBtnDefault:focus { -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.5), 0 6px 0 #003d56, 2px 6px 8px rgba(0,0,0,0.5); /* Mozilla */ -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5), 0 6px 0 #003d56, 2px 6px 8px rgba(0,0,0,0.5); /* Chrome,Safari */ box-shadow: inset 0 0 4px rgba(0,0,0,0.5), 0 6px 0 #003d56, 2px 6px 8px rgba(0,0,0,0.5); /* W3C */ text-decoration: none; } #darkTheme a.bsbBtnDefault:active { -moz-box-shadow: inset 0 0 9px rgba(0,0,0,0.8), 0 6px 0 #003d56, 2px 6px 8px rgba(0,0,0,0.5); /* Mozilla */ -webkit-box-shadow: inset 0 0 9px rgba(0,0,0,0.8), 0 6px 0 #003d56, 2px 6px 8px rgba(0,0,0,0.5); /* Chrome,Safari */ box-shadow: inset 0 0 9px rgba(0,0,0,0.8), 0 6px 0 #003d56, 2px 6px 8px rgba(0,0,0,0.5); /* W3C */ } #darkTheme .bsbIcn { float: left; margin: 0 6px 0 0; } #darkTheme .successAdd { height: 42px; width: 42px; background: transparent url(images/big-green-add.png) 0 0 no-repeat; } #darkTheme .icnBack { height: 18px; width: 18px; background: transparent url(images/sReg-Light-Strip.png) -180px 0 no-repeat; } #darkTheme .icnEmail { height: 18px; width: 38px; background: transparent url(images/icn-green-send-email.png) center center no-repeat; padding: 6px 6px 0 0 !important;} #darkTheme .icnblueemail { height: 14px; width: 21px; padding: 10px 5px 0 0 !important; background: transparent url(images/icn-blue-email.png) center center no-repeat;} #darkTheme .icngreenemail { height: 14px; width: 21px; padding: 10px 5px 0 0 !important; background: transparent url(images/icn-green-email.png) center center no-repeat; } #darkTheme .bsbBtnDefault.bsbSpLeft span { border-left: 1px solid #55b9eb; margin: 0; padding: 0 0 0 6px; } #darkTheme .bsbBtnDefault.bsbSpLeft .bsbIcn { border-right: 1px solid #1883b8; margin: 0; padding: 0 6px 0 0; } #darkTheme .bsbBtnDefault.bsbSpRight span { border-right: 1px solid #55b9eb; margin: 0; padding: 0 6px 0 0; } #darkTheme .bsbBtnDefault.bsbSpRight .bsbIcn { border-left: 1px solid #1883b8; margin: 0; padding: 0 0 0 6px; } #darkTheme .bsbBtnSucess.bsbSpLeft span { border-left: 1px solid #559300; margin: 0; padding: 0 0 0 6px; } #darkTheme .bsbBtnSucess.bsbSpLeft .bsbIcn { border-right: 1px solid #bee487; margin: 0; padding: 0 6px 0 0; } #darkTheme .bsbBtnSucess.bsbSpRight span { border-right: 1px solid #559300; margin: 0; padding: 0 6px 0 0; } #darkTheme .bsbBtnSucess.bsbSpRight .bsbIcn { border-left: 1px solid #bee487; margin: 0; padding: 0 0 0 6px; } /*-- BSB Input ----------------------------*/ /*******************************************/ #darkTheme .BSBInput, #darkTheme input.BSBInput, #darkTheme textarea.BSBInput, #darkTheme select.BSBInput, #Body .darkInput, #Body input.darkInput, #Body textarea.darkInput, #Body select.darkInput { background: #333; border: 4px solid #515151; color: #ddd; -moz-box-shadow: inset 0 0 4px #222; -webkit-box-shadow: inset 0 0 4px #222; box-shadow: inset 0 0 4px #222; } #darkTheme input.BSBInput:hover, #darkTheme input.BSBInput:focus, #darkTheme textarea.BSBInput:hover, #darkTheme textarea.BSBInput:focus, #darkTheme select.BSBInput:hover, #darkTheme select.BSBInput:focus, #Body input.BSBInput:hover, #Body input.BSBInput:focus, #Body textarea.BSBInput:hover, #Body textarea.BSBInput:focus, #Body select.BSBInput:hover, #Body select.BSBInput:focus { border-color: #181818; } /*-- BSB Container ------------------------*/ /*******************************************/ #darkTheme .bsbHeader { background: #1b1b1b url(images/black-textured-bg.jpg) 0 0 repeat-x; padding: 12px 18px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: inset 1px 1px 0 1px rgba(133,133,133,0.5), inset -1px -1px 0 1px rgba(0,0,0,0.5); -moz-box-shadow: inset 1px 1px 0 1px rgba(133,133,133,0.5), inset -1px -1px 0 1px rgba(0,0,0,0.5); box-shadow: inset 1px 1px 0 1px rgba(133,133,133,0.5), inset -1px -1px 0 1px rgba(0,0,0,0.5); } #darkTheme .bsbHdInner:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } #darkTheme .bsbHdInner img { margin: 0 12px 0 0; border: none; } #darkTheme h2.bsbHead { font-family: "Coda", "Segoe UI", Arial, Helvetica, sans-serif; font-size: 38px; line-height: 42px; color: #fff; text-transform: uppercase; padding: 0; margin: 0; } #darkTheme h3.bsbSubHead { font-family: "Coda", "Segoe UI", Arial, Helvetica, sans-serif; font-size: 26px; line-height: 32px; color: #fff; text-shadow: -1px -1px 0 #000; padding: 12px 0; margin: 0; } #darkTheme h3.bsbSubHead img { margin: -6px 12px 0 0; border: none; } #darkTheme h4.bsbTitle { font-family: "Coda", "Segoe UI", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 32px; color: #fff; text-shadow: -1px -1px 0 #000; padding: 0; margin: 0; } #darkTheme .bsbContent { background: #545454; border: 2px solid #444; padding: 8px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } #darkTheme .bsbHDLeft { float: left; padding: 6px 0 0 0; width: 75%; } #darkTheme .bsbHDRight { float: right; } #darkTheme ul.bsbHLWrapper { margin: 0; padding: 0; background: transparent; } #darkTheme li.bsbHLItem { margin: 0; padding: 0 3px; background: transparent; list-style: none; float: left; border-right: 1px solid #bababa; line-height: 12px; } #darkTheme li.bsbFstItem { padding: 0 3px 0 0; } #darkTheme li.bsbLstItem { padding: 0 0 0 3px; border: none; } #darkTheme a.bsbLink, #darkTheme a.bsbLink:link, #darkTheme a.bsbLink:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; color: #bababa; text-decoration: none; } #darkTheme a.bsbLink:hover, #darkTheme a.bsbLink:focus, #darkTheme a.bsbLink:active { color: #fff; text-decoration: underline; } /*-- BSB Row & Column ---------------------*/ /*******************************************/ #darkTheme .bsbRow { width: 100%; padding: 0 0 18px 0; } #darkTheme .bsbRow:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } #darkTheme .bsbCol { float: left; padding: 0 24px 0 0; position: relative; } #darkTheme .bsbColRight { float: right; } #darkTheme .bsbColLst { padding: 0; } #darkTheme .bsbLabel { font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 18px; color: #ddd; padding: 4px 24px 4px 0; position: relative; display: block; } #darkTheme .emptyLabel { padding: 0 24px 0 0; } #darkTheme .bsbLabel .required { font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 18px; color: #cd0000; } #darkTheme .bsbinfo { position: absolute; top: 4px; right: 0; height: 18px; width: 18px; background: url(images/icn-reg-strip.png) -126px 0 no-repeat transparent; } /*-- BSB Status Box -----------------------*/ /*******************************************/ #darkTheme .bsbStatus, #darkTheme .bsbTableStatus { width: 90%; background: #434343; -webkit-box-shadow: inset 0 0 2px #2c2c2c; -moz-box-shadow: inset 0 0 2px #2c2c2c; box-shadow: inset 0 0 2px #2c2c2c; font-family: "Coda", "Segoe UI", Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #ddd; } #darkTheme .bsbStatus:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } #darkTheme .bsbSTHead { float: left; font-family: "Coda", "Segoe UI", Arial, Helvetica, sans-serif; display: table; font-size: 14px; line-height: 18px; text-transform: uppercase; color: #fff; padding: 34px 12px; position: relative; text-align: center; vertical-align: middle; margin: 0 18px 0 0; background: #1b1b1b url(images/black-textured-bg.jpg) 0 0 repeat-x; -webkit-box-shadow: inset 1px 1px 0 1px rgba(133,133,133,0.5), inset -1px -1px 0 1px rgba(0,0,0,0.5); -moz-box-shadow: inset 1px 1px 0 1px rgba(133,133,133,0.5), inset -1px -1px 0 1px rgba(0,0,0,0.5); box-shadow: inset 1px 1px 0 1px rgba(133,133,133,0.5), inset -1px -1px 0 1px rgba(0,0,0,0.5); } #darkTheme .bsbSTHead div { color: #fff; } #darkTheme .bsbTableStatus .bsbSTHead { float: none; margin: 0; padding: 12px; display: table-cell; position: relative; } #darkTheme .notch { position: absolute; top: 50%; right: -8px; height: 20px; width: 12px; margin: -10px 0 0 0; background: transparent url(images/black-textured-notch.png) 0 0 no-repeat; } #darkTheme .bsbTableStatus .notch { right: -20px; } #darkTheme .bsbSTContent { padding: 12px 12px 12px 18px; position: relative; } #darkTheme .bsbNormalStatus { background: #555; } #darkTheme .bsbNormalStatus .bsbSTHead { padding: 6px; } #darkTheme .bsbNormalStatus .bsbSTContent { padding: 6px 6px 6px 8px; position: relative; } /*-- BSB Dropdown -------------------------*/ /*******************************************/ #darkTheme .chzn-search input, #darkTheme .chzn-container .chzn-single { background: #333; border: 4px solid #515151; -moz-box-shadow: inset 0 0 4px #222; -webkit-box-shadow: inset 0 0 4px #222; box-shadow: inset 0 0 4px #222; color: #ddd; } #darkTheme .chzn-search input:hover, #darkTheme .chzn-search input:focus, #darkTheme .chzn-container .chzn-single:hover{ border-color: #181818; } #darkTheme .chzn-container .chzn-single-with-drop { border-color: #181818; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #darkTheme .chzn-container .chzn-drop { background: #333; border: 4px solid #181818; border-top: none; margin: -3px 0 0 0; } #darkTheme .chzn-search { padding: 0 0 8px 0; } #darkTheme .chzn-container .chzn-single div b { background: transparent url(images/sReg-Light-Strip.png) -126px 0 no-repeat; } #darkTheme .chzn-container .chzn-single-with-drop div b { background-position: -126px -18px; } #darkTheme .chzn-container ul.chzn-results li, #darkTheme .chzn-container ul.chzn-results li.active-result { color: #ddd; background: transparent; } #darkTheme .chzn-container ul.chzn-results li:hover, #darkTheme .chzn-container ul.chzn-results li.highlighted { background: #222; } #darkTheme .chzn-container ul.chzn-results li.result-selected { background: #111; color: #fff; } /*-- BSB Grid -----------------------------*/ /*******************************************/ #darkTheme .bsbGd { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #bbb; } #darkTheme .bsbGdHeader { padding: 0 18px 6px 18px; } #darkTheme .bsbGdHeadInner { width: 100%; } #darkTheme .bsbGdHeadInner:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } #darkTheme .bsbGdHeadLeft { float: left; } #darkTheme .bsbGdHeadRight { float: right; } #darkTheme .bsbGdHead { font-family: "Coda", "Segoe UI", Arial, Helvetica, sans-serif; font-size: 30px; line-height: 42px; font-weight: normal; color: #fff; text-shadow: -1px -1px 1px #111; margin: 0; padding: 0; } #darkTheme ul.bsbGDActions { margin: 0; padding: 12px 0 0 0; background: transparent; } #darkTheme li.bsbGDActItem { margin: 0; padding: 0 12px 0 0; background: transparent; list-style: none; float: left; } #darkTheme li.bsbGDActLstItem { padding: 0; } #darkTheme .bsbGdHeader a.bsbLink, #darkTheme .bsbGdHeader a.bsbLink:link, #darkTheme .bsbGdHeader a.bsbLink:visited { font-size: 14px; line-height: 22px; color: #aee1ff; } #darkTheme .bsbGdHeader a.bsbLink:hover, #darkTheme .bsbGdHeader a.bsbLink:focus, #darkTheme .bsbGdHeader a.bsbLink:active { color: #fff; } #darkTheme .bsbGdBody, #darkTheme .bsbGdNoRecord { background: #444; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.5); box-shadow: inset 0 0 4px rgba(0,0,0,0.5); padding: 18px; display: block; } #darkTheme .bsbGdFooter { padding: 12px 12px 0 12px; margin: 8px 0 0 0; border-top: 1px solid #545454; color: #BBBBBB; } #darkTheme .bsbGdRowOuter { padding: 0 0 8px 0; } #darkTheme .bsbGdRowInner { width: 100%; } #darkTheme .bsbGdRowInner:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #darkTheme .bsbGdRow { padding: 12px; background: #1b1b1b url(images/black-textured-bg.jpg) 0 0 repeat-x; -webkit-box-shadow: inset 1px 1px 1px rgba(133,133,133,0.5), inset -1px -1px 1px rgba(0,0,0,0.5); -moz-box-shadow: inset 1px 1px 1px rgba(133,133,133,0.5), inset -1px -1px 1px rgba(0,0,0,0.5); box-shadow: inset 1px 1px 1px rgba(133,133,133,0.5), inset -1px -1px 1px rgba(0,0,0,0.5); } #darkTheme .bsbGdCol { float: left; padding: 0 12px 0 0; } #darkTheme .bsbGdLstCol { padding: 0; } #darkTheme .bsbGdColCounter { width: 40px; } #darkTheme .bsbGdCounter { font-family: "Coda", "Segoe UI", Arial, Helvetica, sans-serif; font-size: 36px; line-height: 42px; color: #666; text-shadow: -1px -1px 1px rgba(0,0,0,0.5); position: relative; display: block; text-align: center; } #darkTheme .alert { position: absolute; top: 0; right: 0; height: 18px; width: 18px; background: url(images/sReg-Light-Strip.png) -108px 0 no-repeat transparent; } #darkTheme .showAlertBorders {border: 1px solid red; padding:4px;} #darkTheme .bsbGdRowHead { font-family: "Coda", "Segoe UI", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 26px; font-weight: normal; color: #fff; padding: 0; margin: 0; } #darkTheme ul.bsbActionsWp { margin: 8px 0 0 0; padding: 0; background: transparent; } #darkTheme li.bsbActionItem { margin: 0; padding: 0 6px 0 0; float: left; display: block; background: transparent; } #darkTheme li.bsbLstActionItem { padding: 0; } #darkTheme a.bsbGdActionBt, #darkTheme a.bsbGdActionBt:link, #darkTheme a.bsbGdActionBt:visited { display: block; background: #575757 url(images/gray-btn-strip.jpg) 0 0 repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.5), -1px -1px 1px rgba(0,0,0,0.5); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.5), -1px -1px 1px rgba(0,0,0,0.5); box-shadow: inset 1px 1px 1px rgba(0,0,0,0.5), -1px -1px 1px rgba(0,0,0,0.5); padding: 5px 8px 4px 8px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #fff; font-weight: normal; text-shadow: -1px -1px 1px #000; text-decoration: none; } #darkTheme a.bsbGdActionBt:hover, #darkTheme a.bsbGdActionBt:focus, #darkTheme a.bsbGdActionBt:active { -webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255,0.5), -1px -1px 1px rgba(0,0,0,0.4); -moz-box-shadow: inset 1px 1px 2px rgba(255,255,255,0.5), -1px -1px 1px rgba(0,0,0,0.4); box-shadow: inset 1px 1px 2px rgba(255,255,255,0.5), -1px -1px 1px rgba(0,0,0,0.4); background-color: #4a4a4a; text-decoration: none; } #darkTheme .bsbIcon { display: block; float: left; *display: inline; *zoom: 1; height: 18px; width: 18px; background: transparent url(images/sReg-Light-Strip.png) 0 0 no-repeat; margin: 0 4px 0 0; } #darkTheme .add { background-position: 0 0; } #darkTheme .bsbGdActionBt:hover .add { background-position: 0 -18px; } #darkTheme .edit { background-position: -18px 0; } #darkTheme .bsbGdActionBt:hover .edit { background-position: -18px -18px; } #darkTheme .email { background-position: -36px 0; } #darkTheme .bsbGdActionBt:hover .email { background-position: -36px -18px; } #darkTheme .pinned { background-position: -36px 0; } #darkTheme .bsbGdActionBt:hover .pinned { background-position: -36px -18px; } #darkTheme .pinned { background-position: -54px 0; } #darkTheme .bsbGdActionBt:hover .pinned { background-position: -54px -18px; } #darkTheme .unpinned { background-position: -72px 0; } #darkTheme .bsbGdActionBt:hover .unpinned { background-position: -72px -18px; } #darkTheme .remove { background-position: -216px 0; } #darkTheme .bsbGdActionBt:hover .remove { background-position: -216px -18px; } #darkTheme .minus { background-position: -234px 0; } #darkTheme .bsbGdActionBt:hover .minus { background-position: -234px -18px; } #darkTheme .shuffle { background-position: -252px 0; } #darkTheme .bsbGdActionBt:hover .shuffle { background-position: -252px -18px; } #darkTheme .sortDown { background-position: -270px 0; } #darkTheme .bsbGdActionBt:hover .sortDown { background-position: -270px -18px; } #darkTheme .sortUp { background-position: -288px 0; } #darkTheme .bsbGdActionBt:hover .sortUp { background-position: -288px -18px; } /*-- BSB Telerik Grid ---------------------*/ /*******************************************/ #darkTheme .bsbTGridWp { background: #222; } #darkTheme h3.bsbTGridHead { font-family: "Coda", "Segoe UI", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; color: #fff; text-shadow: -1px -1px 1px #111; margin: 0; padding: 0; } #darkTheme .bsbTGrid a.bsbTGridHeadLink, #darkTheme .bsbTGrid a.bsbTGridHeadLink:link, #darkTheme .bsbTGrid a.bsbTGridHeadLink:visited { font-family: "Coda", "Segoe UI", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #999; text-decoration: underline; } #darkTheme .bsbTGrid a.bsbTGridHeadLink:hover, #darkTheme .bsbTGrid a.bsbTGridHeadLink:focus { color: #fff; } #darkTheme .bsbTGridHeader { padding: 12px; background: #1b1b1b url(images/black-textured-bg.jpg) 0 0 repeat-x; -webkit-box-shadow: inset 1px 1px 1px rgba(133,133,133,0.5), inset -1px -1px 1px rgba(0,0,0,0.5); -moz-box-shadow: inset 1px 1px 1px rgba(133,133,133,0.5), inset -1px -1px 1px rgba(0,0,0,0.5); box-shadow: inset 1px 1px 1px rgba(133,133,133,0.5), inset -1px -1px 1px rgba(0,0,0,0.5); } #darkTheme .bsbTGridRevHeader { background: #1b1b1b url(images/black-textured-rev-bg.jpg) left bottom repeat-x; } #darkTheme .bsbTGridHeader:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #darkTheme .bsbTGridHeader .bsbCol { padding: 0 12px 0 0; } #darkTheme .bsbTGridHeader .bsbColLst { padding: 0; } #darkTheme .bsbTGridHeader .bsbTGridAction { padding: 4px 0 0 0; } #darkTheme .bsbTGrid .rgHeader, #darkTheme .bsbTGrid .bsbTGridCol { padding: 4px 6px; color: #fff; vertical-align: middle; border-right: 1px solid #4d4d4d; } #darkTheme .bsbTGrid .bsbTGridColWrap { white-space: normal !important;} #darkTheme .bsbTGrid .rgHeader { white-space: nowrap; border-bottom: 1px solid #000; vertical-align: middle; } #darkTheme .bsbTGrid .remove-rgHeader { display: inline-block; *display: inline; zoom: 1; height: 16px; width: 16px; vertical-align: middle; margin: 0 0 0 6px; overflow: hidden; text-indent: -999px; background: transparent url(images/bsb-remove-gray-small.png) 0 0 no-repeat; } #darkTheme .bsbTGrid .remove-rgHeader:hover, #darkTheme .bsbTGrid .remove-rgHeader:focus { background-image: url(images/bsb-remove-red-small.png); } #darkTheme .bsbTGrid .rgExpand, #darkTheme .bsbTGrid .rgCollapse { height: 18px; width: 18px; } #darkTheme .bsbTGrid .rgExpand { background: transparent url(images/sReg-Light-Strip.png) 0 0 no-repeat; } #darkTheme .bsbTGrid .rgExpand:hover { background-position: 0 -18px; } #darkTheme .bsbTGrid .rgCollapse { background: transparent url(images/sReg-Light-Strip.png) -234px 0 no-repeat; } #darkTheme .bsbTGrid .rgCollapse:hover { background-position: -234px -18px; } #darkTheme .bsbTGridBody { background: #222; } #darkTheme .rgDetailTable { margin: 36px 0; } #darkTheme .rgRow { background: #3a3a3a; } #darkTheme .rgRow td { border-top: 1px solid #0e0e0e; border-bottom: 1px solid #4d4d4d; } #darkTheme .rgSelected { background: #CD0000; } #darkTheme .rgRow, #darkTheme .rgAltRow, #darkTheme .rgHeader a, #darkTheme .rgHeader a:link, #darkTheme .rgHeader a:visited { color: #fff; } #darkTheme .rgHeader a:hover, #darkTheme .rgHeader a:focus { color: #fff; text-decoration: underline; } #darkTheme .noRecordWrapper { color: #cd0000; text-align: center; padding: 12px 0; border-top: 1px solid #0e0e0e; } .darkFilterMenuWp { position: relative; padding: 0 24px 0 0; } .darkFilterMenu { position: absolute; top: 0; right: 0; } .darkFilterMenu .sReg-FilterIcon { background: transparent url(images/sReg-Light-Strip.png) -198px 0 no-repeat; } .darkFilterMenu:hover .sReg-FilterIcon, .darkFilterMenu.sReg-ActiveMenu .sReg-FilterIcon { background-position: -198px -18px; } .darkFilterDropDown { background: #333; border: 4px solid #515151; color: #ddd; -moz-box-shadow: inset 0 0 4px #222, 4px 4px 8px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 0 4px #222, 4px 4px 8px rgba(0, 0, 0, 0.4); box-shadow: inset 0 0 4px #222, 4px 4px 8px rgba(0, 0, 0, 0.4); } .darkFilterDropDown a.sReg-FOLinks, .darkFilterDropDown a.sReg-FOLinks:link, .darkFilterDropDown a.sReg-FOLinks:visited { color: #999999; text-decoration: underline; } .darkFilterDropDown a.sReg-FOLinks:hover, .darkFilterDropDown a.sReg-FOLinks:focus { color: #fff; } .darkFilterDropDown input.sReg-FOInput { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; background: #333; color: #737272; padding: 8px; border: 4px solid #515151; color: #ddd; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; outline: none; -moz-box-shadow: inset 0 0 4px #222; -webkit-box-shadow: inset 0 0 4px #222; box-shadow: inset 0 0 4px #222; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .darkFilterDropDown input.sReg-FOInput:focus { border-color: #181818; outline: none; } .darkFilterDropDown .RadListBox_Default .rlbGroup { background: #333; border: 4px solid #515151; color: #ddd; -moz-box-shadow: inset 0 0 4px #222, 4px 4px 8px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 0 4px #222, 4px 4px 8px rgba(0, 0, 0, 0.4); box-shadow: inset 0 0 4px #222, 4px 4px 8px rgba(0, 0, 0, 0.4); } .darkFilterDropDown .bsbIcon { display: block; float: right; *display: inline; *zoom: 1; height: 18px; width: 18px; background: transparent url(images/sReg-Light-Strip.png) 0 0 no-repeat; margin: 0 0 0 4px; } .darkFilterDropDown .add { background-position: 0 0; } .darkFilterDropDown .sReg-FOLinks:hover .add { background-position: 0 -18px; } .darkFilterDropDown .edit { background-position: -18px 0; } .darkFilterDropDown .sReg-FOLinks:hover .edit { background-position: -18px -18px; } .darkFilterDropDown .email { background-position: -36px 0; } .darkFilterDropDown .sReg-FOLinks:hover .email { background-position: -36px -18px; } .darkFilterDropDown .pinned { background-position: -36px 0; } .darkFilterDropDown .sReg-FOLinks:hover .pinned { background-position: -36px -18px; } .darkFilterDropDown .pinned { background-position: -54px 0; } .darkFilterDropDown .sReg-FOLinks:hover .pinned { background-position: -54px -18px; } .darkFilterDropDown .unpinned { background-position: -72px 0; } .darkFilterDropDown .sReg-FOLinks:hover .unpinned { background-position: -72px -18px; } .darkFilterDropDown .remove { background-position: -216px 0; } .darkFilterDropDown .sReg-FOLinks:hover .remove { background-position: -216px -18px; } .darkFilterDropDown .minus { background-position: -234px 0; } .darkFilterDropDown .sReg-FOLinks:hover .minus { background-position: -234px -18px; } .darkFilterDropDown .shuffle { background-position: -252px 0; } .darkFilterDropDown .sReg-FOLinks:hover .shuffle { background-position: -252px -18px; } .darkFilterDropDown .sortDown { background-position: -270px 0; } .darkFilterDropDown .sReg-FOLinks:hover .sortDown { background-position: -270px -18px; } .darkFilterDropDown .sortUp { background-position: -288px 0; } .darkFilterDropDown .sReg-FOLinks:hover .sortUp { background-position: -288px -18px; } .sReg-FilterDropDown .RadListBox .rlbItem { color: #ddd; padding: 4px; } .sReg-FilterDropDown .RadListBox .rlbItem input { margin: 6px; } .sReg-FilterDropDown .RadListBox .rlbHovered { background: #000; } /*-- BSB Tabullar -------------------------*/ /*******************************************/ #darkTheme ul.bsbTabNav { margin: 0; padding: 0 0 0 18px; } #darkTheme ul.bsbTabNav:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #darkTheme li.bsbTabNavItem { margin: 0; padding: 0 2px 0 0; list-style: none; background: transparent; float: left; } #darkTheme a.bsbTabNavLink:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #darkTheme a.bsbTabNavLink, #darkTheme a.bsbTabNavLink:link, #darkTheme a.bsbTabNavLink:visited { display: block; background: #1b1b1b url(images/black-textured-bg.jpg) 0 0 repeat-x; text-decoration: none; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 36px; color: #6e6e6e; padding: 6px 18px; text-shadow: -1px -1px 1px #000; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: inset 1px 1px 0 1px rgba(133,133,133,0.5), inset -1px -1px 0 1px rgba(0,0,0,0.5); -moz-box-shadow: inset 1px 1px 0 1px rgba(133,133,133,0.5), inset -1px -1px 0 1px rgba(0,0,0,0.5); box-shadow: inset 1px 1px 0 1px rgba(133,133,133,0.5), inset -1px -1px 0 1px rgba(0,0,0,0.5); } #darkTheme .bsbTabNumber { float: left; text-align: center; font-size: 42px; line-height: 42px; font-family: "Coda", "Segoe UI", Arial, Helvetica, sans-serif; } #darkTheme .bsbActiveTab .bsbTabNumber { padding: 0 12px 0 0; border-right: 1px solid #000; } #darkTheme .bsbTabNumber small { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; display: block; } #darkTheme .bsbTabTitle { float: left; padding: 5px 12px; border-left: 1px solid #4b4b4c; } #darkTheme .bsbTabTitle small { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; display: block; } #darkTheme a.bsbActiveTab .bsbTabNumber, #darkTheme a.bsbActiveTab .bsbTabTitle, #darkTheme a.bsbTabNavLink:hover .bsbTabNumber, #darkTheme a.bsbTabNavLink:hover .bsbTabTitle{ color: #fff; } #darkTheme .bsbTabCnt { background-color: #555; border: 2px solid #454545; padding: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #darkTheme .bsbTabCnt .bsbContent { background-color: #444; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); box-shadow: inset 0 0 2px rgba(0,0,0,0.5); padding: 18px; display: block; border-width: 1px; } #darkTheme a.bsbHelp, #darkTheme a.bsbHelp:link, #darkTheme a.bsbHelp:visited { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #A1A1A1; background: url(images/icn-help.png) top right no-repeat transparent; vertical-align: baseline; display: inline-block; text-decoration: none; padding: 36px 42px 0 0; font-weight: normal; } #darkTheme a.bsbHelp:hover, #darkTheme a.bsbHelp:focus, #darkTheme a.bsbHelp:active { color: #fff; text-decoration: none; } /*-- BSB Accordion -------------------------*/ /*******************************************/ #darkTheme h3.bsbAcdHead { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; color: #dddddd; font-weight: normal; padding: 0; margin: 0; } #darkTheme a.bsbAcdAction, #darkTheme a.bsbAcdAction:link, #darkTheme a.bsbAcdAction:visited { display: inline-block; *display: inline; *zoom: 1; margin: 6px 0 0 6px; height: 18px; width: 18px; background: transparent url(images/sReg-Light-Strip.png) -162px 0 no-repeat; } #darkTheme a.icnCollapsed, #darkTheme a.icnCollapsed:link, #darkTheme a.icnCollapsed:visited { background: transparent url(images/sReg-Light-Strip.png) -162px 0 no-repeat; } #darkTheme a.icnExpanded, #darkTheme a.icnExpanded:link, #darkTheme a.icnExpanded:visited { background: transparent url(images/sReg-Light-Strip.png) -162px -18px no-repeat; } #darkTheme .bsbAcdCnt { padding: 18px 0 0 0; } /*-- BSB Error Bubble ---------------------*/ /*******************************************/ #darkTheme .bsbAlertBox { background-color: #cd0000; background: rgba(205,0,0,0.8); border: 1px solid #620000; -moz-box-shadow: 0 0 6px #cd0000; -webkit-box-shadow: 0 0 6px #cd0000; box-shadow: 0 0 6px #cd0000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 12px; } #darkTheme .bsbAlertMessage { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #fff; padding: 0 0 12px 0; border-bottom: 1px solid #ed4747; } #darkTheme .bsbAlertActions { padding: 12px 0 0 0; border-top: 1px solid #620000; } #darkTheme .bsbError { background-color: #cd0000; background: rgba(205,0,0,0.8); display: none; -moz-box-shadow: 0 0 4px #cd0000; -webkit-box-shadow: 0 0 4px #cd0000; box-shadow: 0 0 4px #cd0000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 999; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #fff; padding: 4px 12px; position: absolute; left: 50%; bottom: -22px; margin: 0 0 0 -25%; } #darkTheme .bsbInlineError { background-color: #cd0000; background: rgba(205,0,0,0.8); display: none; -moz-box-shadow: 0 0 4px #cd0000; -webkit-box-shadow: 0 0 4px #cd0000; box-shadow: 0 0 4px #cd0000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #fff; padding: 4px 12px; margin: 6px 0;} #darkTheme .bsbErrorNotch { position: absolute; top: -6px; left: 50%; border-top: 0; border-left: 6px solid transparent; margin: 0 0 0 -3px; border-right: 6px solid transparent; border-bottom: 6px solid rgba(205,0,0,0.8); padding: 0; width: 0; height: 0; font-size: 0; line-height: 0; _border-right-color: #fff; _border-left-color: #fff; _filter: chroma(color=#fff); } #darkTheme .RadComboBox table { padding: 6px; border: 4px solid #515151 !important; background: #333333; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: block; overflow: hidden; position: relative; text-decoration: none; -moz-box-shadow: inset 0 0 4px #222222; -webkit-box-shadow: inset 0 0 4px #222222; box-shadow: inset 0 0 4px #222222; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /*-- BSB Teleri Combobox ------------------*/ /*******************************************/ #darkTheme .RadComboBox:hover table, #darkTheme .RadComboBox:focus table, #darkTheme .RadComboBox:active table { border-color: #181818 !important; } #darkTheme .RadComboBox table.rcbFocused { border-color: #181818 !important; } #darkTheme .RadComboBox input.rcbInput { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; font-weight: normal; color: #ddd; } #darkTheme .RadComboBox .rcbArrowCell { vertical-align: middle; } #darkTheme .RadComboBox .rcbArrowCell a, #darkTheme .RadComboBox .rcbArrowCell a:link, #darkTheme .RadComboBox .rcbArrowCell a:visited { height: 18px; width: 18px; background: transparent url(images/sReg-Light-Strip.png) -126px 0 no-repeat; } #darkTheme .RadComboBox:hover .rcbArrowCell a, #darkTheme .RadComboBox:focus .rcbArrowCell a:link, #darkTheme .RadComboBox:active .rcbArrowCell a:visited, #darkTheme .RadComboBox .rcbArrowCell a:hover, #darkTheme .RadComboBox .rcbArrowCell a:focus, #darkTheme .RadComboBox .rcbArrowCell a:active { background-position: -126px -18px; } .RadComboBoxDropDown { padding: 6px; border: 4px solid #181818; border-top: none; background: #333333; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; font-weight: normal; color: #ddd; } .RadComboBoxDropDown .rcbItem { color: #dddddd; } .RadComboBoxDropDown .rcbHovered { background: #000; color: #fff; } /*-- BSB Helper ---------------------------*/ /*******************************************/ #darkTheme .pull-left { float: left; } #darkTheme .pull-right { float: right; } #darkTheme .clear { clear: none; font-size: 12px; line-height: 18px; height: auto; } #darkTheme .clear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #darkTheme .bsbWideCnt { max-width: 1200px; _width: 1200px;} #darkTheme .bsbDivider { border-right: 5px solid #000; } #darkTheme .clearfix { clear:both; font-size: 0px; line-height: 0px; height: 0px; } #darkTheme .bsbDpsBlock { display: block; } #darkTheme .bsbVTop { vertical-align: top; } #darkTheme .bsbHLPadding { padding: 0 18px; } #darkTheme .bsbHMPadding { padding: 0 12px; } #darkTheme .bsbHSPadding { padding: 0 6px; } #darkTheme .bsbHLMargin { margin: 0 18px; } #darkTheme .bsbHMMargin { margin: 0 12px; } #darkTheme .bsbHSMargin { margin: 0 6px; } #darkTheme .bsbVLPadding { padding: 18px 0; } #darkTheme .bsbVMPadding { padding: 12px 0; } #darkTheme .bsbVSPadding { padding: 6px 0; } #darkTheme .bsbVLMargin { margin: 18px 0; } #darkTheme .bsbVMMargin { margin: 12px 0; } #darkTheme .bsbVSMargin { margin: 6px 0; } #darkTheme .bsbRelative { position: relative; } #darkTheme ul.bsbVList { margin: 0; padding: 0; background: transparent; } #darkTheme li.bsbVItem { margin: 0; padding: 0 12px 0 0; float: left; background: transparent; list-style: none; color: #BABABA; } #darkTheme li.bsbAlertText { margin: 0; list-style: none; color:Red;} #darkTheme li.hasAlert { color: #ff0000; } /*-- BSB Telerik Grid Filter Menu---------------------*/ /*******************************************/ #darkTheme .RadGrid .rgFilter { background: url("images/sReg-Light-Strip.png") no-repeat scroll -198px 0 transparent;height: 18px;width: 18px; } #darkTheme .RadGrid .rgFilterRow td { padding: 4px 6px; color: #fff; vertical-align: middle; border-right: 1px solid #4d4d4d; } #darkTheme .RadGrid .rgFilterRow td .rgFilterBox { background: #333; border: 4px solid #515151; color: #ddd;font-family: "Segoe UI", Arial, Helvetica, sans-serif; -moz-box-shadow: inset 0 0 4px #222; -webkit-box-shadow: inset 0 0 4px #222; box-shadow: inset 0 0 4px #222;border-radius: 8px 8px 8px 8px;} #darkTheme .RadGrid .rgFilterRow td .rgFilterBox:hover, #darkTheme .RadGrid .rgFilterRow td .rgFilterBox:focus { border-color: #181818; } .darkThemeFilterMenu {background: none repeat scroll 0 0 #333333;border: 4px solid #515151; box-shadow: 0 0 4px #222222 inset, 4px 4px 8px rgba(0, 0, 0, 0.4); color: #DDDDDD; border-radius: 8px 8px 8px 8px;} .darkThemeFilterMenu .rmGroup .rmText { color: #DDDDDD;} .darkThemeFilterMenu .rmGroup .rmItem a.rmLink:hover { background-color: #000;text-decoration: none;cursor: pointer;} /*-- BSB Popup ---------------------*/ /*******************************************/ #Body .darkDialog { background: #444; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5), 0 0 2px 2px #444; -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.5), 0 0 2px 2px #444; box-shadow: inset 0 0 6px rgba(0,0,0,0.5), 0 0 2px 2px #444; border: 16px solid #555; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } #Body .darkDialog .ui-dialog-titlebar { border-bottom: 1px solid #333; } #Body .darkDialog .ui-dialog-titlebar .ui-dialog-title { font-size: 32px; line-height: 42px; color: #fff; text-shadow: -2px -2px 0 rgba(0,0,0,0.5); } #Body .darkDialog .ui-widget-content { border-top: 1px solid #535353; padding: 12px 0 0 0; color: #fff; } #Body .darkDialog .ui-widget-content, #Body .darkDialog .ui-widget-content p, #Body .darkDialog .ui-widget-content .Normal { font-size: 16px; line-height: 20px; color: #fff; } #Body .darkDialog .ui-widget-content a { font-size: 16px; line-height: 20px; color: #7dfd00; text-align: underline; } #Body .darkDialog .ui-widget-content a:hover { color: #fff; } #Body .darkDialog .ui-widget-content .bsbLabel { font-size: 14px; line-height: 20px; color: #9f9f9f; } #Body .darkDialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon:before { content: "X"; color: #FFF; font-family: Arial,Helvetica,sans-serif; font-size: 18px; line-height: 25px; font-weight: bold; } #Body .darkDialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon { background: #1c1c1c; border: 3px solid #fff; padding: 4px 9px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #Body .darkDialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover .ui-icon { background: #d60303; } #Body .darkDialog .ui-dialog-titlebar .ui-dialog-titlebar-close { top: -38px; right: -50px; } /*-- BSB New Content Manger UI ---------------------*/ /*******************************************/ #Body #PagesTreeview .treeExpand, #Body #PagesTreeview .treeCollpase { width: 14px; height: 7px; vertical-align: middle; display:inline-block; cursor:pointer;} #Body #PagesTreeview .treeLeaf { margin-left: 22px;} #Body #PagesTreeview .treeExpand { background-image: url(images/new-iconarrow.png); background-position: left top; } #Body #PagesTreeview .treeCollpase { background-image: url(images/new-iconarrow.png); background-position: left bottom; } #Body #PagesTreeview .row-title { font-size: 16px; display :inline-block;} #Body #PagesTreeview .prevent table { cursor:initial;} #Body #PagesTreeview .grid-alt-row { background: #f7f7f7 none repeat scroll 0 0; border: 1px solid #e5e5e5;} #Body #PagesTreeview .wrap70px { width: 70px; } #Body #PagesTreeview .wrap60px { width: 60px; } #Body #PagesTreeview .defaultcursor {cursor: default;} #Body #PagesTreeview .info-tiptip { vertical-align :middle ; cursor:pointer; } #Body #PagesTreeview input[type="checkbox"] { vertical-align :middle; margin :0 } #Body #PagesTreeview ul, #PagesTreeview ul li { list-style-type: none; margin: 0; padding: 0; } #Body #PagesTreeview ul { margin-left:18px; } #Body #PagesTreeview>ul,#PagesTreeview .firstList { margin: 0 !important;} #Body #PagesTreeview #AddNewPagePanel input[type="checkbox"] { margin-right: 3px;} #Body #PagesTreeview .dragPlacefolder { display:none;} #Body #PagesTreeview .dragPlacefolder ul { padding-left:10px;min-height: 52px;} #Body #PagesTreeview li.ui-sortable-helper .dragPlacefolder { display: none !important; } #Body #PagesTreeview .dragPlacefolder li.ui-sortable-placeholder { visibility: hidden !important; height: 30px !important;} #Body #PagesTreeview li.ui-sortable-placeholder { border: 2px dashed #d5d5d5; margin-bottom: 5px; visibility: visible !important; padding-left:10px; height: 50px; } #Body #PagesTreeview .middle-align { vertical-align: middle; } #Body #PagesTreeview .span-green, #Body #PagesTreeview .span-red, #Body #PagesTreeview .span-orange {vertical-align:middle; } #Body #PagesTreeview .RecycleBinLink .icn-remove { margin: 0; background-position: -162px -18px;} #Body #PagesTreeview .divTreeView a { line-height: 15px; margin-top: 1px; text-decoration: underline; } #Body #PagesTreeview .divTreeView .grid-header-text{ margin-top: 5px;} #Body #PagesTreeview .textgreen { color: green; font-weight: bold; } .BSBNav-root li:last-child .vertical-splitter { display:none !important; } #Body #PagesTreeview td, #Body .ResponsiveTable td { padding: 4px 8px; vertical-align: middle; } #Body #PagesTreeview table, #Body .ResponsiveTable table { background: #fff; margin: 2px; border: 1px solid #d3d3d3; cursor: move; } #Body #PagesTreeview table:hover, #Body .ResponsiveTable table:hover { background: #eee; border-style: dashed; } #Body #PagesTreeview>ul>li>div>table td { line-height: 40px;} #Body #PagesTreeview td { line-height: 30px; } #Body .text-left { text-align: left; } #Body .text-right { text-align: right; } #Body .text-center { text-align: center; } #Body .ResponsiveTable td[align=left] { text-align: left; } #Body .ResponsiveTable td[align=right] { text-align: right; } #Body .ResponsiveTable td[valign=top] { vertical-align: top; } #Body .ResponsiveTable td[valign=middle] { vertical-align: middle; } #Body .ResponsiveTable td[valign=bottom] { vertical-align: bottom; } #Body .vertical-middle { vertical-align: middle; } /********************************************************************/ /* Confirmation Dialog */ /********************************************************************/ .confirmation-wrapper { background: url(images/bsb_logo.png) 12px center no-repeat transparent; padding: 0 0 0 212px; min-height: 180px; _height: 180px; position: relative; } .confirmation-close-text { position: absolute; top: -80px; right: 0; padding: 36px 0 0 0; font-size: 12px; line-height: 18px; font-weight: normal; font-family: Arial,Helvetica,sans-serif; color: #808080; background: url(images/hand-draw-arrow.png) center top no-repeat transparent; } .confirmation-wrapper p { font-size: 14px; line-height: 18px; font-weight: normal; font-family: Arial,Helvetica,sans-serif; color: #808080; margin: 0; padding: 0 0 18px 0; } .confirmation-label { color: #10c6ed; } .confirmation-amount, .confirmation-amount .dollar { font-size: 30px; line-height: 32px; font-weight: normal; font-family: Arial,Helvetica,sans-serif; color: #808080; margin: 0; padding: 0 0 18px 0; } .confirmation-amount .dollar { color: #10c6ed; padding: 0 6px 0 0; } .confirmation-wrapper a.TeamPage_actionButton, .confirmation-wrapper a.TeamPage_actionButton:link, .confirmation-wrapper a.TeamPage_actionButton:visited { display: inline-block; background: #0ec2e8; border: 1px solid #0093c5; font-size: 18px; line-height: 24px; font-weight: normal; font-family: Arial,Helvetica,sans-serif; padding: 4px 20px 6px; text-align: center; color: #fff; } .confirmation-wrapper a.TeamPage_actionButton:hover { background-color: #09b700; border-color: #056a00; } @media screen and (max-width: 800px){ #Body #PagesTreeview .BSBbtn .BSBbtn-text { display: none; } #Body #PagesTreeview .BSBbtn .icn-wrapper { margin: 0; } #Body .ResponsiveAt800 td, #Body .ResponsiveAt800 td[align=left], #Body .ResponsiveAt800 td[align=right] { display: block; text-align: center; width: 100%; } #BSBNav ul.BSBNav-root { display: block; float: none; text-align: center; } #BSBNav li.BSBNav-item { float: none; display: inline-block; } } @media screen and (max-width: 600px){ #Body .ResponsiveAt600 td, #Body .ResponsiveAt600 td[align=left], #Body .ResponsiveAt600 td[align=right] { display: block; text-align: left; } } .btnSaveSettings.BSBbtn-disable { cursor:not-allowed; } #Body .chzn-container.chzn-container-single.chzn-disabled a.chzn-single{ cursor: not-allowed; opacity: 0.5; } .margin-top-10 {margin-top: 10px;}