﻿@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);


@font-face {
    font-family: 'Script MT Bold';
    src: url('fonts/Script MT Bold.ttf')
}

@font-face {
    font-family: 'Champagne & Limousines';
    src: url('fonts/Champagne & Limousines.ttf')
}

@font-face {
    font-family: 'Champagne & Limousines Bold';
    src: url('fonts/Champagne & Limousines Bold.ttf')
}

a {
    text-decoration: none;
    font-weight: bold;
    color: #666666;
    border: none;
}

img {
    border: none;
}

body {
    margin: 0px;
    font-family: "Open Sans", Verdana, Geneva, sans-serif;
}

.container {
    position: relative;
    display: block;
    float: left;
    margin: 0px auto 0px auto;
    width: 100%;
    min-width: 960px;
}

.shadow-backgound {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #666666;
    opacity: 0.4;
    z-index: 200;    
}

.popup-container {
    position: fixed;
    left: 50%;
    top: -800px;
    margin-left: -350px;
    width: 700px;
    background-color: #FFFFFF;
    padding: 10px 10px 20px 10px;
    z-index: 501;
    overflow-x: hidden;
    overflow-y: auto;
}

.popup-container table {
    font-size: 10pt;
    padding-bottom: 5px;
    border-bottom: solid 1px #CCCCCC;
}

.popup-container th {
    font-size: 32pt;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
    color: #814C9A;
    text-align: left;
    font-weight: bold;
    padding-bottom: 5px;
    font-family:  Arial;
    vertical-align: bottom;
}

.popup-container th img {
    float: right;
}

.popup-container td {
    text-align: justify;
    border-top: solid 1px #CCCCCC;
    padding-top: 5px;
}

.close-popup {
    font-size: 9pt;
    color: #666666;
    cursor: pointer;
    float: right;
}

#photos img {
    position: absolute;
}

.shadow-background-popup {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #666666;
    opacity: 0.8;
}

.div-popup-loader {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 106px;
    height: 86px;
    margin-top: -65px;
    margin-left: -53px;
    padding: 5px;
    text-align: center;
}

.div-popup-loader img[alt="pdf"] {
    width: 64px;
    height: 64px;
}

.div-popup {
    position: fixed;
    background-color: #FFFFFF;
    top: 10%;
    left: 50%;
    width: 400px;
    height: 200px;
    margin-left: -200px;
    padding: 10px;
    box-shadow: #EAEAEA 0px 0px 10px 5px;
}

.div-popup img[alt="title"] {
    display: block;
    margin-right: 300px;
    width: 48px;
    height: 48px;
}

.div-popup a, 
.div-popup span {
    border: none;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    padding: 10px;
    width: 100px;
    display: inline-block;
    text-shadow: 0px -1px 2px #666666;
    box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.5), 0 2px 2px rgba(0, 0, 0, 0.5);  
}

.div-popup p[id*="_title"] {
    padding: 5px;
    display: table-cell;
    width: 390px;
    height: 80px;
    font-size: 14px;
    color: #666666;
    text-align: center;
    vertical-align: middle;    
    padding-bottom: 15px;
}

.div-popup p[id$="_title_big"] {
    font-size: 26px;
}

.div-popup p input[type="text"] {
    font-size: 14px;
    color: #333333;    
    border: 1px solid #C0C0C0;
    padding: 10px;
    margin-top: 5px;
    width: 80%;
    border-radius: 0px;
}

.div-popup p img[id$="_loader"] {
    margin-top: 5px;
}

.div-popup span[id$="_ok"] {
    font-weight: normal;
    border: 1px solid #006600;
    background-color: #009900;
    float: left;
    margin-left: 145px;
    cursor: pointer;
}

.div-popup span[id$="_cancel"] {
    font-weight: normal;
    border: 1px solid #333333;
    background-color: #666666;
    float: left;
    margin-left: 40px;
    cursor: pointer;
}

.div-popup a[id$="_yes"],
.div-popup a[id$="_view"],
.div-popup span[id$="_yes"],
.div-popup span[id$="_share"] {
    font-weight: normal;
    border: 1px solid #006600;
    background-color: #009900;
    float: right;
    margin-right: 40px;
    cursor: pointer;
}

.div-popup span[id$="_no"] {
    font-weight: normal;
    border: 1px solid #660000;
    background-color: #990000;
    float: left;
    margin-left: 40px;
    cursor: pointer;
}

.div-popup-help {
    position: fixed;
    background-color: #FFFFFF;
    top: 10%;
    left: 50%;
    width: 400px;
    height: 400px;
    margin-left: -200px;
    padding: 10px;
    box-shadow: #EAEAEA 0px 0px 10px 5px;
}

.div-popup-help div {
    display: block;
    width: 380px;
    height: 325px;
    padding: 10px;
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    color: #333333;
}

.div-popup-help div p {
    font-size: 11px;
    text-align: justify;
}

.div-popup-help div ul {
    font-size: 11px;
}

.div-popup-help-title {
    display: block;
    width: 360px;
    font-size: 14px;
    color: #0099FF;
    font-weight: bold;
}

.div-popup-help span[id$="_ok"]{
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    padding: 10px;
    width: 100px;
    display: block;
    text-shadow: 0px -1px 2px #666666;
    box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.5), 0 2px 2px rgba(0, 0, 0, 0.5);
    background-color: #333333;
    margin-left: 145px;
    cursor: pointer;
}

.div-search-popup {
    position: fixed;
    background-color: #FFFFFF;
    top: 10%;
    left: 50%;
    width: 600px;
    height: 445px;
    margin-left: -300px;
    border: 5px solid #F29213;
    padding: 10px;
    /*box-shadow: #EAEAEA 0px 0px 10px 5px;*/
}

.div-search-popup img {
    position: absolute;
    top: 55px;
}

.div-search-popup #title_search {
    position: absolute;
    display: block;
    width: 563px;
    padding: 10px;
    margin-top: 5px;
    left: 20px;
    border-radius: 0px;
    background-color: #00A19A;
    Color: #FFFFFF;
    font-size: 16px;
    font-family: "Open Sans", Verdana, Geneva, sans-serif;
}

