/* @license
 * MyFonts Webfont Build ID 1927539, 2012-01-14T10:33:09-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Futura Medium by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/futura/medium/
 * Copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 * Licensed pageviews: 10,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=1927539
 *
 * © 2012 Bitstream Inc
*/




 @font-face {font-family: 'FuturaBT-Medium';src: url('../webfonts/1D6973_0_0.eot');src: url('../webfonts/1D6973_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/1D6973_0_0.woff') format('woff'),url('../webfonts/1D6973_0_0.ttf') format('truetype');}
 @font-face {font-family: 'FuturaBT-Light';src: url('../webfonts/1D69BD_0_0.eot');src: url('../webfonts/1D69BD_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/1D69BD_0_0.woff') format('woff'),url('../webfonts/1D69BD_0_0.ttf') format('truetype');}
/*****************************************************************************
 * STYLE
 *****************************************************************************/

*
{ margin: 0; padding: 0; }

body
{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 100%;
    background-color: #FFFFFF;
    overflow: auto;
    margin: 0 !important;
    padding: 0 !important;
}


strong
{
    font-family: FuturaBT-Medium;
    color: #555;
}
a
{
    font-family: FuturaBT-Medium;
    text-decoration: underline;
    outline: none;
    color: #39d;
}
a:hover
{
    text-decoration: underline;
    outline: none;
    color: #008000;
}
a img
{
    border: dotted 1px grey; max-width: 100%; height: auto;
}

p{
    color: #000;
    line-height: 22px;
    margin-bottom:10px;
}
p.bold{
    color: #333;
    font-weight: bold;
    line-height: 22px;
    margin-bottom:10px;
}
p.review{
    color: #000;
    line-height: 22px;
    margin-bottom:10px;
    display: block;
    background-color: #FFFF99;
}

.alignleft { float:left; margin-right: 1em; }
.alignright { float:right; margin-left: 1em; }
.aligncentre { margin-left: auto; margin-right: auto;}

.label
{
    margin-left: 20px;
    width: 370px;
}


.img-intro-background {
    background-image: url('../images/IMG_0487.jpg');
    width: auto;
    height: auto;
}

.broken-link {
    color: red;
    text-decoration: none;
}


.resize
{

}

.spacer-normal { padding-bottom: 10px; }

.button-box {
    overflow:auto;
    padding: 4px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #a0a0a0;
}

.tab-sub-heading {
    display: block;
    color: #468847;
    border-bottom: 1px dotted #008800;
    font-weight: bold;
    margin-bottom: 10px;
}

.tab-header {
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    background-color:#008800;
    color: white;
    padding: 3px;
    padding-top: 5px;
    padding-left:10px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.125em;
}

.tab-header-orange {
    background-color:#ff9900;
    color: black;
}

.tab-header-black {
    background-color: black;
    color: white;
}

.tab-header-grey {
    background-color: grey;
    color: white;
}

.tab-header-red {
    background-color:#ff3c3c;
    color: white;
}
.tab-main {
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    border: 1px solid #008800;
    border-top: none 0px black;
    padding: 10px;
    background-color: #f0f0f0;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ccddcc+0,ffffff+50,ccddcc+100 */
    background: #ccddcc; /* Old browsers */
    background: -moz-linear-gradient(top,  #ccddcc 0%, #ffffff 50%, #ccddcc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ccddcc 0%,#ffffff 50%,#ccddcc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ccddcc 0%,#ffffff 50%,#ccddcc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccddcc', endColorstr='#ccddcc',GradientType=0 ); /* IE6-9 */
}

.tab-main-orange {
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    border: 1px solid #ff9900;
    border-top: none 0px black;
    padding: 10px;
    background-color: #f0f0f0;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffddcc+0,ffffff+50,ffddcc+100 */
    background: #ffddcc; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffddcc 0%, #ffffff 50%, #ffddcc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffddcc 0%,#ffffff 50%,#ffddcc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffddcc 0%,#ffffff 50%,#ffddcc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffddcc', endColorstr='#ffddcc',GradientType=0 ); /* IE6-9 */
}

.tab-main-red {
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    border: 1px solid #ff3c3c;
    border-top: none 0px black;
    padding: 10px;
    background-color: #f0f0f0;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc4c4+0,ffffff+50,ffc4c4+100 */
    background: rgb(255,196,196); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,196,196,1) 0%, rgba(255,255,255,1) 50%, rgba(255,196,196,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,196,196,1) 0%,rgba(255,255,255,1) 50%,rgba(255,196,196,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,196,196,1) 0%,rgba(255,255,255,1) 50%,rgba(255,196,196,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc4c4', endColorstr='#ffc4c4',GradientType=0 ); /* IE6-9 */
}

.tab-main-no-header-red {
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #ff3c3c;
    padding: 10px;
    background-color: #f0f0f0;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc4c4+0,ffffff+50,ffc4c4+100 */
    background: rgb(255,196,196); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,196,196,1) 0%, rgba(255,255,255,1) 50%, rgba(255,196,196,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,196,196,1) 0%,rgba(255,255,255,1) 50%,rgba(255,196,196,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,196,196,1) 0%,rgba(255,255,255,1) 50%,rgba(255,196,196,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc4c4', endColorstr='#ffc4c4',GradientType=0 ); /* IE6-9 */
}

/* FORMS */

form
{
    padding: 0;
    padding-top:10px;
}
form div p {
    padding: 0px 10px;
}
form div p input {
    width: 100%;
    height: 18px;
    vertical-align: text-bottom;
}
input, textarea
{
    font-family: FuturaBT-Light;
    font-size: 0.75em;
    padding: 4px 8px;
}

input:hover, textarea:hover
{
    background: #dddddd;
}

input:focus, textarea:focus
{
    background: #FFFF99;
}

.form-checkbox {
    width: 20px;
}

.form-security-code-input {
    width: 150px;
}

.form-submit {
    width: 150px;
    height: 25px;
}


ul{
    color: #000;
    line-height: 22px;
    margin-bottom:10px;
    margin-left:50px;
}

ol{
    color: #999;
    line-height: 22px;
    margin-bottom:10px;
    margin-left:50px;
}

h1
{
    font-family: FuturaBT-Medium;
    font-size: 1.875em;
    letter-spacing: -1px;
    color: #008000;
    text-shadow: 2px 2px 2px #bbb;
}
h2
{
    font-family: FuturaBT-Medium;
    font-size: 1.125em;
    /*    letter-spacing: -1px; */
    color: #008000;
    padding-top:15px;
}

h3
{
    font-family: FuturaBT-Medium;
    font-size: 1em;
    /*    letter-spacing: -1px; */
    color: #008000;
    padding-top:15px;
}

.msgboard {
    background: rgba(180,0,0,0.85);
    color: #ffffff;
    padding: 1px;
    position: fixed;
    bottom: 0;
    width: 100%;
}

#bg {
    background-image: url('../images/IMG_0487.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;

    /* Preserve aspet ratio */
    min-width: 100%;
    min-height: 100%;
}

#mask
{
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:9000;
    background-color:#ffffff;
    display:none;
}

#page-header {
    padding: 0;
    margin: 0;
    background-color: rgba(255, 255, 255, 0.85);
    width: 100%;
    height: auto;
    position:fixed;
    top:0;
    z-index: 100;
}

