*
{
    margin: 0;
    padding: 0;
}

#BrakeP {
    page-break-after: always;
}

body
{
    background: #FFFFFF url(images/img01.gif) repeat-x;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #6E6E6E;
}

input, textarea
{
    background: #FFFFFF url(images/img09.gif) repeat-x;
    border: 1px solid #FFFFFF;
    border-top-color: #A3A3A3;
    border-left-color: #D6D6D6;
    font: normal 1em/normal "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #6E6E6E;
}

h1, h2, h3
{
    margin-bottom: 1.5em;
    letter-spacing: -0.05em;
    font-family: 'Book Antiqua' , 'Times New Roman' , Georgia, Times, serif;
}

h1, h1 a, h2, h2 a
{
    text-decoration: none;
    color: #414141;
}

h1 a:hover, h2 a:hover
{
    text-decoration: underline;
}

h1
{
    font-size: 38px;
}

h2
{
    font-size: 28px;
}

h3
{
    font-size: 16px;
    font-weight: normal;
    color: #939292;
}

p, ul, ol
{
    margin-top: 1.5em;
    line-height: 190%;
}

ul, ol
{
    margin-left: 3em;
}

blockquote
{
    margin-left: 3em;
    margin-right: 3em;
}

a
{
    color: #346086;
}

a:hover
{
    text-decoration: none;
}

a img
{
    border: none;
}

img.left
{
    float: left;
    margin-right: 20px;
}

img.right
{
    float: right;
    margin-right: 20px;
}

hr
{
    display: none;
}

/* Logo */

#logo
{
    width: 870px;
    height: 135px;
    margin: 0 auto;
}

#logo h1, #logo h2
{
    margin: 0;
}

#logo h1
{
    float: left;
    padding-top: 70px;
}

#logo h2
{
    float: right;
    padding-top: 95px;
    font-size: 16px;
    font-weight: normal;
}

#logo h2, #logo h2 a
{
    color: #939292;
}
#logo h3, #logo h3 a
{
    color: teal;
    font-variant: normal;
    font-style: normal;
    text-decoration: none;
    text-transform: capitalize;
    background-color: transparent;
    letter-spacing: 2px;
    padding-top: 0px;
    float: left;
}
#logo a
{
    text-decoration: none;
}

/* Menu */

#menu
{
    width: 960px;
    height: 62px;
    margin: 0 auto;
    background: url(images/toy5.png) #252e3a no-repeat;
}

#menu ul
{
    margin: 0;
    padding: 21px 0 0 30px;
    list-style: none;
    line-height: normal;
}
#menu TABLE
{
    float: left;
    color: white;
    padding-bottom: 4px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px;    
}
/*#menu TABLE tbody td
{
    border-bottom: white thin solid;
}*/
#menu li
{
    float: left;
    padding: 0 20px 0 22px;
    background: url(images/img03.gif) no-repeat left center;
}

#menu li.first
{
    background: none;
}

#menu a
{
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}

/* Search */

/* Banner */

#banner
{
    width: 960px;
    margin: 0 auto;
    padding: 8px 0;
    
}

/* Page */

#page
{
    width: 920px;
    margin: 0 auto;
    background: url(images/img05.gif) no-repeat;
    padding-bottom: 45px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 45px;
}

/* Content */

#content
{
    float: left;
    width: 603px;
}

.post
{
}

.post .title
{
    margin: 0;
    padding: 0 20px;
}

.post .entry
{
    padding: 0 20px;
    
}

.post .meta
{
    height: 47px;
    margin: 20px 0 40px 0;
    padding: 15px 0 0 20px;
    background: url(images/img07.gif) no-repeat;
    line-height: normal;
}

/* Sidebar */

#sidebar
{
    float: right;
    width: 200px;
}

#sidebar ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
}

#sidebar li
{
    margin-bottom: 40px;
    padding: 0 15px 0 20px;
}

#sidebar li ul
{
}

#sidebar li li
{
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px solid #E5E5E5;    
}
#sidebar li li a
{
   
    text-decoration: none;
}

#sidebar li h2
{
    margin-bottom: 15px;
    font-size: 18px;
}

#sidebarp
{
    float: left;
    width: 200px;
}

#sidebarp ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
}

#sidebarp li
{
    margin-bottom: 40px;
    padding: 0 15px 0 20px;
}