.div-search-popup input[type="text"] {
    position: absolute;
    left: 80px;
    top: 65px;
    border: 1px solid #CCCCCC;
    font-size: 14px;
    color: #333333;
    width: 500px;
    padding: 10px;
    border-radius: 0px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 2px rgba(255, 255, 255, 0.5);
}

.div-search-popup #search_results {
    position: absolute;
    border: 1px solid #CCCCCC;
    top: 125px;
    left: 20px;
    width: 580px;
    height: 319px;
    border-radius: 0px;
    overflow-x: hidden;
    overflow-y: auto;
}

#search_results div {
    display: block;
    padding: 5px;
    width: 580px;
    font-size: 16px;
    color: #333333;
    cursor: pointer;
}

#search_results div[id$=_odd] {
    background-color: #F2F2F2;
}

#search_results div:hover {
    color: #FFFFFF;
    background-color: #999999;
}

#search_results span[id*="_desc_"] {
    display: inline-block;
    width: 570px;
}

.main-image {
    width: 100%;
    min-height: 500px;
}

.container.menu {
    height: 60px;
    background-color: #333333;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
}

.menu-item {
    display: inline-block;
    color: #FFFFFF;
    font-size: 11px;
    cursor: pointer;
    text-align: center;    
    margin-top: 8px;
    padding: 10px;
    border: solid 1px #333333;
}

.menu-item:hover {
    border: solid 1px #F29213;
    border-radius: 0px;
	color: #F29213;
}