div.title-wrapper {
    display: table;
    margin: 0 auto;
    width: 100%
}

div.title-text {
    display: table-cell; vertical-align: top;    
}

div.title-text-main, div.title-text-sub {
    display: table;
    margin: 0 auto;
}

h1.title {
    font-size: 2.5em; 
    margin-top: 0px;
    padding-top: 10px;
}

h3.title {
    padding-top:2px;
    padding-bottom:2px;
}

.logo {
    /*    position: absolute;
        left:0;
        top: 0;*/
    margin-left: 10px;
    float:left;
    width: 94px;
    height:94px;
    background-repeat: no-repeat;
    background-image: url("../images/waves_94x94_Clear.png");
    display: table-cell
}
.logo-right {
    margin-right: 10px;
    float:right;
}

#page-content-spacer
{
    background: rgba(250, 250, 250, 0);
    /*        position: relative;
            left: 0;
            top: 1em;*/
    max-width: 768px;
    min-height: 750px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    padding-bottom: 50px;
    padding-top:140px;
}

#page-content
{
    background: rgba(200, 200, 200, 0.55);
    /*        position: relative;
            left: 0;
            top: 1em;*/
    max-width: 728px;
    height: auto;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 7px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;

}
#page-wrapper
{
    background-image: url('../images/IMG_0487.jpg');
    background-repeat: no-repeat;
    padding: 0;
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}
#page-text-box
{
    font-size: 1.5em;
    font-weight: bold;
    display: block;
    width: 410px;
    position: relative;
    left: 225px;
    top: -260px;
    color: #00a000;
    background: #000000;;
    z-index: 1;
    text-align: center;
}
#page-text-box-body
{
    font-size: 1.5em;
    font-weight: bold;
    display: block;
    width: 410px;
    position: relative;
    left: 200px;
    top: -210px;
    color: #00a000;
    background: #000000;;
    z-index: 1;
    text-align: center;
}

a.button {
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    border: 1px dotted #ff9900;
    padding: 4px 8px;
    padding-top: 5px;
    background-color: #f0f0f0;
    text-decoration:none;
    display: inline-block;
    margin: 5px 0px;
}

a.button-orange {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffddcc+0,ffffff+50,ffddcc+100 */
    background: #ffddcc; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffddcc 0%, #ffffff 50%, #ffddcc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffddcc 0%,#ffffff 50%,#ffddcc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffddcc 0%,#ffffff 50%,#ffddcc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffddcc', endColorstr='#ffddcc',GradientType=0 ); /* IE6-9 */
}

a.button-orange:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ccddcc+0,ffffff+50,ccddcc+100 */
    background: #ccddcc; /* Old browsers */
    background: -moz-linear-gradient(top,  #ccddcc 0%, #ffffff 50%, #ccddcc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ccddcc 0%,#ffffff 50%,#ccddcc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ccddcc 0%,#ffffff 50%,#ccddcc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccddcc', endColorstr='#ccddcc',GradientType=0 ); /* IE6-9 */
    border: 1px solid #008800;
}

a.button-green {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ccddcc+0,ffffff+50,ccddcc+100 */
    background: #ccddcc; /* Old browsers */
    background: -moz-linear-gradient(top,  #ccddcc 0%, #ffffff 50%, #ccddcc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ccddcc 0%,#ffffff 50%,#ccddcc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ccddcc 0%,#ffffff 50%,#ccddcc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccddcc', endColorstr='#ccddcc',GradientType=0 ); /* IE6-9 */
    border: 1px dotted #008800;
}

a.button-green:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffddcc+0,ffffff+50,ffddcc+100 */
    background: #ffddcc; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffddcc 0%, #ffffff 50%, #ffddcc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffddcc 0%,#ffffff 50%,#ffddcc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffddcc 0%,#ffffff 50%,#ffddcc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffddcc', endColorstr='#ffddcc',GradientType=0 ); /* IE6-9 */
    border: 1px solid #ff9900;
}

