/* ************************************************************************* *
 * .overrides_custom css
 *
 * Place styles for simple UI customization in this file.
 *
 * This file is loaded after all other CSS, so selectors here will win in 
 * case of conflict with default rules.
 *
 * Using this file to customize is the method most likely to conserve your 
 * customizations even if markup changes in future product releases.
 *
 * Extensive customizations may be easier to implement by replacing one or 
 * more of the standard theme files in your custom theme folder.
 *
 * However, if future product releases place styles for new markup 
 * components into the files you have replaced, your theme will not have 
 * these new styles, and therefore, will not display the new components 
 * correctly.
 *
 * Style sheet cascade hierarchy (load order)
 *  1.  reset.css
 *  2.  theme.css
 *  3.  pages.css
 *  4.  containers.css
 *  5.  buttons.css
 *  6.  lists.css
 *  7.  controls.css
 *  8.  dataDisplays.css
 *  9.  pageSpecific.css
 *  10. dialogSpecific.css
 *  11. forPrint.css
 *  12. overrides_custom.css (this style sheet)
 *  13. jquery-ui-#.##.#-custom.css
 *
 * ************************************************************************* */

/* ************************************************************************* *
 *  Quantum web font kit
 * ************************************************************************* */

/* @import must be at top of file, otherwise CSS will not work */
/*@import url("//hello.myfonts.net/count/2b4ea6");*/


/* Gf H20 Sans Black */
@font-face {
  font-family: 'GfH2OSansBlack';
  src: url('fonts/2B4EA6_0_0.eot');
  src: url('fonts/2B4EA6_0_0.eot?#iefix') format('embedded-opentype'),
    url('fonts/2B4EA6_0_0.woff') format('woff'),
    url('fonts/2B4EA6_0_0.ttf') format('truetype');
}
@font-face {
  font-family: 'GfH2OSansBlack';
  src: url('fonts/2B4EAB_0_0.eot');
  src: url('fonts/2B4EAB_0_0.eot?#iefix') format('embedded-opentype');
    url('fonts/2B4EAB_0_0.svg#wf') format('svg');
} 
  
/* Gf H20 Sans Black Italic */
@font-face {
  font-family: 'GfH2OSansBlackItal';
  src: url('fonts/2B4EA6_1_0.eot');
  src: url('fonts/2B4EA6_1_0.eot?#iefix') format('embedded-opentype'),
    url('fonts/2B4EA6_1_0.woff') format('woff'),
    url('fonts/2B4EA6_1_0.ttf') format('truetype');
}
@font-face {
  font-family: 'GfH2OSansBlackItal';
  src: url('fonts/2B4EAB_1_0.eot');
  src: url('fonts/2B4EAB_1_0.eot?#iefix') format('embedded-opentype');
  src:url('fonts/2B4EAB_1_0.svg#wf') format('svg'); 
}

/* Gf H20 Sans Bold */
@font-face {
  font-family: 'GfH2OSans';
  src: url('fonts/2B4EA6_2_0.eot');
  src: url('fonts/2B4EA6_2_0.eot?#iefix') format('embedded-opentype'),
    url('fonts/2B4EA6_2_0.woff') format('woff'),
    url('fonts/2B4EA6_2_0.ttf') format('truetype');
}
@font-face {
  font-family: 'GfH2OSans';
  src: url('fonts/2B4EAB_2_0.eot');
  src: url('fonts/2B4EAB_2_0.eot?#iefix') format('embedded-opentype');
  src:url('fonts/2B4EAB_2_0.svg#wf') format('svg'); 
}
 
/* Gf H20 Sans Bold Italic */
@font-face {
  font-family: 'GfH2OSans';
  src: url('fonts/2B4EA6_3_0.eot');
  src: url('fonts/2B4EA6_3_0.eot?#iefix') format('embedded-opentype'),
    url('fonts/2B4EA6_3_0.woff') format('woff'),
    url('fonts/2B4EA6_3_0.ttf') format('truetype');
}
@font-face {
  font-family: 'GfH2OSans';
  src: url('fonts/2B4EAB_3_0.eot');
  src: url('fonts/2B4EAB_3_0.eot?#iefix') format('embedded-opentype');
  src:url('fonts/2B4EAB_3_0.svg#wf') format('svg'); 
}
 
