/* Page Banner
   Author: 
********************************************************************/

.page-banner-mega-link {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/* Button
   Author: JH
********************************************************************/
.button
{
    
}

.button a
{
    display: inline-block;
}

.button a:hover
{
    
}

.button input
{
    display: none;
    cursor: pointer;
}

.button a:hover
{
    
}

/* No javascript */
.button-no-javascript a
{
    display: none;
}

.button-no-javascript input
{
    display: inline-block;
}



/* Captcha
   Author: JH
********************************************************************/
.captcha
{
    display: block;
}

.captcha .captcha-image
{
    position: relative;
    float: left;
    display: block;
    width: 200px;
    height: 60px;
    margin: 0 5px 0 0;
}

.captcha .captcha-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background: url(/Content/images/backgrounds/1x1-black-40-opacity.png);
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
}

.captcha .captcha-overlay .player
{
    display: block;
    width: 200px;
    height: 60px;
}

.captcha .captcha-overlay .player-controls
{
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    width: 180px;
    height: 40px;
}

.captcha .captcha-overlay .player-interface
{
}

.captcha .captcha-overlay .control-close
{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    cursor: pointer;
    font-size: 0.8em;
}

.captcha .captcha-overlay .control-play
{
    display: block;
    cursor: pointer;
}

.captcha .captcha-overlay .control-pause
{
    display: none;
    cursor: pointer;
}

.captcha .captcha-overlay .progress-bar
{
    position: absolute;
    bottom: 0;
    left: 0;
    /*display: block;*/
    display: none;
    width: 178px;
    height: 10px;
    border: solid 1px #000;
}

.captcha .captcha-overlay .progress-bar .seek-bar
{
    display: block;
    width: 100% !important;
    height: 100%;
    background: #666;
}

.captcha .captcha-overlay .progress-bar .play-bar
{
    display: block;
    height: 100%;
    background: #eee;
}

.captcha .captcha-buttons
{
    float: left;
    display: block;
    width: 24px;
}

.captcha .captcha-buttons input
{
}

.captcha .captcha-buttons .audio,
.captcha .captcha-buttons .audio img
{
    display: block;
    border-bottom: none;
}

.captcha .captcha-controls
{
    display: block;
    clear: both;
}

.captcha .captcha-controls label
{
    display: block;
}

.captcha .captcha-controls .textbox
{
    width: 198px;
}



/* Carousel
   Author: JH
********************************************************************/
.carousel
{
    position: relative;
    width: 800px;
    height: 544px;
}

.carousel .carousel-items
{
    position: relative;
    width: 800px;
    height: 494px;
    overflow: hidden
}

.carousel .next,
.carousel .previous
{
    float: right;
    width: 100px;
    height: 40px;
    margin: 5px 5px 0 0;
    background: #fff;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    line-height: 40px;
    list-style: none;
    text-align: center;
    color: #000;
}

.carousel .previous
{
    float: left;
    margin: 5px 0 0 5px;
}

.carousel .next:hover,
.carousel .previous:hover
{
    background: #ddd;
    cursor: pointer;
}

.carousel .play-pause
{
    position: absolute;
    bottom: 15px;
    right: 220px;
    display: inline-block;
    height: 20px;
    margin: 0 5px 0 0;
    padding: 0 10px;
    background: #fff;
    border-radius: 10px;
    cursor: pointer;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    line-height: 20px;
    list-style: none;
    color: #000;
}

.carousel .play-pause:hover
{
    background: #ddd;
    cursor: pointer;
}

.carousel .index
{
    margin: 15px 0 0 0;
    text-align: center;
}

.carousel .index .index-list
{
    margin: 0;
    padding: 0;
}

.carousel .index .index-item
{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px 0 0;
    background: #fff;
    border-radius: 10px;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    line-height: 20px;
    list-style: none;
    color: #000;
}

.carousel .index .index-item:last-of-type { margin: 0; }

.carousel .index .index-item:hover
{
    background: #ddd;
    cursor: pointer;
}

.carousel .index .index-item-current
{
    background: #555;
    color: #fff;
}

.carousel .index .index-item-current:hover
{
    background: #666;
}

/* No javascript */
.carousel-no-javascript
{
    width: auto;
    height: auto;
    background: none;
}

.carousel-no-javascript .carousel-items
{
    width: auto;
    height: auto;
    overflow: visible;
}

.carousel-no-javascript .controls,
.carousel-no-javascript .index
{
    display: none;
}

.carousel .image-matrix
{
    overflow: hidden;
}

.carousel .image-matrix .cell
{
    position: absolute;
    background-repeat: n
}

/* Shatter CSS Animation */
.shatter-1
{
    -webkit-animation: shatter-one 1s infinite linear;
    animation: shatter-one 1s infinite linear;
    
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    
    perspective: 1000px;
}
.shatter-2 
{
    -webkit-animation: shatter-two 1s infinite linear;
    animation: shatter-two 1s infinite linear;
    
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    
    perspective: 1000px;
}

.shatter-3 
{
    -webkit-animation: shatter-three 1s infinite linear;
    animation: shatter-three 1s infinite linear;
    
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    
    perspective: 1000px;
}

.shatter-4 
{
    -webkit-animation: shatter-four 1s infinite linear;
    animation: shatter-four 1s infinite linear;
    
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    
    perspective: 1000px;
}

.shatter-5 
{
    -webkit-animation: shatter-five 1s infinite linear;
    animation: shatter-five 1s infinite linear;
    
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    
    perspective: 1000px;
}