a.facebook-icon {
    background-color: #3a5998;
    background-image: url("../images/icons/facebook.png");
    background-repeat: no-repeat;
    width:24px;
    height:24px;
    display: block;
    padding: 0;
}
a.twitter-icon {
    background-color: #55acee;
    background-image: url("../images/icons/twitter.png");
    background-repeat: no-repeat;
    width:24px;
    height:24px;
    display: block;
    padding: 0;
}
a.help-icon {
    background-image: url("../images/icons/help.png");
    background-repeat: no-repeat;
    width:24px;
    height:24px;
    display: block;
    padding: 0;
}
.youtube-icon {
    background-color: #e64f46;
    background-image: url("../images/icons/youtube.png");
    background-repeat: no-repeat;
    width:24px;
    height:24px;
    display: block;
    padding: 0;
}


.welcome
{
    font-size: 2.1em;
    font-weight: bold;
    color: #f8981c;
}
#page-content-block
{
    background: #FFFFFF;
    max-width: 728px;
    min-width: 340px;
    margin: 0px auto;
    padding: 15px;
    float: left;
    min-height: 700px;
}

#social-bar
{
    background: #FFFFFF;
    width: 940px;
    margin: 10px auto;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px;
    border-color: #333;
    border-style: solid;
}

#page-footer
{
    width: 940px;
    margin: 10px auto;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    color: #FFFFFF;
}

#page-footer a
{
    text-decoration: none;
    outline: none;
    color: #dddddd;
    font-size: 0.75em;
    line-height: 22px;
}
#page-footer a:hover
{
    text-decoration: none;
    outline: none;
    color: #FFFFFF;
}

#page-legal
{
    margin: 0px auto;
    padding-top: 6px;
    text-align: center;
    color: #000000;
    font-size: 0.625em;
    /*	line-height: 14px;*/
}

#page-legal a
{
    text-decoration: none;
    outline: none;
    color: #00A000;
    font-size: 0.75em;
    line-height: 14px;
}
#page-legal a:hover
{
    text-decoration: none;
    outline: none;
    color: #FF9900;
}


#page-end
{
    width: 970px;
    height: 24px;
    margin: 0px auto;
    padding: 1px;
    text-align: center;
}

.required
{
    color: red;
    font-weight: bold;
}

.as-row, .product-row
{
    display: table-row;
}
.heading
{
    font-weight: bold;
    color: #008000;
    display: block;
}
.floatleft
{
    float: left;
    margin: 0 10px 10px 10px;
    border: 1px solid #666;
    padding: 2px;
}
.floatright
{
    float: right;
    margin: 0 0 10px 10px;
    border: 1px solid #666;
    padding: 2px;
}

.linksp{
    color: #999;
    font-size: 0.75em;
    line-height: 22px;
}

.linksbox
{
    /*    float: left;*/
    display: block;
    border: 1px solid #666;
    width:200px;
    padding-bottom: 0px;
}
.linksimage
{
    /*    float: left;*/
    padding: 2px;
    padding-bottom: 5px;
    width:200px;
    text-align: center;
}
.linkstext
{
    background-color: #f0f7f0;
    border-top: 1px solid #666;
    padding: 0;
    margin:0;
    margin-bottom: auto;
    display: block;

}

.redtext 
{
    color: red;
}

.redborder 
{
    border: solid 1px red;
}


/******************************************************************************
 * FORMS
 ******************************************************************************/

.form-separator
{
    margin-bottom: 0.7em;
    color: #008000;
    border: 0; border-top: 1px solid #008000;
    margin-top: 10px;
}

.form-container {
    padding: 0;
}

.form-container p {
}

.form-label {
    color: #666666;
    font-weight: bold;
}

.form-button-next {
    margin-right: 10px; 
    margin-bottom: 10px;
    font-size: 1.5em; 
    font-weight: bold; 
    padding: 5px; 
    padding-bottom: 0px; 
    padding-right: 5px; 
    background: #008000;
    color: #ffffff;
}

.form-button-next:visited {
    background: #008000;
    color: #ffffff;
}

.form-button-next:active {
    background: #008000;
    color: #ffffff;
}

.form-button-next:focus {
    background: #008000;
    color: #ffffff;
    border-color: #FF0000;
}

.form-button-next:hover {
    background: #008000;
    color: #ffffff;
    /*    color: #ff9000; */
    /*    background: #008000; */
    border-color: #FF9900;
}

.div-table{
    display:table;         
    width:100%;         
    margin: 10px 0;
    padding: 0px;
    background-color:#cdc;    
    border:1px solid  #aaaaaa;
    border-left: 1px solid  #ffffff;
    border-top: 1px solid  #ffffff;

    border: 1px solid #c0c0c0;
    border-top: none 0px black;




    color: #444444
        -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    /*  border-spacing:5px;*/ /*cellspacing:poor IE support for  this*/
}
.div-table-row{
    display:table-row;
    /*  background-color:#ddd;          */
    padding: 0px;
    width:auto;
    clear:both;
}
.div-table-col{
    float:left;/*fix for  buggy browsers*/
    display:table-column;     
    /* width:200px;         */
    /*  background-color:#ddd;   */
}

.div-table p {
    color: #444444;
}

.div-table ul li {
    color: #444444;
}