#sidebarp li ul
{
}

#sidebarp li li
{
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px solid #E5E5E5;    
}
#sidebarp li li a
{
   
    text-decoration: none;
}

#sidebarp li h2
{
    margin-bottom: 15px;
    font-size: 18px;
}

/* Calendar */

/* Footer */

#footer
{
    clear: both;
    width: 870px;
    height: 50px;
    margin: 0 auto;
    padding: 35px 45px;
    background: url(images/img05.gif) no-repeat;
}

#footer p
{
    margin: 0;
    line-height: normal;
    color: #B4B4B4;
}

#footer a
{
    color: #B4B4B4;
}

#footer .legal
{
    float: left;
}

#footer .credit
{
    float: right;
}


/*#itsthetable > table
{
    width: 200px;
}
#itsthetable
{
    height: 400px;
    padding-bottom: 3px;
    overflow: auto;
}*/

#content table, #MainT
{
    border-collapse: collapse;
}


#content table thead th,#MainT thead th
{
    border-right: 1px solid #fff;
    text-align: center;
    padding: 2px;
    height: 25px;
    border-bottom: 1px solid #E5E5E5;
}
#content table tfoot,#MainT tfoot
{
    color: blue;
    padding: 2px;
    font-size: 1.2em;
    margin-top: 6px;
    /*border-bottom: 1px solid #E5E5E5;*/
    font-weight: bold;
}
#content table tbody tr,#MainT tbody tr
{
    border-bottom: 1px solid #E5E5E5;
}
#content table tbody td,#MainT tbody td
{
    color: #414141;
    padding: 5px;
    text-align: left;
}
#content table tbody th,#MainT tbody th
{
    color: #414141;
    padding: 5px;
    text-align: left;
}
#content table tbody td a,#content table tbody th a,#MainT tbody td a, #MainT tbody th a
{
    color: #6C8C37;
    padding-left: 15px;
    text-decoration: none;
}
/*#MainT tbody td a:hover, #MainT tbody th a:hover
{
    color: #009193;
    text-decoration: none;
}*/
/*#content table tbody tr:hover td, #MainT tbody tr:hover td, #content table tbody tr:hover th, #MainT tbody tr:hover th, #content table tbody tr:hover td a, #MainT tbody tr:hover td a, #content table tbody tr:hover th a, #MainT tbody tr:hover th a {
    color: #003399;
    font-weight: bold;
    font-size: large;
}*/
#content table caption, #MainT caption
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    text-align: left; /*margin: 0;  */
    font-size: 28px;
    font-weight: bold;
    color: black;
    height: 47px;
    margin: 0px;
    line-height: normal;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 0px;
    padding-top: 7px;
    background: url(images/toy7.png) no-repeat;
    cursor: hand;
}
#content table caption:hover, #MainT caption:hover
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    text-align: left; /*margin: 0;  */
    font-size: 28px;
    font-weight: bold;
    color: black;
    height: 47px;
    margin: 0px;
    line-height: normal;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 0px;
    padding-top: 7px;
    cursor: hand;
    background: url(images/toy8.png) no-repeat;
}
#content table caption:active, #MainT caption:active
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    text-align: left; /*margin: 0;  */
    font-size: 28px;
    font-weight: bold;
    color: yellow;
    height: 47px;
    margin: 0px;
    line-height: normal;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 0px;
    padding-top: 7px;
    cursor: hand;
}
#MainC
{
    border-collapse: collapse;
}