.shatter-6 
{
    -webkit-animation: shatter-six 1s infinite linear;
    animation: shatter-six 1s infinite linear;
    
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    
    perspective: 1000px;
}

.shatter-7 
{
    -webkit-animation: shatter-seven 1s infinite linear;
    animation: shatter-seven 1s infinite linear;
    
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    
    perspective: 1000px;
}

.shatter-8 
{
    -webkit-animation: shatter-eight 1s infinite linear;
    animation: shatter-eight 1s infinite linear;
    
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    
    perspective: 1000px;
}

.shatter-9 
{
    -webkit-animation: shatter-nine 1s infinite linear;
    animation: shatter-nine 1s infinite linear;
    
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    
    perspective: 1000px;
}

/* One */
@keyframes shatter-one {
    0% { transform: rotate3d(1, 1, 1, 0deg); }
    50% { transform: rotate3d(1, 1, 1, 180deg); }
    100% { transform: rotate3d(1, 1, 1, 360deg); }
}

@-webkit-keyframes shatter-one {
    0% { -webkit-transform: rotate3d(1, 1, 1, 0deg); }
    50% { -webkit-transform: rotate3d(1, 1, 1, 180deg); }
    100% { -webkit-transform: rotate3d(1, 1, 1, 360deg); }
}

/* Two */
@keyframes shatter-two {
    0% { transform: rotate3d(-1, 1, 1, 0deg); }
    50% { transform: rotate3d(-1, 1, 1, 180deg); }
    100% { transform: rotate3d(-1, 1, 1, 360deg); }
}

@-webkit-keyframes shatter-two {
    0% { -webkit-transform: rotate3d(-1, 1, 1, 0deg); }
    50% { -webkit-transform: rotate3d(-1, 1, 1, 180deg); }
    100% { -webkit-transform: rotate3d(-1, 1, 1, 360deg); }
}

/* Three */
@keyframes shatter-three {
    0% { transform: rotate3d(2, 1, 3, 0deg); }
    50% { transform: rotate3d(2, 1, 3, 180deg); }
    100% { transform: rotate3d(2, 1, 3, 360deg); }
}

@-webkit-keyframes shatter-three {
    0% { -webkit-transform: rotate3d(2, 1, 3, 0deg); }
    50% { -webkit-transform: rotate3d(2, 1, 3, 180deg); }
    100% { -webkit-transform: rotate3d(2, 1, 3, 360deg); }
}

/* Four */
@keyframes shatter-four {
    0% { transform: rotate3d(1, 0.5, 1, 0deg); }
    50% { transform: rotate3d(1, 0.5, 1, 180deg); }
    100% { transform: rotate3d(1, 0.5, 1, 360deg); }
}

@-webkit-keyframes shatter-four {
    0% { -webkit-transform: rotate3d(1, 0.5, 1, 0deg); }
    50% { -webkit-transform: rotate3d(1, 0.5, 1, 180deg); }
    100% { -webkit-transform: rotate3d(1, 0.5, 1, 360deg); }
}

/* Five */
@keyframes shatter-five {
    0% { transform: rotate3d(2, 1, 2, 0deg); }
    50% { transform: rotate3d(2, 1, 2, 180deg); }
    100% { transform: rotate3d(2, 1, 2, 360deg); }
}

@-webkit-keyframes shatter-five {
    0% { -webkit-transform: rotate3d(2, 1, 2, 0deg); }
    50% { -webkit-transform: rotate3d(2, 1, 2, 180deg); }
    100% { -webkit-transform: rotate3d(2, 1, 2, 360deg); }
}

/* Six */
@keyframes shatter-six {
    0% { transform: rotate3d(1, 1, 3, 0deg); }
    50% { transform: rotate3d(1, 1, 3, 180deg); }
    100% { transform: rotate3d(1, 1, 3, 360deg); }
}

@-webkit-keyframes shatter-six {
    0% { -webkit-transform: rotate3d(1, 1, 3, 0deg); }
    50% { -webkit-transform: rotate3d(1, 1, 3, 180deg); }
    100% { -webkit-transform: rotate3d(1, 1, 3, 360deg); }
}

/* Seven */
@keyframes shatter-seven {
    0% { transform: rotate3d(1, 2, -1, 0deg); }
    50% { transform: rotate3d(1, 2, -1, 180deg); }
    100% { transform: rotate3d(1, 2, -1, 360deg); }
}

@-webkit-keyframes shatter-seven {
    0% { -webkit-transform: rotate3d(1, 2, -1, 0deg); }
    50% { -webkit-transform: rotate3d(1, 2, -1, 180deg); }
    100% { -webkit-transform: rotate3d(1, 2, -1, 360deg); }
}

/* Eight */
@keyframes shatter-eight {
    0% { transform: rotate3d(1, -1, -1, 0deg); }
    50% { transform: rotate3d(1, -1, -1, 180deg); }
    100% { transform: rotate3d(1, -1, -1, 360deg); }
}

@-webkit-keyframes shatter-eight {
    0% { -webkit-transform: rotate3d(1, -1, -1, 0deg); }
    50% { -webkit-transform: rotate3d(1, -1, -1, 180deg); }
    100% { -webkit-transform: rotate3d(1, -1, -1, 360deg); }
}

/* Nine */
@keyframes shatter-nine {
    0% { transform: rotate3d(1, 3, 3, 0deg); }
    50% { transform: rotate3d(1, 3, 3, 180deg); }
    100% { transform: rotate3d(1, 3, 3, 360deg); }
}