.div-table h3 {
    color: white;
    background: #7e7e7e;
    padding:4px;
    margin: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px; 
    /*    margin-left: -5px;
        margin-top: -5px;
        margin-right: -5px; */
    font-weight: bold;
    font-family: FuturaBT-Light;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    background-color: #008800;

}

button,.submit {
    display: inline;
    overflow: hidden;
    box-sizing : border-box;
    font-size: 14px;
    line-height: 1.428571429;
    color: black;
    vertical-align: middle;
    border: 1px solid #777777;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

    padding: 4px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#87e0fd+0,53cbf1+40,05abe0+100;Blue+3D+%23+16 */
    background: rgb(135,224,253); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(135,224,253,1) 0%, rgba(83,203,241,1) 40%, rgba(5,171,224,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
}

button.previous {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd589+0,edbe53+40,e0b106+100 */
    background: rgb(255,213,137); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,213,137,1) 0%, rgba(237,190,83,1) 40%, rgba(224,177,6,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,213,137,1) 0%,rgba(237,190,83,1) 40%,rgba(224,177,6,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,213,137,1) 0%,rgba(237,190,83,1) 40%,rgba(224,177,6,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd589', endColorstr='#e0b106',GradientType=0 ); /* IE6-9 */
}

button.next {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#89ff9f+0,53ef6d+40,06e015+100 */
    background: rgb(137,255,159); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(137,255,159,1) 0%, rgba(83,239,109,1) 40%, rgba(6,224,21,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(137,255,159,1) 0%,rgba(83,239,109,1) 40%,rgba(6,224,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(137,255,159,1) 0%,rgba(83,239,109,1) 40%,rgba(6,224,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89ff9f', endColorstr='#06e015',GradientType=0 ); /* IE6-9 */
}
/******************************************************************************
 * BOX CAPTIONS
 ******************************************************************************/

.boxgrid{
    width: 200px;
    height: 200px;
    margin:10px;
    float:left;
    background:#e3f1e4;
    border: ridge 4px #e3f1e4;
    overflow: hidden;
    position: relative;
    -moz-box-shadow: 5px 5px 10px #bbb;
    -webkit-box-shadow: 5px 5px 10px #bbb;
    box-shadow: 5px 5px 10px #bbb;
}
.boxgrid:hover
{
    border-color: #ff9900;
}
.boxgrid img{
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}
.boxgrid p{
    padding: 5px 5px;
    /* color:#afafaf; */
    font-weight:bold;
    font:10pt "Lucida Grande", Arial, sans-serif;
}

.boxcaption{
    float: left;
    position: absolute;
    background: #000;
    height: 100px;
    width: 100%;
    opacity: .8;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
    position: absolute;
    top: 260;
    left: 0;
}
.caption .boxcaption {
    top: 220;
    left: 0;
}


/******************************************************************************
 * MENU BAR TOPNAV
 ******************************************************************************/
div.topnav-wrapper {
    background-color: #333;
    border-top: solid #008000 3px;
    border-bottom: solid #008000 3px;
}
div.top-bottom-border-red {
    border-top: solid #ff9900 3px;
    border-bottom: solid #ff9900 3px;
}
div.topnav {
    max-width: 728px;
    min-width: 340px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    margin: 0 auto;
}

/* Float the list items side by side */
ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 4px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 1em;
}

/* Change background color of links on hover */
ul.topnav li a:hover {background-color: #008800;}
.active { background: #666}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none; margin-left: -5px; line-height:19px;}    

a.disabled {color: #999;}
/******************************************************************************/


/******************************************************************************
 * FOOTER
 ******************************************************************************/
/* Basic code - don't modify */

#footer_wrapper {
    width: 970px;
    margin: 10px auto;
    display: block;
}
#footer_merge {background-color: #305d30; display: block; margin: 0; padding: 5px;	height: 200px; border: solid 1px #bbbbbb;
}
#footer { display: block; margin: 0px; padding: 5px; position: relative; float: left;}
#footer li { display: block; list-style: none; margin:0; margin-right: 5px;; padding: 0; float: left; position: relative; width:100px;}
#footer a { display: block; text-decoration: none;}
#footer ul { display: table-row; position: absolute; left: 0; margin: 0; padding: 0; }
* html #footer ul { line-height: 0; } /* IE6 "fix" */
#footer ul a { zoom: 1; } /* IE6/7 fix */
#footer ul li { float: none; }
#footer ul ul { top: 0; }

/* Essentials - configure this */

#footer ul { width: 100px; }
#footer ul ul { left: 101px; }

/* Everything else is theming */

#footer { background-color: #305d30; height: 40px;}
#footer *:hover { color: #77e877}
#footer a {padding: 6px; line-height: 1; 	font-size: 0.75em; color: #eeeeee;
}
#footer li.hover a { color: #77e877}
/*#footer ul { top: 25px; }*/
#footer ul li a { background-color: #305d30; font-size: 0.625em;}
#footer ul a.hover { background-color: #ff9900;}
#footer ul a { color: #bbb; }
#footer ul a { border-top: solid 1px #54a254; }/* - I also needed this for IE6/7 */
#footer li.help {float: right; width: 100px; text-align: center; border-left: 1px solid white; border-right: 0px none white; background:#39f;}
#footer li ul li.helpdrop {width: 100px;}



/* Parsley */

.pull-right {
    display: block;
    float: right;
}
.pull-left {
    float: left;
}
.fa.pull-left {
    margin-right: .3em;
}
.fa.pull-right {
    margin-left: .3em;
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}

.form-control {
    display: inline-block;
    width: 100%;
    height: 34px;
    overflow: hidden;
    box-sizing : border-box;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.inputbox {
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}

.dropdownbox {
    -webkit-border-radius: 8px 0px 0px 8px;
    -moz-border-radius: 8px 0px 0px 8px;
    border-radius: 8px 0px 0px 8px;
}

.textareabox {
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    resize: none; 
}

.form-section {
    display:none;
}
.form-section.current {
    display:inherit;
}

/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-device-width:680px), screen and (max-width:680px) {
    /**** MENU ****/
    ul.topnav li {display: none;}
    ul.topnav li.icon {
        float: right;
        display: inline-block;
    }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-device-width:680px), screen and (max-width:680px) {
    /**** MENU ****/
    ul.topnav.responsive {position: relative;}
    ul.topnav.responsive li.icon {
        position: absolute;
        right: 0;
        top: 0;
        color: white;
    }
    ul.topnav.responsive li {
        float: none;
        display: inline;
    }
    ul.topnav.responsive li a {
        display: block;
        text-align: left;
    }
    ul.topnav li a {
        display: inline-block;
        color: #f2f2f2;
        text-align: center;
        text-decoration: none;
        transition: 0.3s;
    }
}



@media screen and (max-device-width:560px), screen and (max-width: 560px) {
    .logo {
        display: none;
    }
}


@media screen and (min-device-width: 0px) and (max-device-width:359px),
screen and (min-width: 0px) and (max-width:359px) {
    h1.title {
        font-size: 1.5em; 
    }
    h3.title {
        display: none;
    }
    #page-content-spacer
    {
        padding: 10px;
        padding-bottom: 50px;
        padding-top:85px;
    }
}
@media screen and (min-device-width: 360px) and (max-device-width:480px),
screen and (min-width: 360px) and (max-width:480px) {
    h1.title {
        font-size: 1.8em; 
    }
    h3.title {
        display:none;
    }    
    #page-content-spacer
    {
        padding: 10px;
        padding-bottom: 50px;
        padding-top:85px;
    }
}

@media screen and (min-device-width: 481px) and (max-device-width:560px) {
    h1.title {
        font-size: 1.9em; 
    }
    h3.title {
        font-size: 0.65em;
    }
    #page-content-spacer
    {
        padding: 10px;
        padding-bottom: 50px;
        padding-top:105px;
    }
}

@media screen and (min-device-width: 561px) and (max-device-width:768px) {
    h1.title {
        font-size: 1.9em; 
    }
    h3.title {
        font-size: 0.65em;
    }
    #page-content-spacer
    {
        padding: 20px;
        padding-bottom: 50px;
        padding-top:135px;
    }
}




/*****************************************************************************
 * DROPPY
 *****************************************************************************/

/* Basic code - don't modify */

#nav_wrapper { padding-top:10px; margin-left: 10px; margin-right: 10px; }
#nav_merge {background-color: #ff9900; height: 24px; display: block; margin: 0; padding: 0px;
background-image: linear-gradient(bottom, rgb(235,141,0) 27%, rgb(250,179,73) 78%, rgb(230,138,0) 94%);
background-image: -o-linear-gradient(bottom, rgb(235,141,0) 27%, rgb(250,179,73) 78%, rgb(230,138,0) 94%);
background-image: -moz-linear-gradient(bottom, rgb(235,141,0) 27%, rgb(250,179,73) 78%, rgb(230,138,0) 94%);
background-image: -webkit-linear-gradient(bottom, rgb(235,141,0) 27%, rgb(250,179,73) 78%, rgb(230,138,0) 94%);
background-image: -ms-linear-gradient(bottom, rgb(235,141,0) 27%, rgb(250,179,73) 78%, rgb(230,138,0) 94%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.27, rgb(235,141,0)),
	color-stop(0.78, rgb(250,179,73)),
	color-stop(0.94, rgb(230,138,0))
);}
#nav { display: block; margin: 0px; padding: 0; position: relative; float: left;}
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; text-decoration: none;}
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }

/* Essentials - configure this */

#nav ul { width: 130px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */

#nav { background-color: #ff9900; height: 24px;
background-image: linear-gradient(bottom, rgb(235,141,0) 27%, rgb(250,179,73) 78%, rgb(230,138,0) 94%);
background-image: -o-linear-gradient(bottom, rgb(235,141,0) 27%, rgb(250,179,73) 78%, rgb(230,138,0) 94%);
background-image: -moz-linear-gradient(bottom, rgb(235,141,0) 27%, rgb(250,179,73) 78%, rgb(230,138,0) 94%);
background-image: -webkit-linear-gradient(bottom, rgb(235,141,0) 27%, rgb(250,179,73) 78%, rgb(230,138,0) 94%);
background-image: -ms-linear-gradient(bottom, rgb(235,141,0) 27%, rgb(250,179,73) 78%, rgb(230,138,0) 94%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.27, rgb(235,141,0)),
	color-stop(0.78, rgb(250,179,73)),
	color-stop(0.94, rgb(230,138,0))
);}
#nav *:hover { background-color: #008000;
background-image: linear-gradient(bottom, rgb(0,160,0) 27%, rgb(71,204,71) 78%, rgb(0,160,0) 94%);
background-image: -o-linear-gradient(bottom, rgb(0,160,0) 27%, rgb(71,204,71) 78%, rgb(0,160,0) 94%);
background-image: -moz-linear-gradient(bottom, rgb(0,160,0) 27%, rgb(71,204,71) 78%, rgb(0,160,0) 94%);
background-image: -webkit-linear-gradient(bottom, rgb(0,160,0) 27%, rgb(71,204,71) 78%, rgb(0,160,0) 94%);
background-image: -ms-linear-gradient(bottom, rgb(0,160,0) 27%, rgb(71,204,71) 78%, rgb(0,160,0) 94%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.27, rgb(0,160,0)),
	color-stop(0.78, rgb(71,204,71)),
	color-stop(0.94, rgb(0,160,0))
);}
#nav a { border-right: 1px solid white; color: white; font-family: FuturaBT-light; font-size: 0.875em; padding: 6px; line-height: 1; }
#nav li.hover a { background-color: #008000;
background-image: linear-gradient(bottom, rgb(0,160,0) 27%, rgb(71,204,71) 78%, rgb(0,160,0) 94%);
background-image: -o-linear-gradient(bottom, rgb(0,160,0) 27%, rgb(71,204,71) 78%, rgb(0,160,0) 94%);
background-image: -moz-linear-gradient(bottom, rgb(0,160,0) 27%, rgb(71,204,71) 78%, rgb(0,160,0) 94%);
background-image: -webkit-linear-gradient(bottom, rgb(0,160,0) 27%, rgb(71,204,71) 78%, rgb(0,160,0) 94%);
background-image: -ms-linear-gradient(bottom, rgb(0,160,0) 27%, rgb(71,204,71) 78%, rgb(0,160,0) 94%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.27, rgb(0,160,0)),
	color-stop(0.78, rgb(71,204,71)),
	color-stop(0.94, rgb(0,160,0))
);}
#nav ul { top: 25px; }
#nav ul li a { background-color: #00A000; }
#nav ul a.hover { background-color: #ff9900;
background-image: linear-gradient(bottom, rgb(235,141,0) 27%, rgb(250,179,73) 78%, rgb(230,138,0) 94%);
background-image: -o-linear-gradient(bottom, rgb(235,141,0) 27%, rgb(250,179,73) 78%, rgb(230,138,0) 94%);
background-image: -moz-linear-gradient(bottom, rgb(235,141,0) 27%, rgb(250,179,73) 78%, rgb(230,138,0) 94%);
background-image: -webkit-linear-gradient(bottom, rgb(235,141,0) 27%, rgb(250,179,73) 78%, rgb(230,138,0) 94%);
background-image: -ms-linear-gradient(bottom, rgb(235,141,0) 27%, rgb(250,179,73) 78%, rgb(230,138,0) 94%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.27, rgb(235,141,0)),
	color-stop(0.78, rgb(250,179,73)),
	color-stop(0.94, rgb(230,138,0))
);}
#nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */
#nav li.help {float: right; width: 100px; text-align: center; border-left: 1px solid white; border-right: 0px none white; background:#39f;}
#nav li ul li.helpdrop {width: 100px;}