#MainC thead th
{
    border-right: 1px solid #fff;
    text-align: center;
    padding: 2px;
    height: 25px;
    border-bottom: 1px solid #E5E5E5;
}
#MainC tfoot
{
    color: blue;
    padding: 2px;
    font-size: 1.2em;
    margin-top: 6px;
    border-bottom: 1px solid #E5E5E5;
    font-weight: bold;
}
#MainC tbody tr
{    
    vertical-align: top;
}
#MainC tbody td
{
    color: #414141;
    padding: 5px;
    text-align: left;
}
#MainC tbody th
{
    color: #414141;
    padding: 5px;
    text-align: left;
}
#MainC tbody td a, #MainC tbody th a
{
    color: #6C8C37;
    padding-left: 15px;
    text-decoration: none;
}
/*#MainC tbody td a:hover, #MainC tbody th a:hover
{
    color: #009193;
    text-decoration: none;
}*/
/*#MainC tbody tr:hover td, #MainC tbody tr:hover th, #MainC tbody tr:hover td a, #MainC tbody tr:hover th a
{
    background-color: white;
    color: black;
}*/
#MainP tbody tr:hover td, #MainP tbody tr:hover td a
{
    background-color: #ffff99;
    color: #009193;
}
#MainP tbody tr
{
    border-bottom: 1px solid #E5E5E5;
    height: 110px;
}
#MainS tbody tr:hover td, #MainS tbody tr:hover td a
{
    background-color: #ffff99;
    color: #009193;
}
#MainS tbody tr
{
    border-bottom: 1px solid #E5E5E5;
    height: 110px;
}
#MainO tbody tr:hover td, #MainO tbody tr:hover td a
{
    background-color: #ffff99;
    color: #009193;
}
#MainO tbody tr
{
    border-bottom: 1px solid #E5E5E5;
    height: 110px;    
}

#MainC caption
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    text-align: left;
    margin: 0;    
    font-size: 28px;
    font-weight: bold;
    color: black;
}
#MainT2
{
    border-collapse: collapse;
}


#MainT2 thead th
{
    border-right: 1px solid #fff;
    text-align: center;
    padding: 2px;
    height: 25px;
    border-bottom: 1px solid #E5E5E5;
}
#MainT2 tfoot
{
    color: blue;
    padding: 2px;
    font-size: 1.2em;
    margin-top: 6px;
    border-bottom: 1px solid #E5E5E5;
    font-weight: bold;
}
#MainT2 tbody tr
{
    border-bottom: 1px solid #E5E5E5;
}
#MainT2 tbody td
{
    color: #414141;
    padding: 5px;
    text-align: left;
}
#MainT2 tbody th
{
    color: #414141;
    padding: 5px;
    text-align: left;
}
#MainT2 tbody td a, #MainT2 tbody th a
{
    color: #6C8C37;
    padding-left: 15px;
    text-decoration: none;
}