@-webkit-keyframes shatter-nine {
    0% { -webkit-transform: rotate3d(1, 3, 3, 0deg); }
    50% { -webkit-transform: rotate3d(1, 3, 3, 180deg); }
    100% { -webkit-transform: rotate3d(1, 3, 3, 360deg); }
}


/* Checkbox
   Author: JH
********************************************************************/
.graphic-checkbox
{
    display: inline-block;
    width: 24px;
    height: 24px;
    background: no-repeat url('/contents/images/form-controls/default-checkbox.png');
    cursor: pointer;
}

.graphic-checkbox input
{
    display: none;
}

.graphic-checkbox:hover { background-position: 100% top; }
.graphic-checkbox.checked { background-position: 0 50%; }
.graphic-checkbox.checked:hover { background-position: 100% 50%; }

.graphic-checkbox.disabled,
.graphic-checkbox.disabled:hover { background-position: 0 100%; }

.graphic-checkbox.disabled.checked,
.graphic-checkbox.disabled.checked:hover { background-position: 100% 100%; }


/* No JS */
.graphic-checkbox-no-js
{
    display: inline;
    width: auto;
    height: auto;
    background: none !important;
    cursor: auto;
}

.graphic-checkbox-no-js input
{
    display: inline;
}


/* Date Textbox
   Author: JH
********************************************************************/
.date-textbox
{
    display: inline-block;
}

.date-textbox .date-icon
{
    position: relative;
    top: -1px;
    display: inline-block;
    margin: 0 5px 0 0;
    cursor: pointer;
    vertical-align: middle;
}

/* No JS */
.date-textbox-no-js .date-icon
{
    display: none;
}



/* Date Textboxes
   Author: JH
********************************************************************/
.date-textboxes
{
    display: inline-block;
}

.date-textboxes li
{
    display: inline-block;
    vertical-align: middle;
    color: #333;
}

.date-textboxes input
{
    height: 24px;
    border: solid 1px #999;
    font-size: 1.2em;
    text-align: center;

    border-radius: 2px; 
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.date-textboxes .divider
{
    margin: 0 8px;
}

.date-textboxes ul
{
    display: inline-block;
    vertical-align: middle;
}

.date-textboxes .date-days input
{
    width: 27px;
}

.date-textboxes .date-months input
{
    width: 27px;
}

.date-textboxes .date-years input
{
    width: 52px;
    margin: 0 8px 0 0;
}

.date-textboxes .date-icon
{
    position: relative;
    top: -1px;
    display: inline-block;
    margin: 0 5px 0 0;
    cursor: pointer;
    vertical-align: middle;
}

/* No JS */
.date-textboxes-no-js .date-icon
{
    display: none;
}



/* Diagnostics
   Author: JH
********************************************************************/
.scw-diagnostics
{
}

.scw-diagnostics .button-toggle-visibility
{
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 5px 5px 5px 34px;
    background: no-repeat 5px 7px url('/contents/images/form-controls/eye.png') #fff;
    border: dashed 1px #222;
    cursor: pointer;
    text-decoration: none;
}

.scw-diagnostics .button-toggle-visibility:hover
{
    background-color: #eee;
}

.scw-diagnostics-container
{
    position: fixed;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    display: none;
    padding: 10px;
    background: #fff;
    border: dashed 1px #222;
    font-size: 0.8em;
    z-index: 1000000;
}

.scw-diagnostics-container .inner
{
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 10px;
    left: 10px;
}

.scw-diagnostics-container .close
{
    position: absolute;
    top: 0;
    right: 30px;
    padding: 5px;
    background: #eee;
    border: dashed 1px #222;
    border-width: 0 1px 1px 1px;
    cursor: pointer;
    font-size: 0.8em;
    text-decoration: none;
    z-index: 100;
}

.scw-diagnostics-container .close:hover
{
    background: #fff;
}

.scw-diagnostics-container .scw-scroll-panel
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    overflow: auto;
    z-index: 0;
}