/* Gf H20 Sans Italic */
@font-face {
  font-family: 'GfH2OSans';
  src: url('fonts/2B4EA6_4_0.eot');
  src: url('fonts/2B4EA6_4_0.eot?#iefix') format('embedded-opentype'),
    url('fonts/2B4EA6_4_0.woff') format('woff'),
    url('fonts/2B4EA6_4_0.ttf') format('truetype');
}
@font-face {
  font-family: 'GfH2OSans';
  src: url('fonts/2B4EAB_4_0.eot');
  src: url('fonts/2B4EAB_4_0.eot?#iefix') format('embedded-opentype');
  src:url('fonts/2B4EAB_4_0.svg#wf') format('svg'); 
}
 
/* Gf H20 Sans Roman */
@font-face {
  font-family: 'GfH2OSans';
  src: url('fonts/2B4EA6_5_0.eot');
  src: url('fonts/2B4EA6_5_0.eot?#iefix') format('embedded-opentype'),
    url('fonts/2B4EA6_5_0.woff') format('woff'),
    url('fonts/2B4EA6_5_0.ttf') format('truetype');
}
@font-face {
  font-family: 'GfH2OSans';
  src: url('fonts/2B4EAB_5_0.eot');
  src: url('fonts/2B4EAB_5_0.eot?#iefix') format('embedded-opentype');
  src:url('fonts/2B4EAB_5_0.svg#wf') format('svg'); 
}


/* ************************************************************************* *
 * from: theme.css
 * ************************************************************************* */

/* --------------------------------------------- *\
    from what was typography.css 
\* --------------------------------------------- */
body,
textarea,
.body,
.title>.path,
input,
select { 
	font-size: 12px !important;
	line-height: 1.167em !important; /* 12 x 1.167 = 14 */
  font-family: 'GfH2OSans', Verdana, Arial, Helvetica, sans-serif !important;
  letter-spacing: 0.05em !important;
}

/* --------------------------------------------- *\
    from what was colors.css 
\* --------------------------------------------- */

/* palette 01 - white 
 * hue: 0
 * rgb: 255, 255, 255
 * hex: #ffffff
 * ==================================== */
.palette01,
.button.action.over,
.button.up.over,
.button.up.primary.over,
.button.up.pressed,
.button.up.primary.pressed,
.button.down.over,
.button.down.pressed,
.button.capsule.down.over,
.button.capsule.down.pressed,
.tabSet.horizontal.buttons .button.over,
.tabSet.horizontal.buttons .button.pressed,
.menu .wrap.over,
.menu .wrap.pressed,
.button.up.primary,
.menu.primaryNav .up,
.menu.primaryNav .wrap,
.menu.primaryNav .up.over,
.menu.primaryNav .up.pressed,
.menu.primaryNav .wrap.over,
.menu.primaryNav .wrap.pressed,
.tabSet.buttons.vertical .button,
.tabSet.buttons .selected .button,
.tabSet.buttons .button.over,
#metaLinks li,
#metaLinks a,
#metaLinks a:hover,
#metaLinks a:active,
#selectedSubDataSourcesList .leaf.selected .dataSourceName,
.list.collapsible>li>.selected>.wrap,
.selected>.wrap .resourceName,
.selected>.wrap .resourceDescription,
.selected>.wrap .resourcePath,
.pressed .resourceName,
.pressed .resourceDescription,
.pressed .resourcePath,
.list.collapsible>li>.wrap.pressed,
.list.collapsible .selected>.wrap,
#entitiesList .selected>.wrap,
#entitiesList .wrap.pressed,
.authorityPicker .selected,
.authorityPicker .highlighted.selected,
.workflow-buttonContainer .button {
	color: #ffffff;
}

/* palette 02 - gallery gray
 * hue: 0
 * rgb: 224, 224, 224
 * hex: #efefef
 * ==================================== */
.palette02,
.node.readonly > .wrap {
	color: #efefef;
}

/* palette 03 - silver
 * hue: 0
 * rgb: 204, 204, 204
 * hex: #c1c1c1
 * ==================================== */
.palette03,
.button.action.checking,
.button.action.checking.over,
.button.action.checking.pressed,
.disabled,
.button.disabled,
[disabled],
.button[disabled], 
.button.primary[disabled] {
	color: #c1c1c1;
}