/* Basic code - don't modify */

#navhelp { display: block; margin: 0; padding: 0; float:right;position: relative;}
#navhelp li { display: block; list-style: none; margin: 0; padding: 0; float: right; position: relative;}
#navhelp a { display: block; text-decoration: none;}
#navhelp ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #navhelp ul { line-height: 0; } /* IE6 "fix" */
#navhelp ul a { zoom: 1; } /* IE6/7 fix */
#navhelp ul li { float: none; }
#navhelp ul ul { top: 0; }

/* Essentials - configure this */

#navhelp ul { width: 100px; }
#navhelp ul ul { left: 101px; }

/* Everything else is theming */

#navhelp { background-color: #ff9900; height: 24px; }
#navhelp *:hover { background-color: #008000; }
#navhelp a { color: white; font-family: FuturaBT-light; font-size: 0.875em; padding: 6px; line-height: 1; }
#navhelp li.hover a { background-color: #008000;
background-image: linear-gradient(bottom, rgb(0,160,0) 27%, rgb(71,204,71) 78%, rgb(0,160,0) 94%);
background-image: -o-linear-gradient(bottom, rgb(0,160,0) 27%, rgb(71,204,71) 78%, rgb(0,160,0) 94%);
background-image: -moz-linear-gradient(bottom, rgb(0,160,0) 27%, rgb(71,204,71) 78%, rgb(0,160,0) 94%);
background-image: -webkit-linear-gradient(bottom, rgb(0,160,0) 27%, rgb(71,204,71) 78%, rgb(0,160,0) 94%);
background-image: -ms-linear-gradient(bottom, rgb(0,160,0) 27%, rgb(71,204,71) 78%, rgb(0,160,0) 94%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.27, rgb(0,160,0)),
	color-stop(0.78, rgb(71,204,71)),
	color-stop(0.94, rgb(0,160,0))
);}
#navhelp ul { top: 25px; }
#navhelp ul li a { background-color: #00A000; }
#navhelp ul a.hover { background-color: #ff9900;
background-image: linear-gradient(bottom, rgb(235,141,0) 27%, rgb(250,179,73) 78%, rgb(230,138,0) 94%);
background-image: -o-linear-gradient(bottom, rgb(235,141,0) 27%, rgb(250,179,73) 78%, rgb(230,138,0) 94%);
background-image: -moz-linear-gradient(bottom, rgb(235,141,0) 27%, rgb(250,179,73) 78%, rgb(230,138,0) 94%);
background-image: -webkit-linear-gradient(bottom, rgb(235,141,0) 27%, rgb(250,179,73) 78%, rgb(230,138,0) 94%);
background-image: -ms-linear-gradient(bottom, rgb(235,141,0) 27%, rgb(250,179,73) 78%, rgb(230,138,0) 94%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.27, rgb(235,141,0)),
	color-stop(0.78, rgb(250,179,73)),
	color-stop(0.94, rgb(230,138,0))
);}
#navhelp ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */
#navhelp li.help {float: right; width: 100px; text-align: center; border-left: 1px solid white; border-right: 0px none white; background:#39f;
background-image: linear-gradient(bottom, rgb(51,153,255) 27%, rgb(107,181,255) 78%, rgb(52,143,235) 94%);
background-image: -o-linear-gradient(bottom, rgb(51,153,255) 27%, rgb(107,181,255) 78%, rgb(52,143,235) 94%);
background-image: -moz-linear-gradient(bottom, rgb(51,153,255) 27%, rgb(107,181,255) 78%, rgb(52,143,235) 94%);
background-image: -webkit-linear-gradient(bottom, rgb(51,153,255) 27%, rgb(107,181,255) 78%, rgb(52,143,235) 94%);
background-image: -ms-linear-gradient(bottom, rgb(51,153,255) 27%, rgb(107,181,255) 78%, rgb(52,143,235) 94%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.27, rgb(51,153,255)),
	color-stop(0.78, rgb(107,181,255)),
	color-stop(0.94, rgb(52,143,235))
);}
#navhelp li ul li.helpdrop {width: 100px;}