.scw-diagnostics-container h1,
.scw-diagnostics-container h2,
.scw-diagnostics-container h3,
.scw-diagnostics-container h4,
.scw-diagnostics-container h5
{
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.scw-diagnostics-container p
{
    margin: 0 0 5px 0;
    padding: 0 0 0 40px;
    font-size: 13px;
    font-weight: normal;
}

.scw-diagnostics-container strong
{
    margin: 0 10px 0 0;
    color: #999;
}

.scw-element-panel
{
    padding: 10px 0 1px 0;
    border-top: dashed 1px #ddd;
}

.scw-element-panel h4
{
    margin: 0 0 5px 0;
    padding: 3px 0 3px 30px;
    font-size: 15px;
    color: #333;
}

.scw-element-panel.form-element h4
{
    background: no-repeat left center url('/contents/images/form-controls/jigsaw-piece.png');
}

.scw-element-panel.form-button h4
{
    background: no-repeat left center url('/contents/images/form-controls/button.png');
}


/* Dropdown Navigation
   Author: JH
********************************************************************/
.scw-primary-dropdown li
{
    position: relative;
}

/* Different CSS for different animations */
/* None */
.scw-primary-dropdown.animation-none .dropdown
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* Slide Down */
.scw-primary-dropdown.animation-slide-down .dropdown
{
    position: absolute;
    left: 0;
    display: block;
    height: 0;
    overflow: hidden;
    z-index: 2000;
}

.scw-primary-dropdown.animation-slide-down .dropdown ul
{
    position: absolute;
    left: 0;
    bottom: 0;
}

.scw-primary-dropdown
{
}



/* Dynamic Forms
   Author: JH
********************************************************************/
.form-element
{
    margin: 0 0 8px 0;
}


/* Label */
.form-element label
{
    display: inline-block;
    width: 100px;
}


/* Dropdown List */
.form-element .dropdown
{
    padding: 3px 4px;
    border: solid 1px #999;
    font-family: Arial;
    font-size: 1em;
    vertical-align: top;

    -webkit-box-shadow: inset 1px 1px 3px 0px #ccc;
    box-shadow: inset 1px 1px 3px 0px #ccc; 
    border-radius: 3px; 
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


/* Textbox & Textarea */
.form-element .textbox,
.form-element .textarea
{
    padding: 3px 4px;
    border: solid 1px #999;
    font-family: Arial;
    font-size: 1em;

    -webkit-box-shadow: inset 1px 1px 3px 0px #ccc;
    box-shadow: inset 1px 1px 3px 0px #ccc; 
    border-radius: 3px; 
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.form-element .textbox:focus,
.form-element .textarea:focus
{
    border: solid 1px #555;
}


/* Help */
.form-element .help
{
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: top;
}

.form-element .help .scw-tooltip
{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #666;
    line-height: 20px;
    text-align: center;
    text-indent: 1px;
    color: #fff;
    
    -webkit-border-radius: 10px;
    border-radius: 10px;
}


/* Validation */
.form-element .validation
{
    position: relative;
    display: none;
    padding: 5px 10px;
    background: #900;
    color: #fff;
    
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.form-element .validation-collapsable
{
    position: relative;
    width: 23px;
    height: 23px;
    padding: 0;
    cursor: pointer;
}

.form-element .validation-collapsable:after
{
    display: block;
    width: 23px;
    height: 23px;
    content: "\f00d";
    font-family: FontAwesome;
    font-size: 1.4em;
    line-height: 23px;
    text-align: center;
    z-index: 1;
}

.form-element .validation-collapsable .message
{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 0;
    height: 23px;
    overflow: hidden;
    z-index: 10;
}

.form-element .message-inner
{
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    padding: 4px 10px;
    background: #900;
    
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.form-element-invalid .validation
{
    display: inline-block;
}

.form-element-active .validation
{
    /*display: inline-block;*/
    opacity: 0;
}


/* Button */
.form-button
{
    margin: 0 5px 0 0;
}

.form-button a,
.form-button input
{
    padding: 5px 8px;
    background: #666;
    border: none;
    color: #fff;

    border-radius: 3px; 
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.form-button a:hover,
.form-button input:hover
{
    background: #333;
    text-decoration: none;
}


/* iFull
/*************************************************************************/
.ifull-body {
	overflow-y: hidden;
}

.ifull-list {
	height: 100%;
}


/* Invalid styles
********************************/
.form-element-invalid label
{
    color: #900;
}

.form-element-invalid .dropdown,
.form-element-invalid .textbox,
.form-element-invalid .textarea
{
    border: solid 1px #900;
}


/* Live Search
   Author: JH
********************************************************************/
.live-search-box
{
    position: absolute;
    display: none;
    width: 250px;
    padding: 10px;
    z-index: 10000;
}

.live-search-box li
{
    margin: 0 0 10px 0;
    font-size: 0.8em;
    list-style: none;
}

.live-search-box li:last-of-type
{
    margin: 0;
}

.live-search-box li a
{
    display: block;
}

.live-search-box .selected
{
    font-weight: bold;
}


/* Modal Background
   Author: JH
********************************************************************/
.modal-background
{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    width: 100%;
    /*z-index: 15000;*/
    z-index: 50;
}

.modal-background .modal-background-inner
{
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.4;
    filter: alpha(opacity=40);
    display: block!important;
}

.modal-background-visible
{
    display: block;
}



/* Paging
   Author: JH
********************************************************************/
.paging
{
    position: relative;
}

.paging ul
{
    text-align: center;
}

.paging li
{
    display: inline-block;
    list-style: none;
}

.paging li a
{
    padding: 5px;
}

.paging .paging-previous-controls
{
    position: absolute;
    top: 0;
    left: 0;
}

.paging .paging-previous-controls .paging-previous
{
    margin: 0 0 0 10px;
}

.paging .paging-next-controls
{
    position: absolute;
    top: 0;
    right: 0;
}

.paging .paging-next-controls .paging-next
{
    margin: 0 10px 0 0;
}

.paging .current-item
{
    font-weight:bold;
    font-size:1.1em;
}



/* Pop Up Window
   Author: JH
********************************************************************/
.pop-up-window
{
    position: absolute;
    top: 50px;
    left: 50%;
    display: none;
    width: 800px;
    margin: 0 0 0 -400px;
    background: #fff;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 5px 0px #000;
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.4);
    z-index: 20000;
}

.pop-up-window.article { width: 800px; }

.pop-up-window .articleContent
{
    width: auto;
}

.pop-up-window-inner
{
    padding: 20px 20px 50px 20px;
}

.pop-up-window-visible
{
    display: block;
}


/*************COPIED FROM TP************/

/* Popup Content Container
   Author: DW
********************************************************************/
.popupContent
{
    z-index: 100;
    position:absolute;
    left:15%;
    top:15%;
    bottom:15%;
    right:15%;
}
 
.popupContent div
{
    z-index: 100;
}
 
.pos10pct
{
    left: 10%;
    right: 10%;
    top: 10%; 
    bottom: 10%;   
}
 
.pos15pct
{
    left: 15%;
    right: 15%;
    top: 15%; 
    bottom: 15%;   
}
 
.pos25pct
{
    left: 25%;
    right: 25%;
    top: 25%; 
    bottom: 25%;   
}
 
.pos50pct
{
    left: 50%;
    right: 50%;
    top: 50%; 
    bottom: 50%;   
}
 
.posFull
{
    left: 0px;
    right: 0px;
    top: 0px; 
    bottom: 0px;   
}
 
.posFooter
{
    left: 0px;
    right: 0px;
    top: 90%; 
    bottom: 0px;   
}
 
.posHeader
{
    left: 0px;
    right: 0px;
    top: 0px; 
    bottom: 98%;   
}
 
.left10pct{left: 10%;}

.left15pct {left: 15%;}
 
.left25pct{left: 25%;}
 
.right10pct{right: 10%;}
 
.right15pct{right: 15%;}
 
.right25pct{right: 25%;}
 
.top10pct{top: 10%;}
 
.top15pct{top: 15%;}
 
.top25pct{top: 25%;}
 
.bottom10pct{bottom: 10%;}
 
.bottom15pct{bottom: 15%;}
 
.bottom25pct{bottom: 25%;}


/* Radio Button
   Author: JH
********************************************************************/
.radio-button
{
    margin: 0 0 10px 0;
}

.radio-button label
{
    margin: 0 10px 0 0;
}

.radio-button input
{
    display: none;
}

.radio-button .fancy-radio-button
{
    display: inline-block;
    width: 24px;
    height: 24px;
    background: no-repeat url(/contents/images/form-controls/radio-buttons.png);
    cursor: pointer;
    vertical-align: middle;
}

.radio-button .radio-button-checked
{
    background-position: 0 -24px;
}

.radio-button .radio-button-checked:hover
{
    background-position: -24px -24px;
}

.radio-button .radio-button-unchecked
{
    background-position: 0 0;
}

.radio-button .radio-button-unchecked:hover
{
    background-position: -24px 0;
}


/* Non-javascript */
.radio-button-no-js .fancy-radio-button
{
    background: none !important;
}

.radio-button-no-js input
{
    display: inline;
}


/* Disabled */
.radio-button-disabled .fancy-radio-button
{
    cursor: default;
}

.radio-button-disabled .radio-button-checked,
.radio-button-disabled .radio-button-checked:hover
{
    background-position: -24px -48px;
}

.radio-button-disabled .radio-button-unchecked,
.radio-button-disabled .radio-button-unchecked:hover
{
    background-position: 0 -48px;
}



/* Slider
   Author: JH
********************************************************************/
.slider
{
    position: relative;
}

.slider .dropdown
{
    display: none;
}


/* Track */
.slider .track
{
    position: relative;
    width: 100%;
    height: 100%;
}

.slider .track .track-inner
{
    position: absolute;
    top: 0;
    left: 0;
    background: #bbb;
    border: solid 1px #999;
}

.slider .track-fill
{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible !important;
}

.slider .track .handle
{
    position: absolute;
    width: 11px;
    height: 11px;
    background: #666;
    border: solid 1px #333;
    cursor: pointer;
}

.slider .track .handle:hover
{
    background: #888;
}


/* Scale */
.slider ul
{
    
}

.slider li
{
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-size: 0.8em;
    text-align: center;
}

.slider li:hover
{
    color: #999;
}

.slider li .marker-label
{
    display: none;
}

.slider li .text
{
    display: block;
}

.slider li .marker
{
    position: absolute;
    display: block;
    background: #ccc;
}



/**** Horizontal ****/
.slider-horizontal
{
    width: 420px;
    height: 13px;
}

.slider-horizontal .track
{
    width: 100%;
}

.slider-horizontal .track .track-inner
{
    top: 5px;
    width: 100%;
    height: 1px;
    border-width: 1px 0;
}

.slider-horizontal .track .track-fill
{
    width: 0;
}

.slider-horizontal .track .handle
{
    top: 0;
    right: -7px;
}

.slider-horizontal li
{
    width: 42px;
    padding: 0 0 10px 0;
}

.slider-horizontal .first-item,
.slider-horizontal .last-item
{
    width: 21px;
}

.slider-horizontal li .marker
{
    bottom: 0;
    left: 20px;
    width: 2px;
    height: 100%;
}

.slider-horizontal .first-item .marker
{
    left: 0;
}

.slider-horizontal .last-item .marker
{
    left: 19px;
}


/**** Vertical ****/
.slider-vertical
{
    width: 13px;
    height: 420px;
}

.slider-vertical .track
{
    height: 100%;
}

.slider-vertical .track .track-inner
{
    left: 5px;
    width: 1px;
    height: 100%;
    border-width: 0 1px;
}

.slider-vertical .track .track-fill
{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
}

.slider-vertical .track .handle
{
    top: -6px;
    right: 0;
}

.slider-vertical ul
{
    position: absolute;
    top: 0;
    left: 13px;
    display: block;
}

.slider-vertical li
{
    height: 42px;
    padding: 0 10px 0 0;
}

.slider-vertical .first-item,
.slider-vertical .last-item
{
    height: 21px;
}

.slider-vertical li .marker
{
    left: 0;
    top: 20px;
    width: 100%;
    height: 2px;
}

.slider-vertical .first-item .marker
{
    top: 19px;
}

.slider-vertical .last-item .marker
{
    top: 0;
}



/* No JS */
.slider.slider-no-js .dropdown
{
    display: inline;
}

.slider.slider-no-js ul,
.slider.slider-no-js .track
{
    display: none;
}


/* Tabs
   Author: JH
********************************************************************/
.scw-tabs
{
    
}

.scw-tabs .index-container li
{
    display: inline-block;
}

.scw-tabs .content-container .scw-tab-content
{
    display: none;
}

.scw-tabs .content-container .scw-tab-selected
{
    display: block;
}


/* Tooltip
   Author: JH
********************************************************************/
.scw-tooltip,
.scw-text-tooltip
{
    position: relative;
    cursor: help;
}

.scw-tooltip-description
{
    position: absolute;
    top: 1em;
    left: 1em;
    display: none;
    width: 250px;
    padding: 5px;
    background: #666;
    border: 1px solid #333;
    text-align: left;
    visibility: hidden;
    color: #fff;
    z-index: 10000;
    
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0.2);
    box-shadow: 3px 3px 3px 0px #ccc; /* Older */ 
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
}

.scw-tooltip-header
{
    display: block;
}

/* Hover - this is used for the non-javascript CSS tooltip */
.scw-css-tooltip:hover
{
    overflow: visible;
}

.scw-css-tooltip:hover .scw-tooltip-description,
.scw-css-text-tooltip:hover .scw-tooltip-description
{
    display: block;
    visibility: visible;
}

/* Share This
   Author: BJ
********************************************************************/
.share-this-container
{
    position:absolute;
}

.share-this-container ul li
{
    display:inline-block;
    vertical-align:middle;
    height: 22px;
    width: 22px     
}

.stButton span.chicklets
{
    text-indent:-9999px;
    padding-right: 1px;
}

/* Accordian
   Author: BJ
********************************************************************/

.scw-accordion
{
    border:1px solid #DEDEDE;
}

.scw-accordion .accordion-header
{
    background-color:Lime;
    color:#FFF;
    font-size:1.2em;
    font-weight:bold;
    display:block;
    padding:3px 5px;
}

.scw-accordion .accordion-item
{
    
}

.scw-accordion .accordion-item .accordion-handle
{
    display:block;
    background-color:yellow;
    border-bottom:1px solid #DEDEDE;
    padding:3px 5px;
}

.scw-accordion .accordion-item .accordion-handle h2
{
    font-size:1.1em;
}

.scw-accordion .accordion-item .accordion-handle span.accordian-count
{
    padding-left:5px;
}

.scw-accordion .accordion-item .accordion-content
{
}

.scw-accordion .accordion-item .accordion-inner
{
    padding:10px 0 0 10px;
}

.scw-accordion .accordion-item .accordion-inner .accordion-inner-item
{
    padding-bottom:10px;
}

.scw-accordion .accordion-item .accordion-inner .accordion-inner-item .accordion-inner-thumb
{
    width:42px;
    float:left;
}

.scw-accordion .accordion-item .accordion-inner .accordion-inner-item .accordion-inner-thumb img
{
    max-height:32px;
    max-width:32px;
}

.scw-accordion .accordion-item .accordion-inner .accordion-inner-item .accordion-inner-link
{
    width: 140px;
    float: right;
    padding-right: 5px;
}

/* Twitter Feed
   Author: BJ
********************************************************************/

.scw-twitter
{
    
}

.scw-twitter .twitter-feed
{

}

.scw-twitter .twitter-feed .tweet
{
    background-position: 0px 5px;
    padding-bottom: 10px;
}

.scw-twitter .twitter-feed .tweet .tweet-header
{
    color:#5481c1;
    padding-left:32px;
}

.scw-twitter .twitter-feed .tweet .tweet-body
{
    border-bottom:1px solid #5481c1;
    padding-bottom: 10px;
    padding-left:32px;
}

.scw-twitter .twitter-feed .tweet .tweet-body .link
{
    color:#5481c1;
}

.scw-twitter .twitter-feed .tweet .tweet-body .username
{
    font-style:italic;
    color:#5481c1;
}

.scw-twitter .twitter-feed .tweet .tweet-body .hashtag
{
    font-weight:bold;
    color:#5481c1;
}


/* Vimeo Video
   Author: JH
/********************************************************************/
.responsive-vimeo-video .image-container img
{
    width: 100%;
    height: auto;
    cursor: pointer;
}

/* Pop Up */
.vimeo-video-pop-up
{
    width: 60%;
    height: auto;
    margin: 0;
}

.vimeo-video-pop-up .pop-up-window-inner
{
    padding: 0.5em;
}

/* last day hax lolz !important */
.vimeo-video-pop-up .close
{
    position: absolute !important;
    top: -1em !important;
    bottom: auto !important;
    right: -1em !important;
    padding: 0 !important;
    line-height: 1em !important;
    color: #636363 !important;
}

.vimeo-video-pop-up .close a
{
    padding: 0.5em 0.5em 0.4em 0.5em;
    background: #fff;
    text-decoration: none;
    color: #636363 !important;
}

.vimeo-video-pop-up .close a:hover
{
    background: #636363;
    color: #fff;
}

.vimeo-video-pop-up .embed-container
{
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
        max-width: 100%;
        height: auto;
}

.vimeo-video-pop-up .embed-container iframe,
.vimeo-video-pop-up .embed-container object,
.vimeo-video-pop-up .embed-container embed
{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}



/**************************************************************************************************/
/* Legacy Controls
/**************************************************************************************************/


/* Tabs (Legacy)
   Author: JH
********************************************************************/
.tabs
{
}

.tabs .index-list
{
    margin: 0;
    padding: 0;
}

.tabs .index-list .tab
{
    margin: 0 2px 0 0;
    list-style: none;
    cursor: pointer;
}

.tabs .index-list .tab a
{
    text-decoration: none;
}

.tabs .index-list .tab a,
.tabs .index-list .tab input
{
    padding: 10px;
    background: #eee;
    border: solid 1px #ccc;
    border-width: 1px 1px 0 1px;
    outline: none;
    color: #000;
}

.tabs .index-list .tab:hover a,
.tabs .index-list .tab:hover input
{
    background: #ddd;
    cursor: pointer;
}

.tabs .index-list .tab-selected a,
.tabs .index-list .tab-selected input,
.tabs .index-list .tab-selected:hover a
.tabs .index-list .tab-selected:hover input
{
 /*   background: #ccc !important;*/
}

.tabs .index-list:before,
.tabs .index-list:after
{
    content: "";
    display: table;
}

.tabs .index-list:after { clear: both; }
.tabs .index-list { zoom: 1; }

.tabs .index-list .tab
{
    float :left;
}

.tab-content-container
{
    padding: 10px;
    background: #ccc;
    border: solid 1px #ccc;
}

.tab-content
{
    display: none;
}

.tab-content-active
{
    display: block;
}
 
/* Cookie Disclaimer Bar */
 
.none-js.cookie-bar-element
{
    position: fixed; 
    width: 100%; 
    margin: 0px; 
    left: 0px; 
    top: 0px; 
    padding: 4px; 
    z-index: 1000; 
    text-align: center; 
    background-color: rgb(238, 238, 238);
}
 
.cookie-bar-element {
    width: 90% !important;
    margin: 0 auto !important;
    left: 4% !important;
    box-shadow:4px 4px 25px #414142;
	z-index:10000000000000000 !important;
	color:#414142 !important;
	font-family: Trebuchet MS !important;
	font-size: 14px !important;
	opacity: 0.95;
}

.cookie-bar-element span,
.cookie-dialog-element span
{
    display:block;
}

.cookie-button
{
    display: inline-block !important;
    padding: 0px 8px 0px 28px;
    background: #414142;
    margin: 10px 0px;
    color: #FFF;
    line-height: 40px;
    position:relative;
}

.cookie-button:hover
{
    background: #414142 !important;
    color:#f4792c !important;
	text-decoration:none !important;
}

.cookie-button:before
{
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    font-size: 1.5em;
    position: absolute;
    top: 0;
    left: 5px;
    width: 20px;
    text-align: center;
}

.cookie-button.info-link:before
{
    content: "\f129";
}

.cookie-button.dismiss-link:before
{
    content: "\f00d";
}

.cookie-dialog-element .cookie-button.info-link
{
    margin-left: 30% !important;
}

.cookie-dialog-element .cookie-button
{
    margin: 10px 5px 0px 5px !important;
}

/* Image Gallery */

.image-gallery a:hover
{
    text-decoration:none;
}
.image-gallery .image-header
{
    padding:5px 0px;
}

.image-gallery .image-container
{
    border: 1px solid #EDEDED;
    padding: 5px;
    position: relative;
}

.image-gallery .image-container a
{
    display: block;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.image-gallery .image-container img
{
    border:none !important;
    padding:0px !important;    
}

.image-gallery .image-item
{
    display:inline-block;
    vertical-align:top;
    padding:5px 15px 15px 5px;
    position:relative;
}

.image-gallery .image-download
{
    background: #4f2683;
    color: #FFF;
    text-indent: -9999px;
    height: 30px;
    width: 30px;
    position: absolute;
    right: 6px;
    top: 36px;
}

.image-gallery .image-download:after
{
    font-family: FontAwesome;
    display: block;
    color: #FFF;
    text-indent: 0px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 1.5em;  
    content: "\f0c7";
}

.image-gallery .image-download:hover
{
    background: #000000;
}

.image-gallery .sharing-conrols
{
    background:#333;
}

.image-gallery .sharing-conrols span
{
    display:inline-block;
    height: 30px;
    width: 30px;
    text-indent: -9999px;
}

.image-gallery .sharing-conrols span.st_facebook_custom{background:#333;}
.image-gallery .sharing-conrols span.st_twitter_custom{background:#333;}
.image-gallery .sharing-conrols span.st_linkedin_custom{background:#333;}
.image-gallery .sharing-conrols span.st_googleplus_custom{background:#333;}
.image-gallery .sharing-conrols span.st_pinterest_custom{background:#333;}

.image-gallery .sharing-conrols span.st_facebook_custom:hover{background:#3b5998;}
.image-gallery .sharing-conrols span.st_twitter_custom:hover{background:#6cdfea;}
.image-gallery .sharing-conrols span.st_linkedin_custom:hover{background:#006fa6;}
.image-gallery .sharing-conrols span.st_googleplus_custom:hover{background:#e34429;}
.image-gallery .sharing-conrols span.st_pinterest_custom:hover{background:#cb2028;}

.image-gallery .sharing-conrols span:after
{
    font-family: FontAwesome;
    display: block;
    color: #FFF;
    text-indent: 0px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 1.5em;
}

.image-gallery .sharing-conrols span:hover
{
    cursor:pointer;
}

.image-gallery .sharing-conrols span.st_facebook_custom:after
{
    content: "\f09a";
}

.image-gallery .sharing-conrols span.st_twitter_custom:after
{
    content: "\f099";
}

.image-gallery .sharing-conrols span.st_linkedin_custom:after
{
    content: "\f0e1";
}

.image-gallery .sharing-conrols span.st_googleplus_custom:after
{
    content: "\f0d5";
}

.image-gallery .sharing-conrols span.st_pinterest_custom:after
{
    content: "\f0d3";
}

.image-gallery .h3
{
    word-wrap:break-word;
}

.image-gallery .image-specs h3
{
    font-size: 1.0em;
}

.image-gallery .inner-image-item
{
    position:relative;
}

.image-gallery .image-specs
{
    padding-bottom:5px;
}

.image-gallery .image-specs .image-dimensions:before,
.image-gallery .image-specs .image-size:before,
.image-gallery .image-specs .image-extension:before
{
    font-family: FontAwesome;
    display: inline-block;
    color: #7f8082;
    text-indent: 0px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 1.0em;
}

.image-gallery .image-specs .image-dimensions:before
{
    content: "\f07e";
}

.image-gallery .image-specs .image-size:before
{
    content: "\f0c7";
}

.image-gallery .image-specs .image-extension:before
{
    content: "\f1c5";
}



/* Contextual Help 
******************************************************************************/

.no-javascript .conhelp_tip
{
    display: none;
}
 
.form-element .conhelp_tip
{
    float: left;
    margin: 4px 0 0 5px;
}
 
.form-element .conhelp_text span
{
    display: block;
    margin: 0 0 10px 0;
}
 
.form-element .conhelp_text span:last-child { margin: 0; }
 
.no-javascript .conhelp_definition
{
    position: relative;
    float: left;
    display: block;
    width: auto;
    margin: 10px 0 0 0;
    padding: 8px 8px 8px 35px;
    /*background: no-repeat 10px 12px url("/Contents/Images/tooltip/icon-question.png") #007a91; */
    border: none;
    clear: both;
}
 
.no-javascript .conhelp_definition .conhelp_arrow
{
    position: absolute;
    top: -14px;
    left: 5px;
    height: 0;
    width: 0;
    /*
    border: solid 8px #007a91;
    border-color: transparent transparent #007a91 transparent; */
    font-size: 0;
    line-height: 0;
}
 
.no-javascript .conhelp_heading
{
    display: block;
    padding: 0;
    font-weight: bold;
    /*color: #fff; */
}
 
.no-javascript .conhelp_text
{
    /*color: #fff; */
}

/* #region HELP ITEM LINKS
----------------------------------------------------------*/
span.conhelp_tip{
    background:#336699 url(../images/tooltip/icon-question.png) no-repeat scroll center center;
	/*background:transparent url(../images/tooltip/icon-question.png) no-repeat scroll center center;*/
	display:inline-block;
	text-indent:-999em;
	color:#000000;
	height:16px;
	width:16px;
	cursor: help;
    position: relative;
    border-radius:7px;
}

span.conhelp_tip:hover 
{
    background-color:#336699;
}

span.conhelp_tip:after 
{
    font-family:FontAwesome;
    content:"\f023";
    position: absolute;
    top: 1px;
    text-indent:initial;
}
 
span.conhelp_definition {
	display:none;
    background-color:#ffffff;
	/*;
	border-top:#94ce08 4px solid;
	border-left:#007a91 1px solid;
	border-right:#007a91 1px solid;
	border-bottom:#007a91 1px solid;*/
	padding:10px;
	width:300px;
	font-size:1.0em;
	box-shadow: 1px 1px 3px #aaa;
	color:#000000;
	z-index: 10000000;
}
 
span.conhelp_text{
 
}
 
 span.scw-tooltip.scw-tooltip-help {
    text-indent: -999em;
    color: #000000;
    height: 24px;
    width: 24px;
    cursor: help;
    position: relative;
    border-radius: 28px;
    background: #336699 url(../images/tooltip/icon-question.png) no-repeat scroll center center;
    display: inline-block;
    vertical-align: top;
}
 
a.help_embedded_link
{
    text-decoration:none;
}
 
span.conhelp_heading
{
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    /*color: #003f72;*/
    color: #000;
}
 
span.conhelp_term
{
    font-weight:bold;
    padding-bottom:20px;
}
/* #endregion */
 
/* #region GLOSSARY LINKS
----------------------------------------------------------*/
 
span.glossary_tip{
	border-bottom:#94ce08 1px dashed;
	font-weight:bold;
	overflow:hidden;
	color:#000000;
}
 
span.glossary_definition {
	display:none;
	background-color:#f4f4f4;
	border-top:#94ce08 4px solid;
	border-left:#007a91 1px solid;
	border-right:#007a91 1px solid;
	border-bottom:#007a91 1px solid;
	padding:10px;
	width:300px;
	font-size:1.0em;
	color:#000000;
}
 
span.glossary_term
{
    font-weight:bold;
    padding-bottom:20px;
}
 
/* #endregion */
 
/* #region EMBEDDED LINKS
----------------------------------------------------------*/
 
.articleContent p a.glossary_embedded_link, .articleContent p a.help_embedded_link
{
    padding-left:0px; 
    background:none;
}
 
.a.help_embedded_link
{
    
}
 
.articleContent p a.glossary_embedded_link:hover, .articleContent p a.help_embedded_link:hover
{
    text-decoration:none;
}
 
/* #endregion */