/* palette 04 - mountain mist
 * hue: 0
 * rgb: 153, 153, 153
 * hex: #969696
 * ==================================== */
.palette04,
.horizontal,
.sub.header,
.control.path,
.tabSet.buttons .disabled .button,
.list.twoColumn>.node>.wrap,
.hint,
.filters .fieldName,
.filters .condition {
	color: #969696;
}

/* palette 05 - dim gray
 * hue: 0
 * rgb: 102, 102, 102
 * hex: #686868
 * ==================================== */
.palette05,
.tabSet.text>.tab>.wrap,
.tabSet.text>.tab>.wrap.over,
.tabSet.text>.label>.wrap,
.button,
.header,
.foundItem,
#metaLinks,
.group legend.label,
legend,
label,
.label,
.label.wrap,
legend.label>.wrap,
.control>.wrap,
.control.path>.step.last>.wrap,
.control.path>.step.last>.wrap.over,
.control.path>.step.last>.wrap.pressed,
.tabular,
.list.settings .node>.wrap .title,
.list.inputSet,
#serverError h3,
#addResource_locateDataSource #newDataSourceLink.disabled,
#addResource_locateQuery #newQueryLink.disabled,
ul.decorated,
.resourceBlock-title,
.resourceBlock .fileType,
.workflow-description,
.workflow-description a:link,
.workflow-description a:visited,
.workflow-description a:active {
	color: #686868;
}

/* palette 06 - mine shaft
 * hue: 0
 * rgb: 51, 51, 51
 * hex: #303030
 * ==================================== */
.palette06,
body,
.title>.path,
.menu li,
*[readonly=readonly],
.group>legend,
.resourceDescription {
	color: #303030;
}

/* palette07 - black
 * hue: 0
 * rgb: 0, 0, 0
 * hex: #030202
 * ==================================== */
.palette07 {
	color: #030202;
}

/* palette 08 - tufts blue
 * hue: 212
 * rgb: 55, 124, 204
 * hex: #377ccc
 * ==================================== */
.palette08,
.button.action.primary.disabled,
.button.action.primary.jumbo.disabled,
.button.action.primary[disabled],
.button.action.primary.jumbo[disabled],
.tabSet.buttons.vertical [disabled] { 
	color: #377ccc; 
}

/* palette 09 - azure blue
 * hue: 212
 * rgb: 58, 105, 158
 * hex: #3a699e
 * ==================================== */
.palette09,
.launcher,
.button.action.jumbo {
	color: #3a699e;
}

/* palette 10 - light sky blue
 * hue: 212
 * rgb: 115, 159, 209
 * hex: #739fd1
 * ==================================== */
.palette10,
#metaLinks a:active,
a#about:active {
	color: #739fd1;
}

/* palette x1 - dark cerulean - dark blue in gradient
 * hue: 212
 * rgb: 7. 67, 135
 * hex: #074387
 * ==================================== */
.content .header > .title,
.panel > .header > .title,
.column.decorated.minimized .vtitle,
.tabSet.horizontal.buttons .selected>.button>.wrap,
#filter-container .filterName,
#expression-container .filterName {
	color: #074387;
}

/* palette x2 - glaucous blue - footer color
 * hue: 212
 * rgb: 96, 133, 176
 * hex: #6085b0
 * ==================================== */
a#about,
a#about:hover,
a#about:active,
#frameFooter{
	color: #6085b0;
}

/* palette 11 - yale blue
 * hue: 212
 * rgb: 27, 83, 148
 * hex: #1b5394
 * ==================================== */
.palette11,
.textAccent02,
.tabSet.text .selected.tab>.wrap,
.tabSet.text .selected.tab>.wrap.over,
.tabSet.text .selected.tab>.wrap.pressed,
.list.filters>li.selected>.wrap,
.list.filters>.leaf>.wrap.pressed,
.list.stepIndicator .selected>.wrap,
.panel.info.system .message,
.list.type_basic .wrap a,
.resourceName,
.fsection,
#reportContainer a,
#scheduler_editor #stepDisplay > fieldset > legend,
.homeSidebar-title,
.workflow-title,
.resourceBlock a:link,
.resourceBlock a:visited,
.resourceBlock a:hover,
.resourceBlock a:active,
.workflow-description a:hover,
.plusminus .node>.wrap>.jrbookmark {
	color: #1b5394;
}

