/*
 * Accordionza jQuery Plugin
 * Copyright 2010, Geert De Deckere <geert@idoe.be>
 */

#accordion1 {
    color:#fff;
    height:250px;
    list-style:none;
    margin:0;
    overflow:hidden;
    padding:0;
    /*text-shadow:0 1px 0 #333;*/
    width:1576px;
}
#accordion1 li {
    height:250px;
    position:relative;
}
#accordion1 .slide_handle {
    /*background:url(images/handles.png);*/
    bottom:0;
    cursor:pointer;
    left:0;
    position:absolute;
    top:0;
    width:40px;
}
#accordion1 .slide1 .slide_handle {
    background-color: #2B4D59;
}
#accordion1 .slide2 .slide_handle {
    background-color: #39998E;
}
#accordion1 .slide3 .slide_handle {
    background-color: #FFDC7C;
}
#accordion1 .slide4 .slide_handle {
    background-color: #FFAA67;
}
#accordion1 .slide5 .slide_handle {
    background-color: #DA674A;
}
#accordion1 .slide6 .slide_handle {
    background-color: #1E486C;
}
#accordion1 .slide7 .slide_handle {
    background-color: #26A250;
}
#accordion1 .slide8 .slide_handle {
    background-color: #B2DB35;
}
#accordion1 .slide9 .slide_handle {
    background-color: #F2AC34;
}
#accordion1 .slide10 .slide_handle {
    background-color: #FE7634;
}
#accordion1 .slide11 .slide_handle {
    background-color: #A6294B;
}
#accordion1 .slide12 .slide_handle {
    background-color: #D03A63;
}
#accordion1 .slide13 .slide_handle {
    background-color: #FFE2C5;
}
#accordion1 .slide14 .slide_handle {
    background-color: #FFBA75;
}
#accordion1 .slide15 .slide_handle {
    background-color: #C29261;
}
#accordion1 .slide16 .slide_handle {
    background-color: #502D55;
}
#accordion1 .slide17 .slide_handle {
    background-color: #8E4B71;
}
#accordion1 .slide18 .slide_handle {
    background-color: #E7C8B7;
}
#accordion1 .slide19 .slide_handle {
    background-color: #E6E0DA;
}
#accordion1 .slide20 .slide_handle {
    background-color: #95AE8D;
}
/*#accordion1 .slide2 .slide_handle { background-position:-40px 0; }*/
/*#accordion1 .slide3 .slide_handle { background-position:-80px 0; }*/
/*#accordion1 .slide4 .slide_handle { background-position:-120px 0; }*/
#accordion1 .slide_handle div {
    height:250px;
    position:relative;
    top: 30px;
    left: 10px;
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
}
#accordion1 .slide_opened .slide_handle { cursor:default; }
#accordion1 .slide_opened .slide_handle div { background-position:0 -7px; }
#accordion1 .slide_content {
    bottom:0;
    left:40px; /* Matches the width of .slide_handle */
    position:absolute;
    right:0;
    top:0;
    font-size: 12px;
    color: #000000;
}
.slide1 .slide_content, .slide1 .slide_content table {
    background-color: #4e6973;
    color: #FFFFFF;
}
.slide_content table input[type="text"],  .slide_content table textarea,  .slide_content table input[type="file"]{
    height: 21px;
    width: 170px;
    padding: 0;
    border: none;
    padding-left: 5px;
    color: #000000;
    font-family: Roboto-Regular;
    font-size: 12px;
}
.slide_content table textarea{
    padding-top:4px;
}
.slide_content table input[type="file"]{
    padding-left: 0px;
    color:#FFFFFF;
}

.slide2 .slide_content {
    background-color: #49807a;
}
.slide3 .slide_content {
    background-color: #e6d39e;
}
.slide4 .slide_content {
    background-color: #e6b28b;
}
.slide5 .slide_content {
    background-color: #c17a68;
}
.slide6 .slide_content {
    background-color: #406586;
}
.slide7 .slide_content {
    background-color: #3c8955;
}
.slide8 .slide_content {
    background-color: #a7c256;
}
.slide9 .slide_content {
    background-color: #d9ab5a;
}
.slide10 .slide_content {
    background-color: #e58a5c;
}
.slide11 .slide_content {
    background-color: #8c3f53;
}
.slide12 .slide_content {
    background-color: #b75871;
}
.slide13 .slide_content {
    background-color: #e6b584;
}
.slide14 .slide_content {
    background-color: #e6bf98;
}
.slide15 .slide_content {
    background-color: #a96e32;
}
.slide16 .slide_content {
    background-color: #66256f;
}
.slide17 .slide_content {
    background-color: #752753;
}
.slide18 .slide_content {
    background-color: #ce977a;
}
.slide19 .slide_content {
    background-color: #ccb299;
}
.slide20 .slide_content {
    background-color: #6a955b;
}

.slide1 .slide_content table{
    font-size: 12px;
}
#accordion1 .slide_content a img { border:0; }
/*#accordion1 .slide_caption {*/
/*    background:url(images/black-30pct.png); !* You could use rgba instead, but that means less browser support *!*/
/*    bottom:0;*/
/*    left:0;*/
/*    padding:10px 20px;*/
/*    position:absolute;*/
/*    right:0;*/
/*    !* To change the height of the caption, set the captionHeight option in script.js *!*/
/*}*/
#accordion1 .slide_caption_toggle {
    cursor:pointer;
    height:10px;
    left:0;
    position:absolute;
    right:0;
    top:0;
}
/*#accordion1 .slide_caption_toggle div {*/
/*    background:url(images/toggle-caption.png) no-repeat 50% -10px;*/
/*    height:100%;*/
/*}*/
/*#accordion1 .slide_caption_toggle:hover { background:url(images/black-30pct.png); }*/
/*#accordion1 .slide_caption_collapsed .slide_caption_toggle div { background-position:50% 0; }*/
#accordion1 a {
    background:none;
    color:#fff;
    text-shadow:0 1px 0 #333;
}
#accordion1 a:hover { text-decoration:none; }
/*#accordion1 .slide4 .slide_content { background:url(images/digital-noise.png) 100% 0; }*/