.menu-item-login {
    margin-top: 5px;
    width: 55px;
    display: inline-block;
    border: 1px solid #315C31;
    padding: 10px;
    font-size: 14px;
    text-align: center;
    background-color: #33CC33;
    border-radius: 5px;
    cursor: pointer;
    color: #FFFFFF;
    text-shadow: 0px 1px 0px #666666;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5), 0 1px 1px rgba(255, 255, 255, 0.5);
    background-image: -webkit-linear-gradient(top, #33CC33, #33AA33);
    background-image: -moz-linear-gradient(top, #33CC33, #33AA33);
}

.menu-item-signin {
    width: auto;
}

.menu-item-login:hover {
    background-image: -webkit-linear-gradient(top, #33CC33, #339933);
    background-image: -moz-linear-gradient(top, #33CC33, #339933);
}

#alert_profile_perc {
    background-color: #000000;
    color: #FFFFFF;
    font-size: 10px;
    text-align: center;
    padding: 2px;
    border-radius: 10px;
    border: 2px solid #FFCC00;
}

.container.nav {
    background-color: #F9F9F9;
    border-bottom: solid 1px #EAEAEA;    
}

.container.nav .title {
    font-family: "Open Sans", Verdana, Geneva, sans-serif;
    display: block;
    font-size: 32px;
    color: #00A19A;
    margin-top: 10px;
    text-align: right;
    
}



.container.footer {
    height: 110px;
    background-color: #333333;    
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #C0C0C0;
}

.footer-menu {
    font-size: 11px;    
}

.footer-menu li {   
    display: block;
    padding: 2px;
    list-style-type: none;
    margin-left: -35px;
}

.footer-menu li a {  
    color: #FFFFFF;         
}

.child-container.infos {
    background-image: url('../images/info-background.png');
    background-repeat: repeat;
    padding: 10px;
    width: 980px;
}

.child-container {
    position: relative;
    left: 50%;
    margin-left: -490px;
    width: 980px;    
    padding: 5px;
}

.child-container a {
    position: relative;
}

.child-container img {
    width: initial;
    display: inline-block;
}

.child-container table {
    width: 100%;
    display: block;
    background-color: #F4F4F4;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    margin: 0px auto 0px auto;
    font-size: 11px;    
}

.child-container thead {
    display: table-header-group;
    border-color: inherit;
    border-bottom: 2px solid #999999;    
    background-image: -webkit-linear-gradient(top, #F7F7F7, #B5B5B5);
    background-image: -moz-linear-gradient(top, #F7F7F7, #B5B5B5);    
}

.child-container tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

.child-container th {
    padding: 5px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    vertical-align: bottom;
    border: 1px solid #CCCCCC;
}

.child-container th a {
    padding: 0px;
    border: none;
    float: right;
}

.child-container tbody {
    display: table-row-group;
    border-color: inherit;
}

.child-container td {
    padding: 5px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #CCCCCC;
}

.child-container td a:hover {
    text-decoration: underline;
}

.child-container td img {
    width: 24px;
}

.child-container-2 {
    position: relative;
    left: 50%;
    margin-left: -490px;
    width: 980px;    
    padding-top: 20px;
}

.child-container-2 table {
    width: 100%;
    display: block;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    margin: 0px auto 0px auto;
    font-size: 11px;
}

.child-container-2 thead {
    text-align: left;
    font-size: 36px;
    font-family: Arial;
    border-bottom: solid 1px #999999;
}

.child-container-2 thead th {
    padding: 10px;
    vertical-align: middle;
}

.child-container-2 tbody {
    font-size: 16px;
}

.child-container-2 tbody tr:nth-child(even) {
    background-color: #F2F2F2;
}

.child-container-2 td {
    padding: 10px;
    text-align: left;
    vertical-align: top;
}

.upcontainersx {
    display: inline-block;
    vertical-align: text-bottom;
    padding: 5px 5px 10px 0px;
}

.upcontainerdx {
    display: inline-block;
    vertical-align: text-bottom;
    padding: 5px 0px 10px 5px;
    text-align: right;
}

.upcontainerdx-function {
    display: inline-table;
    font-size: 11px;
    color: #666666;
    margin: 0px 5px 0px 5px;
    vertical-align: bottom; 
    cursor: pointer;
    text-align: center;
    font-weight : normal;    
}

.upcontainerdx-function:hover {
    color: #F89A1E;
}

.upcontainer-association-panel-logo  {
    float: left;
    margin-right: 20px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 3px;
}

.upcontainer-association-logo-h {
    margin-top: 4px;
    height: 60px; 
}

.upcontainer-association-logo-w {
    margin-top: 4px;
    width: 100px !important; 
}

.upcontainerdx-label-first {
    font-size: 12px;
    color: #999999;
    float: left;
    padding: 5px;
    border-style: solid none solid solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.upcontainerdx-label {
    font-size: 12px;
    color: #999999;
    float: left;
    padding: 5px;
    border-style: solid none solid solid;
    border-width: 1px;
    border-color: #CCCCCC;
}

.upcontainerdx-label-last {
    font-size: 12px;
    color: #999999;
    float: left;
    padding: 5px;
    border-style: solid solid solid solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.upcontainerdx-label-select-first {
    font-size: 12px;
    color: #FF9900;
    float: left;
    padding: 5px;
    border-style: solid none solid solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.upcontainerdx-label-select {
    font-size: 12px;
    color: #FF9900;
    float: left;
    padding: 5px;
    border-style: solid none solid solid;
    border-width: 1px;
    border-color: #CCCCCC;
}

.upcontainerdx-label-select-last {
    font-size: 12px;
    color: #FF9900;
    float: left;
    padding: 5px;
    border-style: solid solid solid solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.upcontainerdx-label-select-single {
    font-size: 12px;
    color: #FF9900;
    float: left;
    padding: 5px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
}

.upcontainerdx-label:hover,.upcontainerdx-label-first:hover,.upcontainerdx-label-last:hover {
    color: #666666;
    background-color: #EFEFEF;
}

.upcontainerdx-label-select:hover,.upcontainerdx-label-select-first:hover,.upcontainerdx-label-select-last:hover {
    background-color: #EFEFEF;
}

.subcontainer {
    display: inline-block;
    vertical-align: text-top;    
}

.subcontainer.border-right {
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #F89A1E;
    margin-bottom: 20px;
    padding: 5px;
}

.subcontainer.border-right-last {        
    margin-bottom: 20px;
    padding: 5px;
}

.subcontainer-header {
    padding: 5px;
    font-family: Arial;
    font-size: 24pt;
    display: block;
    width: 460px;
    margin-bottom: 10px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
    color: #814C9A;
    background-color: #EAEAEA;
}

.subcontainer-info {
    padding: 5px;
    font-size: 12pt;
    display: inline-block;
    width: 380px;
    color: #666666;
}

.subcontainer-img {
    display: inline-block;
    float: right;
    margin-right: 5px;
}

#home_title {
    display: block;
    font-family: 'champagne & Limousines';
    font-size: 64px;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}

#home_subtitle {
    display: block;
    font-family: Arial;
    font-size: 32px;
    color: #FFFFFF;
    margin-top: -10px;
}

#home_story_teller {
    display: block;
    border-top: 1px solid #FF9900;
}

#home_story_teller p {
    margin: 1%;
    padding: 1%;
    display: inline-block;
    vertical-align: top;
    width: 28%;
    color: #FFFFFF;
    font-size: 14px;
}

#home_story_teller p span {
    font-style: italic;
    font-size: 12px;
}

.registration {
    display: block;
    float: right;
    padding: 5px;
    width: 300px;
    border-radius: 5px;
    margin-bottom: 5px;
    background-image: url('../images/registration-background.png');
    background-repeat: repeat;
}

.registration #title_header {
    display: block;
    font-size: 26px;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
    text-align: center;
}

.registration #subtitle_header {
    font-family: Arial;
    display: block;
    font-size: 18px;
    color: #FFFFFF;
    margin-bottom: 10px;
    text-align: center;
}

.registration #error_message {
    display: none;
    font-size: 11px;
    text-align: center;
    width: 240px;
    margin: 0px 0px 5px 25px;
}

.registration input[type="text"],
.registration input[type="password"] {
    margin: 0px 0px 5px 25px;
    display: block;
    border: 2px solid #006666;
    font-size: 14px;
    color: #333333;
    width: 233px;
    padding: 8px 2% 8px 2%;
    border-radius: 0px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 1px rgba(255, 255, 255, 0.5);
}

.registration input[type="submit"] {
    margin: 10px 0px 10px 25px;
    display: block;
    border: 1px solid #E67800;
    padding: 10px;
    width: 250px;
    font-size: 24px;
    text-align: center;
    background-color: #F89A1E;
    border-radius: 0px;
    cursor: pointer;
    color: #FFFFFF;
    text-shadow: 0px 1px 0px #666666;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5);
    background-image: -webkit-linear-gradient(top, #FFCC00, #FF9900);
    background-image: -moz-linear-gradient(top, #FFCC00, #FF9900);
}

.registration input[type="submit"]:hover {
    background-image: -webkit-linear-gradient(top, #FFCC00, #FF7700);
    background-image: -moz-linear-gradient(top, #FFCC00, #FF7700);
}

.registration input[type="checkbox"] {
    display: inline-block;
    margin-left: 25px;
}

.registration label {
    display: inline-block;
    margin-left: 5px;
}

.center-box {
    background-color: #FFFFFF;
    position: relative;
    top: 50px;
    left: 50%;
    margin-left: -250px;
    display: block;
    padding: 20px;
    width: 500px;
    border: 1px solid #EAEAEA;
    border-radius: 5px;
    margin-bottom: 5px;    
}

.center-box #error_message_small {       
    display: none;
    font-size: 10px;
    text-align: left;
    margin: -3px 0px 0px 25px; 
}

.center-box img {
    display: block;
    margin: 10px 0px 5px 150px;
    width: 200px;
}

.center-box input[type="text"],
.center-box input[type="password"] {
    margin: 10px 0px 5px 25px;
    display: block;
    border: 1px solid #CCCCCC;
    font-size: 14px;
    color: #333333;
    width: 430px;
    padding: 8px 2% 8px 2%;
    border-radius: 0px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 2px rgba(255, 255, 255, 0.5);
}

.center-box input[id$="_small"] {
    margin: 5px 0px 5px 25px;
    display: inline-block;
    width: 188px;
}

.center-box input[id$="_small_last"] {
    margin: 5px 0px 5px 25px;
    display: inline-block;
    width: 188px;
}

.center-box input[type="checkbox"] {
    display: inline-block;
    margin: 10px 0px 5px 25px;
}

.center-box input[type="submit"] {
    margin: 10px 0px 10px 25px;
    display: block;
    border: 1px solid #C89008;
    padding: 10px;
    width: 100px;
    font-size: 14px;
    text-align: center;
    background-color: #F89A1E;
    cursor: pointer;
    color: #FFFFFF;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5);
}

.center-box span[id$="_title"] {
    display: block;
    margin: 10px 0px 10px 25px;
    font-size: 24px;
    color: #333333;
}

.center-box-child {
    margin-top: 10px;
    display: inline-block;
    width: 500px;
    border-top: solid 1px #EAEAEA;
}

.registration input[type="submit"]:hover {
    background-image: -webkit-linear-gradient(top, #FFCC00, #FF7700);
    background-image: -moz-linear-gradient(top, #FFCC00, #FF7700);
}

.span-title {
    margin: 10px 0px 10px 0px;
    display: block;   
    text-align: center;
    font-size: 22px;
}

.span-text {
    display: block;
    text-align: center;
    font-size: 12px;
}

.link-center {
    margin: 10px 0px 10px 0px;
    display: block;
    text-align: center;
    font-size: 12px;
}

.hyperlink {
    color: #999999;
    font-size: 11px;
}

.pull-right {
    float: right;
}

.open-margin-left {
    margin-left: 5px;
}

.checkbox-span {
    display: inline-block;
    font-size: 11px;
    color: #999999;
}

.error-span {
    color: #FFFFFF;
    background-color: #CC3300;
    border-style: none;
    padding: 10px;
    border-radius: 5px;
}

.text-style {
    color: #666666;
    background-color: #EAEAEA;
    border-style: none;
    padding: 10px 5px 10px 5px;
    border-radius: 0px;
}

.error-style {
    color: #FFFFFF;
    background-color: #CC3300;
    border-style: none;
    padding: 5px;
    border-radius: 5px;
}

.error-style2 {
    color: #FF0000;
}

.message-style {
    color: #FFFFFF;
    background-color: #009900;
    border-style: none;
    padding: 5px;
    border-radius: 5px;
}

.paypal-style {
    color: #FFFFFF;
    background-color: #0066FF;
    border-style: none;
    padding: 5px;
    border-radius: 5px;
}

.text-document {
    padding: 10px 5px 10px 10px;
    display: block;
    font-size: 12px;
    text-align: justify;
}

.text-document2 {
    padding: 0px 5px 5px 5px;
    display: block;
    font-size: 12px;
    text-align: justify;
}

.calendar {
    margin-top: 5px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    border-radius: 5px;
}

.function-menu {
    border: 1px solid #CCCCCC;
    display: block;
    padding: 5px 0px 5px 0px;
    margin-bottom: 20px;
    width: 100%;
    background-color: #F7F7F7;
}

.function-menu #title_function_menu {
    font-size: 24px;
    color: #333333;
    margin-bottom: 5px;
    display: block;
    width: 93%;
    padding: 5% 2% 2% 5%;
}

.function-menu span[id^="function_"], a[id^="function_"] {
    font-size: 12px;
    color: #00A19A;
    margin-bottom: 5px;
    width: 95%;
    display: block;
    padding: 2% 0% 2% 5%;
    font-weight: normal;
    cursor: pointer;
}

.function-menu span[id^="function_"]:hover, a[id^="function_"]:hover {
    color: #006C67;
}

.function-menu input[type="submit"] {
    margin: 5%;
    display: block;
    border: 1px solid #005986;
    padding: 10px 5px 10px 5px;
    width: 80px;
    font-size: 14px;
    text-align: center;
    background-color: #00A19A;
    cursor: pointer;
    color: #FFFFFF;
    /*box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5);
    background-image: -webkit-linear-gradient(top, #0088CC, #0044CC);
    background-image: -moz-linear-gradient(top, #0088CC, #0044CC);*/
}

.function-menu input[type="submit"]:hover {
    background-image: -webkit-linear-gradient(top, #00A19A, #00938B);
    background-image: -moz-linear-gradient(top, #00A19A, #00938B);
}

.buttons-container {
    padding: 5px;
    width: 700px;
    background-color: #F7F7F7;
    margin-top: 10px;
}

/*.big-button-new {
    display: block;
    padding: 18px 5px 18px 0px;
    width: 200px;    
    margin-left: 5%;
    font-size: 12px;
    text-align: right;
    cursor: pointer;
    color: #666666;
    background-image: url('../images/add-new.png');
    background-repeat: no-repeat;
}

.big-button-new:hover {
    color: #333333;
}

.big-button-new-false {
    display: block;
    padding: 10px 5px 26px 0px;
    width: 200px;    
    margin-left: 5%;
    font-size: 12px;
    text-align: right;
    cursor: default;
    color: #999999;
    background-image: url('../images/add-new-false.png');
    background-repeat: no-repeat;
}*/

.big-button-new {
    display: inline-block;
    border: 1px solid #008C2E;
    padding: 15px 10px 15px 10px;
    font-size: 14px;
	font-family: "Open Sans", Verdana, Geneva, sans-serif;
	text-transform: uppercase;
    font-weight: normal;
    background-color:#00A19A;
    cursor: pointer;
    color: #FFFFFF;
    width: 200px;
    text-align: center;
    /*box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5);
    background-image: -webkit-linear-gradient(top, #009933, #006220);
    background-image: -moz-linear-gradient(top, #009933, #006220);*/
}

.big-button-new:hover {
    background-image: -webkit-linear-gradient(top, #00A19A, #00938B);
    background-image: -moz-linear-gradient(top, #00A19A, #00938B);
}

.big-button-new-false {
    display: inline-block;
    border: 1px solid #999999;
    padding: 10px;
    font-size: 12px;
    font-weight: normal;
    background-color: #AAAAAA;
    cursor: default;
    color: #333333;
    width: 200px;
    text-align: center;
    /*box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5);
    background-image: -webkit-linear-gradient(top, #999999, #EAEAEA);
    background-image: -moz-linear-gradient(top, #999999, #EAEAEA);*/
}

.big-button-alert {
    display: inline-block;
    border: 1px solid #CCCCCC;
    padding: 15px 10px 15px 10px;
    font-size: 13px;
    font-weight: normal;
	font-family: "Open Sans", Verdana, Geneva, sans-serif;
	text-transform:uppercase;
    background-color: #F29213;
   /* border-radius: 5px;*/
    cursor: pointer;
    color: #FFFFFF;
    width: 200px;
    text-align: center;
     /*box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5);
    background-image: -webkit-linear-gradient(top, #F29213, #FF6600);
    background-image: -moz-linear-gradient(top, #F29213, #FF6600);*/
}

.big-button-alert:hover {
    background-image: -webkit-linear-gradient(top, #F29213, #E3880D);
    background-image: -moz-linear-gradient(top, #F29213, #E3880D);
}

.big-button-save {
    margin: 10px 0px 10px 20px;
    display: inline-block;
    border: 1px solid #008A83;
    padding: 10px 40px 10px 40px;
    width: auto;
    font-size: 14px;
    text-align: center;
    background-color: #00A19A;
    cursor: pointer;
    color: #FFFFFF;
	font-family: "Open Sans", Verdana, Geneva, sans-serif;
    /*box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5);
    background-image: -webkit-linear-gradient(top, #0088CC, #0044CC);
    background-image: -moz-linear-gradient(top, #0088CC, #0044CC);*/
}

.big-button-save:hover {
    background-image: -webkit-linear-gradient(top, #00A19A, #008A84);
    background-image: -moz-linear-gradient(top, #00A19A, #008A84);
}

.big-button-cancel {
    margin: 10px 0px 10px 20px;
    display: inline-block;
    border: 1px solid #333333;
    padding: 10px 40px 10px 40px;
    width: 60px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    background-color: #333333;
    cursor: pointer;
    color: #FFFFFF;
    /*box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5);
    background-image: -webkit-linear-gradient(top, #666666, #555555);
    background-image: -moz-linear-gradient(top, #666666, #555555);*/
}

.big-button-cancel:hover {
    background-image: -webkit-linear-gradient(top, #666666, #444444);
    background-image: -moz-linear-gradient(top, #666666, #444444);
}

.big-button-add {
    margin: 10px 0px 10px 20px;
    display: inline-block;
    border: 1px solid #C85C00;
    padding: 10px 20px 10px 20px;
    font-size: 14px;
    font-weight: normal;
    background-color: #F29213;
    cursor: pointer;
    color: #FFFFFF;
    /*box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5);
    background-image: -webkit-linear-gradient(top, #FF3300, #FF6600);
    background-image: -moz-linear-gradient(top, #FF3300, #FF6600);*/
}

.big-button-add:hover {
    background-image: -webkit-linear-gradient(top, #F29213, #E3880D);
    background-image: -moz-linear-gradient(top, #F29213, #E3880D);
}

.button-auto-width {
    width: auto;
}

.side-panel {
    font-size: 12px;
    color: #333333;
    border: 1px solid #9771A8;
    margin-top: 10px;
    margin-bottom: 5px;
    border-radius: 5px;
    width: 99%;
}

#panel_new {
    border-top: 1px solid #CCCCCC;
    display: none;
    padding: 10px 0px 10px 0px;
    margin-top: 10px;
    background-color: #F2F2F2;
    overflow: hidden;
}

#panel_view {
    border-top: 1px solid #CCCCCC;
    padding: 15px 20px 5px 20px;
}

.container_sx {
    border-right: 1px solid #CCCCCC;
}

.container_dx {
    
}

.panel-container {
    width: 100%;
}

.panel-container span[id$="_title"] {
    font-family: "Open Sans", Verdana, Geneva, sans-serif;
    font-size: 35px;
	text-transform:uppercase;
    display: block;
    width: 100%;
    margin: 10px 0px 5px 20px;
    color: #333333;
}

.panel-container span[id$="_subtitle"] {
    font-size: 12pt;
    display: block;
    width: 100%;
    margin: 0px 0px 15px 20px;
    color: #666666;
}

.panel-container div[id$="_panel_select"] {
    display: block;
    width: 94%;
    margin: 10px 0px 0px 20px;
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px;
    border: 1px solid #999999;
    border-radius: 5px;
}

.panel-container div[id$="_panel_select"] input[type="checkbox"] {
    display: block;
    margin: 4px;
}

.panel-container div[id$="_panel_select"] table {
    width: 100%;
    display: block;
    background-color: #FFFFFF;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    margin: 0px auto 0px auto;
    font-size: 11px; 
}

.panel-container div[id$="_panel_select"] thead {
    display: table-header-group;
    border-color: inherit;  
}

.panel-container div[id$="_panel_select"] th {
    padding: 5px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    vertical-align: bottom;
    border: 1px solid #CCCCCC;
}

.panel-container div[id$="_panel_select"] tr:hover {
    background-color: #F2F2F2;
}

.panel-container div[id$="_panel_select"] tbody {
    display: table-row-group;
    border-color: inherit;
}

.panel-container div[id$="_panel_select"] td {
    padding: 5px;
    line-height: 20px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #FFFFFF;       
}

.panel-container span[id$="_message"] {
    font-weight: bold;
    font-size: 11px;
    display: inline-block;
    margin: 5px 0px 5px 20px;
    color: #006600;
}

.panel-container span[id$="_message"] a {
    display: inline-table;
    margin: 4px 5px 0px 0px;
}

.panel-container span[id$="_label"] {
    font-weight: bold;
    font-size: 16px;
    display: block;
    width: 100%;
    margin: 10px 0px 0px 20px;
    color: #333333;
}

.panel-container span[id$="_label"] img, .panel-container span[id$="_subtitle"] img {
    position: relative;
    top: 5px;
    left: 5px;
    cursor: pointer;
}

.panel-container span[id$="_label_inline"] {
    font-size: 14px;
    display: inline-block;
    width: 150px;
    margin: 0px 0px 0px 10px;
    color: #333333;
}

.panel-container span[id$="_labelvalue"], .panel-container a[id$="_linktext"] {
    font-size: 14px;
    display: block;
    width: 100%;
    margin: 15px 0px 0px 20px;
    color: #333333;
    font-weight: normal;
}

.panel-container a[id$="_linktext"] {
    text-decoration: underline;
}

.panel-container input[type="text"], select, textarea {
    font-size: 12px;
    background-color: #FFFFFF;
    color: #333333;
    border: 1px solid #CCCCCC;
    padding: 5px;
    margin: 8px 0px 5px 20px;
    display: block;
    border-radius: 0px;
}

.panel-container input[type="checkbox"] {
    display: inline-block;
    margin: 0px 0px 20px 20px;
}

.panel-container input[type="radio"] {
    display: inline-block;
    margin: 10px 0px 0px 20px;
}

.panel-container label {
    display: inline-block;
    margin: 0px 0px 5px 5px;
    font-size: 12px;
    color: #333333;
}

.panel-container input[type="file"] {
    display: inline-block;
    margin-left: 5px;
    border: none;
    font-size: 11px;
    color: #333333;
}

.panel-container input[id$="_inputdesc"] {
    width: 500px;    
    text-align: left;
}

.panel-container input[id$="_inputdesc_inline"] {
    display: inline-block;
    width: 500px;    
    text-align: left;
}

.panel-container input[id$="_inputdesc_small"] {
    width: 200px;    
    text-align: left;
}

.panel-container input[id$="_inputdesc_small_inline"] {
    display: inline-block;
    width: 200px;    
    text-align: left;
}

.panel-container input[id$="_inputdesc_xsmall"] {
    width: 30px;    
    text-align: left;
}

.panel-container input[id$="_inputdesc_xsmall_inline"] {
    display: inline-block;
    width: 30px;    
    text-align: left;
}

.panel-container input[id$="_inputnumber"] {
    width: 100px;    
    text-align: left;
}

.panel-container input[id$="_inputnumber_small"] {
    width: 50px;    
    text-align: left;
}

.panel-container input[id$="_inputnumber_small_right"] {
    width: 50px;    
    text-align: right;
}

.panel-container input[id$="_inputnumber_small_inline"] {
    display: inline-block;
    width: 50px;    
    text-align: left;
}

.panel-container input[id$="_inputnumber_small_right_inline"] {
    display: inline-block;
    width: 50px;    
    text-align: right;
}

.panel-container input[id$="_inputnumber_right"] {
    width: 100px;    
    text-align: right;
}

.panel-container input[id$="_inputnumber_inline"] {
    display: inline-block;
    width: 100px;    
    text-align: left;
}

.panel-container input[id$="_inputnumber_inline_right"] {
    display: inline-block;
    width: 100px;    
    text-align: right;
}

.panel-container input[id$="_inputdate"] {
    width: 100px;    
    text-align: center;
}

.panel-container input[id$="_inputdate_inline"] {
    display: inline-block;
    width: 100px;    
    text-align: center;
}

.panel-container select[id$="_select_inline"] {
    display: inline-block;
}

.panel-container img[id$="_image"] {
    height: 64px;
    display: block;    
    margin: 8px 0px 5px 20px;
}

.panel-container img[id$="_image_inline"] {
    height: 64px;
    display: inline-block;
    margin: 8px 0px 5px 20px;
}

.panel-container input[id$="_inputcurrency"] {
    background-position: 5px;
    width: 100px;
    text-align: left;
    background-image: url('../images/euro.png');
    background-repeat: no-repeat;
    padding-left: 25px;    
}

.panel-container input[id$="_inputcurrency_inline"] {
    background-position: 5px;
    width: 100px;
    text-align: left;
    background-image: url('../images/euro.png');
    background-repeat: no-repeat;
    padding-left: 25px; 
    display: inline-block;
}

.panel-container input[id$="_inputsearch"] {
    background-position: 5px;
    padding: 15px 15px 15px 55px;
    width: 440px;
    text-align: left;
    background-image: url('../images/search-medium.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.panel-container input[id$="_inputsearch_disabled"] {
    background-position: 5px;
    padding: 15px 15px 15px 55px;
    width: 440px;
    text-align: left;
    background-image: url('../images/search-medium-disabled.png');
    background-repeat: no-repeat;
    color: #999999;
}

.panel-container textarea[id$="_inputdesc"] {
    width: 500px;    
    text-align: left;
    resize: vertical;
    min-height: 50px;
    max-height: 150px;
}

.panel-container div[id$="_load"] {
    display: block;
    margin: 10px 0px 10px 20px;
    padding: 5px;
    border-radius: 0px;
    border: 1px solid #CCCCCC;
    width: 500px;
}

.panel-container img[id$="_load"] {
    position: relative;
    top: 5px;
    left: 6px;
    margin-bottom: 10px;
    display: block;
    height: 50px;
}

.panel-container img[id$="_loading"] {
    position: relative;
    display: block;
    left: 5px;    
}

.panel-container span[id$="_error"] {
    padding: 5px;
    display: none;
    width: 501px;
    background-color: #CC0000;
    color: #FFFFFF;
    text-align: left;
    font-size: 11px;
    border-radius: 5px;
    margin: -5px 0px 5px 20px;
}

.panel-container div[id$="_widget"] {
    display: inline-block;    
    margin: 10px 0px 0px 2%;
    padding: 2%;
}

.panel-container div[id$="_widget_sub"] {
    display: block;    
    width: 98%;
    padding: 1%;
    border-radius: 0px 0px 5px 5px;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #CCCCCC;
    box-shadow: inset 0px 1px 5px rgba(255, 255, 255, 0.5), 0 1px 5px rgba(128, 128, 128, 0.5);
}

.panel-container div[id$="_widget_sub_item"] {
    display: inline-block;    
    margin: 0px;
}

.panel-container div[id$="_widget"] span[id$="_title_widget"] {
    display: block;
    width: 98%;
    background-color: #444444;
    padding: 1%;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #444444;
}

.panel-container div[id$="_widget_sub_item"] span[id$="_details_widget"] {
    display: block;
    width: 100%;    
}

.panel-container div[id$="_widget_sub_item"] span[id$="_details_widget"] span[id$="_details_labtit_widget"] {
    display: block;
    Color: #333333;
    font-size: 16px;
    margin-bottom: 5px;
    color: #008C8C;
}

.panel-container div[id$="_widget_sub_item"] span[id$="_details_widget"] span[id$="_details_label_widget"] {
    display: block;
    Color: #666666;
    font-size: 12px;
    margin-bottom: 2px;
}

.panel-container div[id$="_widget_sub_item"] span[id$="_details_widget"] span[id$="_details_total_widget"] {
    display: block;
    Color: #FF6600;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

.panel-subcontainer {
    display: block;
    width: 100%;
    background-color: #EAEAEA;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 10px 0px;
}

.panel-subcontainer2 {
    display: block;
    width: 100%;
    background-color: #E2E2E2;
    padding: 5px 0px 5px 15px;
    margin: 0px 0px 10px 0px;
}

.panel-subcontainer span[id$="_image_delete"] {
    display: block;
    float: right;
    margin-right: 10px;
}

.shadow-container {
    box-shadow: inset 0px 1px 5px rgba(255, 255, 255, 0.5), 0 1px 5px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}

.input_form {
    display: block;
    padding: 5px;
    width: 100%;
}

.input_form #title_input_form {
    display: block;
    font-family: 'Champagne & Limousines Bold';
    font-size: 32px;
    color: #666666;
    margin: 10px 0px 20px 0px;
}

.input_form input[id*="_input"] {
    font-size: 16px;
    background-color: #FFFFFF;
    color: #333333;
    border: 1px solid #CCCCCC;
    padding: 15px;
    margin: 5px 0px 20px 0px;
    display: block;
    border-radius: 5px;
}

.input_form input[id$="_inputdesc"] {    
    width: 500px;    
    text-align: left;
}

.input_form input[id$="_inputdescsmall"] {    
    width: 250px;    
    text-align: left;
}

.input_form input[id$="_inputdescsmall"] {    
    width: 250px;    
    text-align: left;
}

.input_form input[id$="_inputdate"] {
    width: 120px;    
    text-align: center;
}

.input_form input[id$="search"] {
    background-position: 5px;
    padding: 15px 15px 15px 55px;
    width: 460px;
    text-align: left;
    background-image: url('../images/search-medium.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.header-add-info {
    display: block;
    border: none;
    padding: 10px 5% 20px 5%;
    width: 90%;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #12A19A;
}

.step-abbonamento-sx {
    font-size: 12pt;
    padding:  15px 5px 15px 5%;
    width: 90%;
    display: block;
    text-align: right;
    height: 116px;
}

.step-abbonamento-dx {
    font-family: Arial;
    font-size: 24pt;
    color: #814C9A;
    width: 90%;
    display: block;
    margin-top: 10px;
}

.child-container-3 {
    position: relative;
    display: block;
    padding-top: 20px;
}

.child-container-3 table {
    width: 100%;
    display: block;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    margin: 0px auto 0px auto;
    font-size: 11px;
}

.child-container-3 thead {
    font-weight: normal;
    text-align: center;
    font-family: Arial;
    font-size: 18px;
    color: #FFFFFF;
    border: none;
}

.child-container-3 th label {
    font-weight: normal;
    font-family: Arial;
    font-size: 14px;
    color: #FFFFFF;
}

.child-container-3 td {
    font-weight: bold;
    font-family: Arial;
    font-size: 36px;
    color: #FFFFFF;
    text-align: right;
    line-height: 30px;
}

.child-container-3 th.blank, td.blank {
    width: 10%;
    border: solid 1px #FFFFFF;
    background-color: #FFFFFF;
}

.child-container-3 th.yellow {
    border: solid 1px #e8b10d;
    background-color: #e8b10d;
}

.child-container-3 th.blue {    
    border: solid 1px #307ecc;
    background-color: #307ecc;
}

.child-container-3 td.yellow {
    border: solid 1px #e8b10d;
    background-color: #AF860A;
}

.child-container-3 td.blue {
    border: solid 1px #307ecc;
    background-color: #1E4E7D;
}

.step-abbonamento-label {
    font-size: 12pt;
    display: block;
    width: 100%;
    margin-top: 10px;
}

.step-abbonamento-label2 {
    font-size: 12pt;
    display: block;
    width: 90%;
    margin-top: 10px;
}

.step-add-info, .step-add-info-last {
    font-size: 12px;
    font-size: 12px;
    text-align: left;
    border-top: 1px solid #EAEAEA;
    padding:  10px 5px 10px 5%;
    width: 90%;
    display: inline-block;
    cursor: pointer;
    font-weight: normal;
    color: #333333;
}

.step-add-info-last {
    border-bottom: 1px solid #EAEAEA;
}

.step-add-info:hover, .step-add-info-last:hover {
    background-position: 94% 20px;
    background-image: url('../images/item-menu-select.png');
    background-repeat: no-repeat;
}

.step-add-info-disabled, .step-add-info-last-disabled {
    font-size: 12px;
    color: #D2D2D2;
    text-align: left;
    border-top: 1px solid #EAEAEA;
    padding: 10px 5px 10px 5%;
    width: 90%;
    display: block;
    cursor: default;
    font-weight: normal;
}

.step-add-info-last-disabled {
    border-bottom: 1px solid #EAEAEA;
}

.step-add-info-select, .step-add-info-last-select {  
    font-size: 12px;
    color: #FFFFFF;
    background-color: #00BFBF;
    text-align: left;
    border-top: 1px solid #00BFBF;
    padding:  10px 5px 10px 5%;
    width: 90%;
    display: block;
    cursor: pointer;
    font-weight: normal;
    background-position: 94% 18px;
    background-image: url('../images/item-menu-selected.png');
    background-repeat: no-repeat;
}

.step-add-info-last-select {  
    border-bottom: 1px solid #EAEAEA;
}

.step-add-info-sub,  .step-add-info-sub-last {
    font-size: 11px;
    color: #333333;
    text-align: left;
    border-top: 1px solid #EAEAEA;
    padding:  10px 0px 10px 2%;
    width: 90%;
    margin-left: 5%;
    display: block;
    cursor: pointer;
    font-weight: normal;
    background-color: #F2F2F2;
}

.step-add-info-sub-last {
    border-bottom: 1px solid #EAEAEA;
}

.step-add-info-sub:hover, .step-add-info-sub-last:hover {
    color: #333333;
    background-position: 94% 10px;
    background-image: url('../images/item-menu-select-sub.png');
    background-repeat: no-repeat;
}

.step-add-info-sub-disabled, .step-add-info-sub-last-disabled {
    font-size: 11px;
    color: #D2D2D2;
    text-align: left;
    border-top: 1px solid #EAEAEA;
    padding:  10px 0px 10px 2%;
    width: 90%;
    margin-left: 5%;
    display: block;
    cursor: default;
    font-weight: normal;
}

.step-add-info-sub-last-disabled {
    border-bottom: 1px solid #EAEAEA;
}

.step-add-info-sub-select, .step-add-info-sub-last-select {
    font-size: 11px;
    color: #FFFFFF;
    background-color: #00A19A;
    text-align: left;
    border-top: 1px solid #02BD85;
    padding:  10px 0px 10px 2%;
    width: 90%;
    margin-left: 5%;
    display: block;
    cursor: pointer;
    font-weight: normal;
    background-position: 94% 10px;
    background-image: url('../images/item-menu-sub-selected.png');
    background-repeat: no-repeat;
}

.step-add-info-sub-last-select {
    border-bottom: 1px solid #02BD85;
}

.graph-style {
    display: block;
    margin-bottom: 5px;
}

.button-menu-container {
    display: block;
    padding: 5px 0px 5px 22px;
    margin-bottom: 10px;
}

.button-menu-container img {
    margin-left: 10px;
}

.button-menu {
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC transparent #CCCCCC #CCCCCC;
    padding: 10px 2% 10px 2%;
    font-size: 14px;
    background-color: #EAEAEA;
    color: #333333;
    text-shadow: 0px 1px 1px #FFFFFF;
    background-image: -webkit-linear-gradient(bottom, #EAEAEA, #FFFFFF);
    background-image: -moz-linear-gradient(bottom, #EAEAEA, #FFFFFF);
    cursor: pointer;
    margin: 0px;
}

.menu-first {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;    
}

.menu-last {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-color: #CCCCCC;
}

.menu-select {
    background-image: -webkit-linear-gradient(bottom, #E0E0E0, #EAEAEA);
    background-image: -moz-linear-gradient(bottom, #E0E0E0, #EAEAEA);
}

.button-menu:hover {
    background-image: -webkit-linear-gradient(bottom, #E0E0E0, #EAEAEA);
    background-image: -moz-linear-gradient(bottom, #E0E0E0, #EAEAEA);
}

#cash_total {
    background-color: #12A19A;
    padding: 0px 10px 0px 10px;
    border-radius: 20px;
    color: #FFFFFF;
    font-size: 28px;
}

.add-table-item-image {
    background-position: center center;
    background-image: url('../images/add.png');
    background-repeat: no-repeat;
}

.library {
    border-top: 1px solid #CCCCCC;
}

.library tbody tr {
    background-color: #FFFFFF;   
    padding: 0px; 
}

.library tbody tr td {
    border: none;
    padding: 10px 0px 0px 20px;   
}

.library tbody tr td a {
    font-weight: normal;
    font-size: 14px;
    height: 32px;
}

.library tbody tr td a:hover {
    text-decoration: none;
    color: #333333;
}

.subscribe-alert-message {
    display: block; 
    margin-bottom: 5px; 
    background-color: #F29213; 
    padding: 5px; 
    font-size: 14px;
    text-align: center;
    width: 98%;
	font-family: "Open Sans", Verdana, Geneva, sans-serif;
	color:#ffffff;
	border: 2px solid #00A19A;
}

.post_error {
    display: block;
    width: 96%;
    font-size: 11px;
    padding: 2%;
    text-align: center;
}

.label_search_panel {
    display: block;
    padding: 1%;
    margin: 1%;
    width: 96%;
    background-color: #ffbf82;
    font-weight: bold;
}

.list_option_panel {
    display: block;
    background-color: #EAEAEA;
    font-size: 11px;
    padding: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
}


.list_option_panel input[type="checkbox"] {
    margin-bottom: 0px !important;
}

.list_option_check {
    display :inline-block !important;
    margin-left: 5px;    
}

.list_option_left {
    display :inline-block !important;
    padding: 5px;
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    margin-left: 10px;
    text-align: left;
    margin-left: 5px;
    margin-right: 5px;
}

.list_option_right {
    display :inline-block !important;
    padding: 5px;
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    text-align: right;
    margin-left: 5px;
    margin-right: 5px;
}

.list_option_value {
    display :inline-block !important;
    text-align: right;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.list_option_text {
    display :inline-block !important;
    text-align: left;
    margin-left: 5px !important;
    margin-right: 5px !important;
}