#reportContainer .inputControls a {
  color: inherit;
}


/* palette 12 - cool black blue
 * hue: 212
 * rgb: 0, 43, 92
 * hex: #002b5c
 * ==================================== */
.palette12,
.tabSet.text>.tab>.wrap.pressed,
.control.path .step .wrap.pressed,
a:active,
#reportContainer a:active {
	color: #002b5c;
}

/* palette 13 - harvest gold
 * hue: 39
 * rgb: 229, 147, 0
 * hex: #e59300
 * ==================================== */
.palette13,
.textAccent,
.button.action.jumbo.over,
#needHelp {
	color: #e59300;
}

/* palette 14 - dark tangerine
 * hue: 39
 * rgb: 251, 168, 13
 * hex: #fba80d
 * ==================================== */
.palette14,
#needHelp:active,
.button.action.jumbo.pressed {
	color: #fba80d;
}

/* palette 15 - raw umber
 * hue: 39
 * rgb: 122, 85, 16
 * hex: #7a5510
 * ==================================== */
.palette15,
.button.capsule.down {
	color: #7a5510;
}

/* palette 16 - dixie gold
 * hue: 39
 * rgb: 220, 151, 23
 * hex: #dc9717
 * ==================================== */
.palette16,
.button.capsule.down.disabled,
.button.capsule.down[disabled],
.resourcePath {
	color: #dc9717;
}

/* palette 17 - red
 * hue: 0
 * rgb: 255, 0, 0
 * hex: #b01c2e
 * ==================================== */
.palette17,
.warning,
.errorMessage,
.invalid>.wrap,
.error>.message.warning a.details:active {
	color: #b01c2e;
}

/* palette 18 - kelly green
 * hue: 165
 * rgb: 78, 174, 0
 * hex: #408e00
 * ==================================== */
.palette18,
.notification.success>.message.warning,
.success {
    color: #408e00;
}

.palette18,
.notification.success>.message.warning {
    color: #408e00;
}