#MainT2 tbody tr:hover td, #MainT2 tbody tr:hover th, #MainT2 tbody tr:hover td a, #MainT2 tbody tr:hover th a
{
    background-color: #ffff99;
    color: #009193;
}
#MainT2 caption
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    text-align: left;
    margin: 0;    
    font-size: 28px;
    font-weight: bold;
    color: black;
}
#container{
    width:550px;
    height:400px;
    /*border:1px solid #000; */
    overflow:hidden;
    margin:auto;
}
#container iframe {
    width:550px;
    height:500px;
    margin-left:-0px;
    margin-top:-112px;   
    border:0 solid;
 }
 .hide
{
    z-index: 100;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
}
.Uhide
{
    margin: 0px;
    padding: 0px;
    z-index: 200;
    position: fixed;
    top: 0px;
    background-color: #000000;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.Uhide2
{
    margin: 0px;
    padding: 0px;
    z-index: 200;
    position: fixed;
    top: 0px;
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.hid
{
    display: none;
}
.uhid
{
    display: inline-block;
    cursor: pointer;
}

/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.2 | MIT License | git.io/normalize 
@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
*/
.progress
{
    height: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    width: 100px;
}.progress-bar
{
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: left;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}.progress-bar-striped, .progress-striped .progress-bar
{
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}.progress-bar.active, .progress.active .progress-bar
{
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}.progress-bar-success
{
    background-color: #5cb85c;
}.progress-striped .progress-bar-success
{
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}.progress-bar-info
{
    background-color: #5bc0de;
}.progress-striped .progress-bar-info
{
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}.progress-bar-warning
{
    background-color: #f0ad4e;
}.progress-striped .progress-bar-warning
{
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}.progress-bar-danger
{
    background-color: #d9534f;
}.progress-striped .progress-bar-danger
{
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}
.w3-btn, .w3-btn-block
{
    border: none;
    display: inline-block;
    outline: 0;
    padding: 6px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    background-color: #000;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}
.w3-btn.w3-disabled, .w3-btn-block.w3-disabled, .w3-btn-floating.w3-disabled, .w3-btn:disabled, .w3-btn-floating:disabled, .w3-btn-floating-large.w3-disabled, .w3-btn-floating-large:disabled
{
    cursor: not-allowed;
    opacity: 0.3;
}
.w3-btn.w3-disabled *, .w3-btn-block.w3-disabled, .w3-btn-floating.w3-disabled *, .w3-btn:disabled *, .w3-btn-floating:disabled *
{
    pointer-events: none;
}
.w3-btn.w3-disabled:hover, .w3-btn-block.w3-disabled:hover, .w3-btn:disabled:hover, .w3-btn-floating.w3-disabled:hover, .w3-btn-floating:disabled:hover, .w3-btn-floating-large.w3-disabled:hover, .w3-btn-floating-large:disabled:hover
{
    box-shadow: none;
}
.w3-btn:hover, .w3-btn-block:hover, .w3-btn-floating:hover, .w3-btn-floating-large:hover
{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.w3-btn-block
{
    width: 100%;
}
.w3-btn,.w3-btn-floating,.w3-btn-floating-large,.w3-closenav,.w3-opennav{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-btn-floating,.w3-btn-floating-large{display:inline-block;text-align:center;color:#fff;background-color:#000;position:relative;overflow:hidden;z-index:1;padding:0;border-radius:50%;cursor:pointer;font-size:24px}
.w3-btn-floating{width:40px;height:40px;line-height:40px}
.w3-btn-floating-large{width:56px;height:56px;line-height:56px}
.w3-btn-group .w3-btn{float:left}
.w3-accordion {width:100%;cursor:pointer}
.w3-accordion-content{cursor:auto;display:none;position:relative;width:100%;margin:0;padding:0}
.w3-accordion-content a{padding:6px 16px;display:block}.w3-accordion-content a:hover{background-color:#ccc}
.w3-light-grey,.w3-hover-light-grey:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}
.w3-accordion {width:100%;cursor:pointer}
.w3-accordion-content{cursor:auto;display:none;position:relative;width:100%;margin:0;padding:0}
.w3-accordion-content a
{
    padding: 6px 16px;
    display: block;
}.w3-accordion-content a:hover
{
    background-color: #ccc;
}
.w3-animate-fading
{
    -webkit-animation: fading 10s infinite;
    animation: fading 10s infinite;
}

.w3-animate-opacity
{
    -webkit-animation: opac 1.5s;
    animation: opac 1.5s;
}

.w3-animate-top
{
    position: relative;
    -webkit-animation: animatetop 0.4s;
    animation: animatetop 0.4s;
}

.w3-animate-left
{
    position: relative;
    -webkit-animation: animateleft 0.4s;
    animation: animateleft 0.4s;
}

.w3-animate-right
{
    position: relative;
    -webkit-animation: animateright 0.4s;
    animation: animateright 0.4s;
}

.w3-animate-bottom
{
    position: relative;
    -webkit-animation: animatebottom 0.4s;
    animation: animatebottom 0.4s;
}

.w3-animate-zoom
{
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s;
}

.w3-animate-input
{
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}.w3-animate-input:focus
{
    width: 100% !important;
}
.w3-hide
{
    display: none !important;
}.w3-show-block, .w3-show
{
    display: block !important;
}.w3-show-inline-block
{
    display: inline-block !important;
}


.wireframemenu {
    background-color: white;
    position: fixed;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    border-radius: 10px 0px 0px 10px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #C0C0C0;
    border-left-color: #C0C0C0;
    border-bottom-color: #C0C0C0;
    border-top-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    z-index: 100;
    top: 10px;
    right: 0px;
    padding-left: 5px;
    padding-right: 10px;
}

* html .wireframemenu
{
    /*IE only rule. Original menu width minus all left/right paddings */
    width: 164px;
}

.wireframemenu ul
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.wireframemenu li
{
    /*float: left;*/
    background: url(images/img03.gif) no-repeat left center;
    padding-left: 10px;
}

.wireframemenu a
{
    font: bold 13px Verdana;
    padding: 4px 3px;
    display: block;
    width: 100%; /*Define width for IE6's sake*/
    color: #595959;
    text-decoration: none;
    border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited
{
    color: #595959;
}

html > body .wireframemenu a
{
    /*Non IE rule*/
    width: auto;
}

.wireframemenu a:hover
{
    background-color: #F8FBBD;
    color: black;
}


div.css3droppanel
{
    /* Main wrapper for push down panel */
    position: relative;
    margin: 0;
    margin-bottom: 1em; /* margin with rest of content on page */
}


div.css3droppanel > div
{
    /* Content DIV DIV inside wrapper */
    height: 10px; /* initial height of content when hidden. Should be same height as bottom bar (see div.css3droppanel:after) */
    padding: 5px;
    -moz-box-sizing: border-box; /* ensure any padding and border declared inside content DIV doesn't increase DIV's declared dimensions */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    background: #b5e5e0; /* background of content DIV */
    position: relative;
    opacity: 0;
    -moz-transition: all 0.2s ease-in-out 0.1s; /* CSS3 transition of UL state. Last 0.1s specifies delay before animation */
    -o-transition: all 0.2s ease-in-out 0.1s; /* instead of ease-in-out, also try cubic-bezier(0.25, 0.1, 0.25, 1.4) instead */
    -webkit-transition: all 0.2s ease-in-out 0.1s;
    transition: all 0.2s ease-in-out 0.1s;
}

div.css3droppanel:after
{
    /* Add bottom bar beneath wrapper */
    content: '';
    display: block;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 10px;
    box-shadow: 0 3px 8px gray, 3px 3px 4px brown inset;
    background: #5a1619; /* dark redish background and its gradient versions */
    background: -moz-linear-gradient(top,  rgba(118,36,41,1) 0%, rgba(117,5,11,1) 50%, rgba(56,38,39,0.72) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(118,36,41,1)), color-stop(50%,rgba(117,5,11,1)), color-stop(100%,rgba(56,38,39,0.72)));
    background: -webkit-linear-gradient(top,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(56,38,39,0.72) 100%);
    background: -o-linear-gradient(top,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(56,38,39,0.72) 100%);
    background: -ms-linear-gradient(top,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(56,38,39,0.72) 100%);
    background: linear-gradient(to bottom,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(56,38,39,0.72) 100%);
}


div.css3droppanel input[type="checkbox"]
{
    /* style invisible checkbox element used to toggle state of push down panel */
    position: absolute;
    right: 50px; /* right position of checkbox */
    width: 60px; /* width of checkbox */
    height: 42px; /* height of checkbox */
    bottom: -34px; /* bottom offset of checkbox */
    z-index: 10;
    cursor: pointer;
    opacity: 0;
}

div.css3droppanel input[type="checkbox"]:checked ~ div
{
    /* when checkbox is checked, expand content within wrapper */
    height: 150px; /* height of content to expand to. Scrollbar will be shown if content overflows this height */
    opacity: 1;
    overflow: auto;
}

div.css3droppanel label {
    /* style label that's positioned below wrapper's bottom bar, and will toggle checkbox when interacted with */
    position: absolute;
    right: 50px; /* right position of label */
    width: 60px; /* width of label */
    height: 42px; /* height of label */
    bottom: -34px; /* bottom offset of label */
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    cursor: pointer;
    z-index: 5;
    background: #5a1619; /* dark redish background and its gradient versions */
    background: -moz-linear-gradient(top,  rgba(118,36,41,1) 0%, rgba(117,5,11,1) 50%, rgba(124,31,32,0.72) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(118,36,41,1)), color-stop(50%,rgba(117,5,11,1)), color-stop(100%,rgba(124,31,32,0.72)));
    background: -webkit-linear-gradient(top,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(124,31,32,0.72) 100%);
    background: -o-linear-gradient(top,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(124,31,32,0.72) 100%);
    background: -ms-linear-gradient(top,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(124,31,32,0.72) 100%);
    background: linear-gradient(to bottom,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(124,31,32,0.72) 100%);
    box-shadow: 0 3px 8px black, 5px 5px 6px brown inset, 0 -3px 3px rgba(152,41,47,0.7) inset, 0 5px 0 rgba(255,255,255,0.7) inset;
}

div.css3droppanel label:hover {
    /* style of label when mouse rolls over it */
    box-shadow: 0 3px 8px black, 5px 5px 6px brown inset, 0 -3px 3px rgba(152,41,47,0.7) inset, 0 5px 0 rgba(255,255,255,0.7) inset, 0 0 15px rgba(255,255,255,0.8) inset;
}

div.css3droppanel label:after
{
    /* generated down arrow */
    border-style: solid;
    border-width: 12px;
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: #FFFFFF transparent transparent transparent;
    top: 18px;
    left: 18px;
    box-shadow: 0 0 7px gray inset;
    
}
.BarO {
    margin: 10px;
    border: medium ridge #808080;
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    height: 20px;
    width: 300px;
}
.BarIR {
    border-radius: 5px 5px 5px 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    height: 20px;
}
.BarIRT {
    border-radius: 5px 5px 0px 0px;
    height: 10px;
}
.BarIRB {
    border-radius: 0px 0px 5px 5px;
    height: 10px;
}
.level1 {
    color: #808080;
    width: 130px;
    height: 40px;
    text-align: center;
    background-color: #FFFFFF;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-top: 10px;
    letter-spacing: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-width: thin;
    border-right-width: thin;
    border-left-width: thin;
    border-top-color: #000000;
    border-right-color: #000000;
    border-left-color: #000000;
    position: relative;
    top: 5px;
    font-size: small;
}
.level1:hover {
    border: thin solid #000000;
    color: #FF0000;
    top: 2px;
    font-weight: bold;
    width: 150px;
    height: 48px;
    text-align: center;
    margin-top: 0px;
    letter-spacing: 5px;
}

.level2 {
    position: relative;
    top: 2px;
    font-weight: bold;
    width: 150px;
    height: 50px;
    text-align: center;
    margin-top: 0px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    letter-spacing: 4px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-width: thin;
    border-right-width: thin;
    border-left-width: thin;
    border-top-color: #000000;
    border-right-color: #000000;
    border-left-color: #000000;
    color: #000000;
}



.level3 { 
    color: #000000;
    font-weight: bold;
    width: 150px;
    height: 50px;
    text-align: center;
    background-color: #FFFFCC;
    margin-top: 0px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    letter-spacing: 4px;
    !important;

 }

.levelMain {
    background-color: #FFFFFF;
}
.levelMain:hover {
    background-color: #FFFFFF;
}
.alert {
    padding: 20px;
    background-color: #66FF33;
    color: white;
}
.alert2 {
    display: none;
}

.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover {
    color: #FF0000;
}
.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
/*@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
*/
/* The tab itself */
 
#followTab {
    /* No bullets */
    list-style: none; 
    /* Position and float the tab */
    position: fixed;
    z-index: 1; 
    /* Give the tab width and padding */
    width: 24px;
    padding: 8px 5px 8px 5px; 
    /* Add the curved white border */
    border: 3px solid #fff;
    border-right: none;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px; 
    /* Add the drop shadow */
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .6);
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .6);
    box-shadow: 0 0 7px rgba(0, 0, 0, .6); 
    /* Add the semitransparent gradient background */
    background: rgba(239, 91, 10, .75);
    background: -moz-linear-gradient(top, rgba(243, 52, 8, .75), rgba(239, 91, 10, .75));
    background: -webkit-gradient( linear, left top, left bottom, from( rgba(243, 52, 8, .75) ), to( rgba(239, 91, 10, .75) ) );
    background: linear-gradient(top, rgba(243, 52, 8, .75), rgba(239, 91, 10, .75));
    filter: progid:DXImageTransform.Microsoft.Gradient( startColorStr='#c0f33408', endColorStr='#c0ef5b0a', GradientType=0 );
    height: 200px;
    margin-left: -37px;
}

.rotate {
    /* Safari */
    -webkit-transform: rotate(-90deg); /* Firefox */
    -moz-transform: rotate(-90deg); /* IE */
    -ms-transform: rotate(-90deg); /* Opera */
    -o-transform: rotate(-90deg); /* Internet Explorer */ /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
    white-space: nowrap;
    margin-top: 150px;
    margin-bottom: 1.5em;
    letter-spacing: -0.05em;
    font-family: 'Book Antiqua' , 'Times New Roman' , Georgia, Times, serif;
    text-decoration: none;
    color: #414141;
    font-size: 28px;
}
#ASMSide {
    border: thin solid #CC3300;
    float: right;
    width: 215px;
    background-color: #FFFFFF;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
    font-family: 'Times New Roman' , Times, serif;
}
#ASMSide:hover {
    float: right;
    width: 90%;
    position: absolute;
    z-index: 1;
    left: 100px;
}
.ASMSidedata {
    padding: 20px;
    width: 185px;
}

.print_button {
    position: relative;
    left: 170px;
    top: 33px;
}