#theme_colour1 { background-color: #ff9900;}
#theme_colour2 { background-color: #008000;}
#theme_colour3 { background-color: #60B060;}

/*****************************************************************************
 * MANUALS
 *****************************************************************************/

#manuals_wrapper { padding: 10px; margin-left: 0px; margin-right: 0px; background-color: #e3f1e4; display: block; border: solid 1px #59ad59; width:408px;}
#manuals_merge {background-color: #ff9900; height: 24px; display: block; margin: 0; padding: 0px; }
#manuals { display: block; margin: 0px; padding: 0; position: relative; float: left; width:200px; margin-right: 5px;}
#manuals li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; width: 200px;}
#manuals a { display: block; text-decoration: none;}
#manuals ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #manuals ul { line-height: 0; } /* IE6 "fix" */
#manuals ul a { zoom: 1; } /* IE6/7 fix */
#manuals ul li { float: none; }
#manuals ul ul { top: 0; }

/* Essentials - configure this */

#manuals ul { width: 200px; }
#manuals ul ul { left: 201px; }

/* Everything else is theming */

#manuals { background-color: #ff9900; }
#manuals *:hover { background-color: #008000; }
#manuals a { border-bottom: 1px solid white; color: white; font-size: 0.75em; padding: 6px; line-height: 1; }
#manuals li.hover a { background-color: #008000; }
#manuals ul { top: 25px; }
#manuals ul li a { background-color: #00A000; }
#manuals ul a.hover { background-color: #ff9900; }
#manuals ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #manuals ul a { border-bottom: none; } - I also needed this for IE6/7 */
#manuals li.help {float: right; width: 100px; text-align: center; border-left: 1px solid white; border-right: 0px none white; background:#39f;}
#manuals li ul li.helpdrop {width: 100px;}



#manuals_jpg
{
	display: block;
	width: 416px;
	height: 225px;
}
/*
#manuals_jpg > img
{
	border: solid 1px #59ad59;
}
*/
.manuals_h2
{
	background-color: #e3f1e4;
	width:100%;
	display: block;
	padding: 2px;
	margin-bottom: 5px;
}

/*****************************************************************************
 * VIDEOS
 *****************************************************************************/

#videos_wrapper { padding: 10px; margin-left: 0px; margin-right: 0px; background-color: #e3f1e4; display: block; border: solid 1px #59ad59;}
#videos_merge {background-color: #ff9900; height: 24px; display: block; margin: 0; padding: 0px; }
#videos { display: block; margin: 0px; padding: 0; position: relative; float: left; width:200px; margin-right: 5px;}
#videos li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; width: 200px;}
#videos a { display: block; text-decoration: none;}
#videos ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #videos ul { line-height: 0; } /* IE6 "fix" */
#videos ul a { zoom: 1; } /* IE6/7 fix */
#videos ul li { float: none; }
#videos ul ul { top: 0; }

/* Essentials - configure this */

#videos ul { width: 200px; }
#videos ul ul { left: 201px; }

/* Everything else is theming */

#videos { background-color: #ff9900; }
#videos *:hover { background-color: #008000; }
#videos a { border-bottom: 1px solid white; color: white; font-size: 0.75em; padding: 6px; line-height: 1; }
#videos li.hover a { background-color: #008000; }
#videos ul { top: 25px; }
#videos ul li a { background-color: #00A000; }
#videos ul a.hover { background-color: #ff9900; }
#videos ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #videos ul a { border-bottom: none; } - I also needed this for IE6/7 */
#videos li.help {float: right; width: 100px; text-align: center; border-left: 1px solid white; border-right: 0px none white; background:#39f;}
#videos li ul li.helpdrop {width: 100px;}

/*****************************************************************************
 * CONTACT
 *****************************************************************************/