.palette01_bkgd {background-color: #ffffff;}
.palette02_bkgd {background-color: #efefef;}
.palette03_bkgd {background-color: #c1c1c1;}
.palette04_bkgd {background-color: #969696;}
.palette05_bkgd {background-color: #686868;}
.palette06_bkgd {background-color: #303030;}
.palette07_bkgd {background-color: #030202;}
.palette08_bkgd {background-color: #377ccc;}
.palette09_bkgd {background-color: #3a699e;}
.palette10_bkgd {background-color: #739fd1;}
.palette11_bkgd {background-color: #1b5394;}
.palette12_bkgd {background-color: #002b5c;}
.palette13_bkgd {background-color: #e59300;}
.palette14_bkgd {background-color: #fba80d;}
.palette15_bkgd {background-color: #7a5510;}
.palette16_bkgd {background-color: #dc9717;}
.palette17_bkgd {background-color: #b01c2e;}
.palette18_bkgd {background-color: #408e00;}

/* --------------------------------------------- *\
    miscellaneous
\* --------------------------------------------- */
#copyright {
	font-weight: normal;
  font-size: 0.8em;
}
#about {
	font-weight: normal;
  font-size: 0.8em;
}

/* --------------------------------------------- *\
    QED customizations
\* --------------------------------------------- */
#metaLinks #userID {
  font-weight: normal;
}
  #metaLinks #userID:before {
    content: "you are logged in as ";
  }


/* ************************************************************************* *
 * from: pages.css
 * ************************************************************************* */


/* ************************************************************************* *
 * from: containers.css
 * ************************************************************************* */

/* --------------------------------------------- *\
    from what was frame.css
\* --------------------------------------------- */
.banner {
	border-top: 1px solid #377ccc;
	border-bottom: 1px solid #1b5394;
}
#frameFooter {
	border-top: 1px solid #074387;
}

/* --------------------------------------------- *\
    horizontal menus
\* --------------------------------------------- */
.menu.primaryNav .wrap {
	font-size: inherit !important;
  letter-spacing: inherit !important;
  font-weight: normal !important;
}

/* --------------------------------------------- *\
    from what was bg.css 
\* --------------------------------------------- */
body {
  background: #002B5C !important;
}
.banner {
	/* gradient end values are palette08 #377ccc and palette11 #1b5394 */
	background: url("images/banner_bkgd.png") repeat-x scroll 0 0 #1b5394;
}
#frameFooter {
	background: #074387;
}

/* --------------------------------------------- *\
    from what was panels.css
\* --------------------------------------------- */
/* palette x3 - cherokee yellow - warning panel background
 * hue: 39
 * rgb: 254, 218, 151
 * hex: #feda97
 * ==================================== */
#systemMessageConsole {
	border: solid 1px #c1c1c1;
	background-color: #feda97;
}
#systemMessage {
	color: #1b5394;
}
#systemMessage span {
	color: #030202;
}
#systemMessage .warning {
  color: #b01c2e;
}



/* ************************************************************************* *
 * from: buttons.css
 * ************************************************************************* */
/* --------------------------------------------- *\
    from what was button.search.css
\* --------------------------------------------- */
#globalSearch .button.search {
	border-left: 2px solid #002b5c;
}
.action.primary {
	/* gradient end values are #3f96fa to #286dbc */
	background: url("images/button_action_primary_sprite.png") repeat-x scroll 0 0 #286dbc;
}


/* ************************************************************************* *
 * from: lists.css
 * ************************************************************************* */

.list>li>.wrap.pressed,
.list>li.selected>.wrap,
.list>li.selected>.wrap.over {
	background-color: #1b5394;
}

/* ************************************************************************* *
 * from: controls.css
 * ************************************************************************* */
/* --------------------------------------------- *\
    from what was base.css
\* --------------------------------------------- */
.textArea textarea {
	min-height: 180px;
	resize: both;
}

/* --------------------------------------------- *\
    from what was searchLockup.css
\* --------------------------------------------- */
.control.searchLockup>.wrap {
	border-color: transparent;
}
#globalSearch.searchLockup>.wrap {
	border:1px solid transparent;
  border-radius: 4px;
}
#globalSearch.control.searchLockup>.wrap>input[type=text] {
	color: #e59300;
}


/* ************************************************************************* *
 * from: dataDisplays.css
 * ************************************************************************* */

/* ************************************************************************* *
 * from: pageSpecific.css
 * ************************************************************************* */

/* --------------------------------------------- *\
    login page
\* --------------------------------------------- */
#loginPage p.errorMessage {
  padding-bottom: 0px;
  padding: 3px;
  background-color: #ebeced;
}
#loginPage #loginForm {
  border: none !important;
  position: absolute;
  top: 198px;
  bottom: 153px;
  right: 36%;
  left: 45%;
  margin-left: auto;
  margin-right: auto;
  background: transparent !important;
  width: 260px;
}
#loginPage .login {
  background: transparent !important;
}
#loginPage .login .header {
  background: url(images/column_header_bkgd.png) repeat-x #ebeced;
  border-bottom: 1px solid #d7d8d9;
  background: transparent !important;
  visibility: hidden !important;
}
#loginPage .login .header>.title {
  font-size: 1.2em !important;
  letter-spacing: 0.1em !important;
  visibility: hidden !important;
}
#loginPage #loginForm .control.input.text > .wrap {
  margin-top: 6px;
}
#loginPage #loginForm .control.input.text > input[type="text"],
#loginPage #loginForm .control.input.password > input[type="password"] {
	border-style: solid;
	border-width: 1px;
	border-top-color: #c1c1c1;
	border-left-color: #d7d8d9;
	border-right-color: #d7d8d9;
	border-bottom-color: #d7d8d9;
  border-radius: 4px;
	background-image: url(images/input_bkgd.png);
	background-repeat: repeat-x;
	background-position: top left;
  color: #286dbc;
  font-size: 1.4em !important;
  letter-spacing: 0.1em !important;
  height: 1.2em;
  padding: 0.2em 0 0.2em 0.5em;
}
#loginPage .login .footer {
  padding: 0 2em 2em 2em;
  height: 72px;
}
  #loginPage .login .footer h2 {
    font-size: 1em !important;
    line-height: 1.4em !important;
    margin-top: 1em !important;
    visibility: hidden !important;
  }
  #loginPage .login .footer h2.wbcs_h2 {
    font-size: 1.2em !important;
    font-weight: bold !important;
    color: #286dbc !important;
    line-height: 1.4em !important;
    margin-top: 1em !important;
    visibility: visible !important;
  }
#loginPage #copy {
  float: none;
  background: #fff;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  /* overrides to .info selector of old login page */
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0;
  border: 1px solid #002b5c;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#loginPage #rotating {
  visibility: hidden !important;
}
#loginPage #rotating >.primary,
#loginPage #rotating >.secondary {
  visibility: hidden !important;
}
#loginPage #rotating >.primary {
  visibility: hidden !important;
}
#loginPage #rotating >.secondary {
	visibility: hidden !important;
}
#loginPage #welcome .text {
  visibility: hidden !important;
}
#loginPage #welcome .logo {
  visibility: hidden !important;
}
#loginPage #welcome {
    height: 280px !important;
    background-position: 50% 50% !important;
}
#loginPage #loginForm legend {
    padding: 0 0 0.4em 0.4em;
}
  #loginPage #loginForm legend:before {
    color: #dc9717;
    content: '\25BA\0020';
  }
#loginPage #loginForm .login .footer .action.primary {
	/* gradient end values are #3f96fa to #286dbc */
	background: url("images/button_action_primary_sprite.png") repeat-x scroll 0 0 #286dbc;
  border-radius: 4px;
}
  #loginPage #loginForm .login .footer .action>.wrap {
    font-family: 'GfH2OSans', Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 1.2em !important;
    letter-spacing: 0.1em !important;
  }
    #loginPage #loginForm .login .footer .action>.wrap:after {
      color: #dc9717;
      content: '\0020\25BA';
    }

/* ************************************************************************* *
 * from: dialogSpecific.css
 * ************************************************************************* */

/* --------------------------------------------- *\
    hides the select chart type dropdown
    this is a global setting for all 'dashlet'
    containers
\* --------------------------------------------- */
.dashlet .show_chartTypeSelector_wrapper { display: none; }
.dashlet .innerLabel { display: none; }

/* ************************************************************************* *
 * from: forPrint.css
 * ************************************************************************* */







/* ************************************************************************* *
 * wbcs = web browser compatibility statement
 * ************************************************************************* */

.wbcs_button {
  font-size: 88%;
  text-decoration: none;
  color: rgb(104,104,104);
  cursor: pointer;
  background: transparent;
  box-shadow: 1px 1px 1px #ffffff;
  -moz-box-shadow: 1px 1px 1px #ffffff;
  -webkit-box-shadow: 1px 1px 1px #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.wbcs_button:hover {
  color: rgb(104,104,104);
  background: transparent;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.wbcs_modalbg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 99999;
  -moz-transition: all 2s ease-out;
  -webkit-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -transition-delay: 0.2s;
  display: block;
  pointer-events: none;
}
.wbcs_modalbg .wbcs_dialog {
  width: 450px;
  position: relative;
  top: -1000px;
  margin: 10% auto;
  padding: 4px 18px 12px 18px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  background: #ffffff;
  background: -moz-linear-gradient(#ffffff, #c6c6c6);
  background: -webkit-linear-gradient(#ffffff, #c6c6c6);
  background: -o-linear-gradient(#ffffff, #c6c6c6);
  box-shadow: 0 0 10px #000000;
  -moz-box-shadow: 0 0 10px #000000;
  -webkit-box-shadow: 0 0 10px #000000;
}
.wbcs_modalbg .wbcs_dialog .wbcs_ie7 {
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3);
}
.wbcs_modalbg:target {
  display: block;
  pointer-events: auto;
  background: rgba(4, 10, 30, 0.8);
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.wbcs_modalbg:target .wbcs_dialog {
  top: 120px;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  -transition-delay: 0.4s;
}
.wbcs_close {
  background: #686868;
  color: #FFFFFF;
  line-height: 25px;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -10px;
  width: 24px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  box-shadow: 0 0 10px #000000;
  -moz-box-shadow: 0 0 10px #000000;
  -webkit-box-shadow: 0 0 10px #000000;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -transition-delay: 0.2s;
}
.wbcs_close .wbcs_ie7 {
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3);
}
.wbcs_close:hover {
  background: #286dbc;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.wbcs_fineprint {
  font-style: italic;
  font-size: 9px;
  color: #286dbc;
}