.contact-row { display: table;}
.contact-col-icon { display: table-cell; width: 100px; height: 100px;}
.contact-col { display: table-cell; height: 100px;}
.contact-icon { width: 100px; height: 100px;}
.contact-text { padding-left: 10px; padding-right: 10px;}
.contact-text h2 {padding: 0px; padding-top: 5px;}
.contact-text-small { font-size: 0.8em; padding-bottom: 6px;}
.contact-spacer { padding-bottom: 10px; }
.contact-hr {height: 1px; border-top: 1px dotted #008000;}
.contact-icon-phone { background-image: url('../images/contact/phone.png'); background-repeat: no-repeat;  width: 100px; height: 100px;}
.contact-icon-address { background-image: url('../images/contact/address.png'); background-repeat: no-repeat;  width: 100px; height: 100px; }
.contact-icon-location { background-image: url('../images/contact/location.png'); background-repeat: no-repeat;  width: 100px; height: 100px; }
.contact-icon-attachment { background-image: url('../images/contact/attachment.png'); background-repeat: no-repeat;  width: 100px; height: 100px; }
.contact-icon-sales { background-image: url('../images/contact/sales.png'); background-repeat: no-repeat;  width: 100px; height: 100px; }
.contact-icon-accounts { background-image: url('../images/contact/accounts.png'); background-repeat: no-repeat;  width: 100px; height: 100px; }
.contact-icon-technical { background-image: url('../images/contact/technical-support.png'); background-repeat: no-repeat;  width: 100px; height: 100px; }
.contact-icon-returns { background-image: url('../images/contact/returns.png'); background-repeat: no-repeat;  width: 100px; height: 100px; }
.contact-icon-customer-satisfaction { background-image: url('../images/contact/customer-satisfaction.png'); background-repeat: no-repeat;  width: 100px; height: 100px; }
.contact-icon-complaints { background-image: url('../images/contact/complaints.png'); background-repeat: no-repeat;  width: 100px; height: 100px; }
.contact-icon-arp { background-image: url('../images/contact/arp.png'); background-repeat: no-repeat;  width: 100px; height: 100px; }
.contact-icon-taf { background-image: url('../images/contact/taf.png'); background-repeat: no-repeat;  width: 100px; height: 100px; }
.contact-icon-imaf { background-image: url('../images/contact/imaf.png'); background-repeat: no-repeat;  width: 100px; height: 100px; }
.contact-icon-dmaf { background-image: url('../images/contact/dmaf.png'); background-repeat: no-repeat;  width: 100px; height: 100px; }
.contact-icon-releases { background-image: url('../images/contact/releases.png'); background-repeat: no-repeat;  width: 100px; height: 100px; }
.contact-icon-monitoring-changes { background-image: url('../images/contact/monitoring_changes.png');  background-repeat: no-repeat;  width: 100px; height: 100px; }

.contact-popup {padding: 0px; padding-top: 5px;}
.contact-popup-border {
    padding: 5px;
    background: #ffffff;
    border: solid 1px #008000;

}
#contact-phone {}
#contact-phone-info-close { background-image: url('../images/shimmer-icons/png/24/close.png'); height: 24px; width: 24px;}
#contact-phone-info {
    display:none; /* Hide the DIV */
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6 */  
    //height:190px;  
    width:650px;  
    background:#ff9900;  
    left: 0px;
    top: 50px;
    padding:5px;
    border: solid 1px #008000;
    z-index:9999; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
    margin-left: 15px;
}
.contact-popup-border-top-dotted {
    border-top: 1px dotted #008000;
    padding-top: 3px;
}
.contact-popup-border-top-solid {
    border-top: 1px solid #008000;
    padding-top: 3px;
}
#contact-address {}
#contact-address-info-close { background-image: url('../images/shimmer-icons/png/24/close.png'); height: 24px; width: 24px;}
#contact-address-info {
    display:none; /* Hide the DIV */
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6 */  
    //height:190px;  
    width:820px;  
    background:#ff9900;  
    left: 0px;
    top: 50px;
    padding:5px;
    border: solid 1px #008000;
    z-index:9999; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
    margin-left: 15px;
}

/*!
 * jQuery UI CSS Framework 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*!
 * jQuery UI CSS Framework 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=ff9900&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=008000&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=ff9900&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=00a000&bgTextureHighlight=04_highlight_hard.png&bgImgOpacityHighlight=55&borderColorHighlight=ff9900&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 0.8em; }
.ui-widget .ui-widget { font-size: 0.75em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(/main/resource/css/custom-theme/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #008000; background: #ff9900 url(/main/resource/css/custom-theme/images/ui-bg_highlight-soft_75_ff9900_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(/main/resource/css/custom-theme/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #ff9900 url(/main/resource/css/custom-theme/images/ui-bg_glass_75_ff9900_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(/main/resource/css/custom-theme/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #ff9900; background: #00a000 url(/main/resource/css/custom-theme/images/ui-bg_highlight-hard_55_00a000_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/main/resource/css/custom-theme/images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/main/resource/css/custom-theme/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/main/resource/css/custom-theme//main/resource/css/custom-theme/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/main/resource/css/custom-theme/images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/main/resource/css/custom-theme/images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/main/resource/css/custom-theme/images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/main/resource/css/custom-theme/images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/main/resource/css/custom-theme/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/main/resource/css/custom-theme/images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(/main/resource/css/custom-theme/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/main/resource/css/custom-theme/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*!
 * jQuery UI Resizable 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*!
 * jQuery UI Selectable 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*!
 * jQuery UI Accordion 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*!
 * jQuery UI Autocomplete 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.23
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*!
 * jQuery UI Button 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*!
 * jQuery UI Dialog 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*!
 * jQuery UI Slider 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*!
 * jQuery UI Tabs 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*!
 * jQuery UI Datepicker 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:0.75em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .65em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*!
 * jQuery UI Progressbar 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }