/* general (incl. framework patches) */
body
{
    padding-top: 40px;
}

input[type="checkbox"] + label:hover, input[type="checkbox"] + input[type="hidden"] + label:hover
{
    background-image: url("images/cb_halfchecked.png");
}

input[type="checkbox"]:checked + label, input[type="checkbox"]:checked + input[type="hidden"] + label
{
    background-image: url("images/cb_checked.png");
}

td > input[type="checkbox"] + label, td > input[type="checkbox"] + input[type="hidden"] + label
{
    height: 16px;
    vertical-align: text-top;
}

input[type="checkbox"] + label, input[type="checkbox"] + input[type="hidden"] + label
{
    height: 26px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("images/cb_empty.png");
    background-position: center center;
    background-repeat: no-repeat;
}

input[type="checkbox"]
{
    display: none;
    height: 26px;
    line-height: 26px;
    margin: 0px 5px 0px 0px;
    box-shadow: none;
}

form
{
    margin-bottom: 0px;
}

h1
{
    color: #00B0F0;
    font-size: 24px;
}

h2
{
    font-size: 18px;
}

h1, h2, h3, h4, h5, h6
{
    margin: 0px;
}

a:hover
{
    color: #00A0F0;
}

a
{
    color: #0070F0;
}

a.b
{
    font-weight: 700;
}

label
{
    float: none;
    display: inline;
    line-height: 26px;
    margin-bottom: 0px;
}

p:last-child
{
    margin-bottom: 0px;
}

input, select, textarea
{
    margin-bottom: 0px;
}

input[type="text"] + input[type="submit"]
{
    margin-left: 10px;
}

select
{
    width: auto;
    padding: 2px;
    height: 26px;
    line-height: 26px;
}

input[type="checkbox"]:focus, input[type="radio"]:focus, input[type="file"]:focus, select:focus, .btn:focus, a:focus
{
    outline-style: none;
    outline-width: thin;
    outline-offset: 0px;
}

input[type="text"], input[type="password"]
{
    height: 16px;
    line-height: 16px;
    width: 60%;
    margin-bottom: 0px;
}

textarea
{
    width: 60%;
}

input[type="submit"]
{
    font-weight: bold;
    margin-bottom: 0px;
}

input[type="submit"].weak
{
    font-weight: normal;
}

input[type="checkbox"] + label:hover, input[type="checkbox"] + input[type="hidden"] + label:hover
{
    background-image: url("images/cb_halfchecked.png");
}

input[type="checkbox"]:checked + label, input[type="checkbox"]:checked + input[type="hidden"] + label
{
    background-image: url("images/cb_checked.png");
}

td > input[type="checkbox"] + label, td > input[type="checkbox"] + input[type="hidden"] + label
{
    height: 16px;
    vertical-align: text-top;
}

input[type="checkbox"] + label, input[type="checkbox"] + input[type="hidden"] + label
{
    height: 26px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("images/cb_empty.png");
    background-position: center center;
    background-repeat: no-repeat;
}

input[type="radio"]
{
    margin: 0px;
}

td img
{
    vertical-align: text-top;
}

table
{
    width: 100%;
}

button
{
    line-height: normal;
}

button[type="submit"]
{
    font-weight: bold;
}

.al
{
    text-align: left;
}

.ac
{
    text-align: center !important;
}

.ar
{
    text-align: right;
}

.at
{
    vertical-align: top;
}

.ab
{
    vertical-align: bottom;
}

.am
{
    vertical-align: middle;
}

.so a
{
    margin-left: 20px;
}

.so a:first-child
{
    margin-left: 0px;
}

.even
{
    background-color: #F4F4F4;
}

.fr
{
    float: right;
}

.fl
{
    float: left;
}

.nv
{
    display: none;
}

.vh
{
    visibility: hidden;
}

.faded
{
    opacity: 0.4;
}

.faded-weak
{
    opacity: 0.7;
}

.faded-strong
{
    opacity: 0.2;
}

.strong
{
    font-weight: bold;
}

.weak
{
    font-weight: normal;
}

.db
{
    display: block;
}

.dib
{
    display: inline-block;
}

.xycentered
{
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
}

.color-white
{
    color: #FFFFFF;
}

.color-black
{
    color: #000000;
}

.color-gray
{
    color: #AAAAAA;
}

.color-darkgreen
{
    color: #00BB00;
}

.color-green
{
    color: #00FF00;
}

.color-brightgreen
{
    color: #7AEA7A;
}

.color-brightergreen
{
    color: #98EA98;
}

.color-brightestgreen
{
    color: #BEECBE;
}

.color-superbrightgreen
{
    color: #DDF3DD;
}

.color-darkyellow
{
    color: #D9D93F;
}

.color-yellow
{
    color: #FFFF00;
}

.color-brightyellow
{
    color: #FFFF70;
}

.color-brighteryellow
{
    color: #FFFF9B;
}

.color-brightestyellow
{
    color: #FFFFBA;
}

.color-darkorange
{
    color: #CC6F4C;
}

.color-orange
{
    color: #FF7744;
}

.color-brightorange
{
    color: #FFB879;
}

.color-brighterorange
{
    color: #FFC999;
}

.color-brightestorange
{
    color: #FFDDBF;
}

.color-darkred
{
    color: #CA1313;
}

.color-red
{
    color: #FF0000;
}

.color-brightred
{
    color: #FF5656;
}

.color-brighterred
{
    color: #FF9595;
}

.color-brightestred
{
    color: #FFC1C1;
}

.color-superbrightred
{
    color: #FFDEDE;
}

.color-blue
{
    color: #0000FF;
}

.color-brown
{
    color: #804000;
}

.color-brightbrown
{
    color: #B95C00;
}

.color-brighterbrown
{
    color: #FF9122;
}

.color-brightestbrown
{
    color: #FFC082;
}

.color-darkviolet
{
    color: #400080;
}

.color-violet
{
    color: #5C00B9;
}

.color-brightviolet
{
    color: #7400E8;
}

.color-brighterviolet
{
    color: #9122FF;
}

.color-brightestviolet
{
    color: #C68CFF;
}

.color-darkteal
{
    color: #00BDBD;
}

.color-teal
{
    color: #00FFFF;
}

.bg-color-white
{
    background-color: #FFFFFF;
}

.bg-color-black
{
    background-color: #000000;
}

.bg-color-gray
{
    background-color: #AAAAAA;
}

.bg-color-darkgreen
{
    background-color: #00BB00;
}

.bg-color-green
{
    background-color: #00FF00;
}

.bg-color-brightgreen
{
    background-color: #7AEA7A;
}

.bg-color-brightergreen
{
    background-color: #98EA98;
}

.bg-color-brightestgreen
{
    background-color: #BEECBE;
}

.bg-color-superbrightgreen
{
    background-color: #DDF3DD;
}

.bg-color-darkyellow
{
    background-color: #D9D93F;
}

.bg-color-yellow
{
    background-color: #FFFF00;
}

.bg-color-brightyellow
{
    background-color: #FFFF70;
}

.bg-color-brighteryellow
{
    background-color: #FFFF9B;
}

.bg-color-brightestyellow
{
    background-color: #FFFFBA;
}

.bg-color-darkorange
{
    background-color: #CC6F4C;
}

.bg-color-orange
{
    background-color: #FF7744;
}

.bg-color-brightorange
{
    background-color: #FFB879;
}

.bg-color-brighterorange
{
    background-color: #FFC999;
}

.bg-color-brightestorange
{
    background-color: #FFDDBF;
}

.bg-color-darkred
{
    background-color: #CA1313;
}

.bg-color-red
{
    background-color: #FF0000;
}

.bg-color-brightred
{
    background-color: #FF5656;
}

.bg-color-brighterred
{
    background-color: #FF9595;
}

.bg-color-brightestred
{
    background-color: #FFC1C1;
}

.bg-color-superbrightred
{
    background-color: #FFDEDE;
}

.bg-color-blue
{
    background-color: #0000FF;
}

.bg-color-brown
{
    background-color: #804000;
}

.bg-color-brightbrown
{
    background-color: #B95C00;
}

.bg-color-brighterbrown
{
    background-color: #FF9122;
}

.bg-color-brightestbrown
{
    background-color: #FFC082;
}

.bg-color-darkviolet
{
    background-color: #400080;
}

.bg-color-violet
{
    background-color: #5C00B9;
}

.bg-color-brightviolet
{
    background-color: #7400E8;
}

.bg-color-brighterviolet
{
    background-color: #9122FF;
}

.bg-color-brightestviolet
{
    background-color: #C68CFF;
}

.bg-color-darkteal
{
    background-color: #00BDBD;
}

.bg-color-teal
{
    background-color: #00FFFF;
}

.navbar .nav > li > a
{
    text-shadow: none;
}

.navbar .navbar-text
{
    color: #97B1CA;
}

.navbar .navbar-text > a
{
    text-decoration: underline;
    color: #97B1CA;
}

.navbar-inner
{
    border-radius: 0px;
}

.header-title
{
    height: 60px;
}

.shaded
{
    background-color: #EAEAEA;
}

.bt
{
    border-top: 1px solid #808080;
}

.bn
{
    border: 0px none #000000;
}

.field-validation-error
{
    color: #FF0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #FF0000 !important;
    background-color: #FFEEEE;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #FF0000;
}

.validation-summary-valid
{
    display: none;
}

.breadcrumb
{
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 20px;
}

.alert
{
    padding-right: 14px;
    margin-bottom: 0px;
}

[class^="icon-"], [class*=" icon-"]
{
    background-image: url("images/glyphicons-halflings.png");
}

.icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > li > a:focus > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:focus > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"], .dropdown-submenu:focus > a > [class*=" icon-"]
{
    background-image: url("images/glyphicons-halflings-white.png");
}

.shortened-content
{
    cursor: pointer;
}

.nested-level-0
{
    z-index: 1 !important;
}

.nested-level-1
{
    z-index: 2 !important;
}

.nested-level-2
{
    z-index: 3 !important;
}

.nested-level-3
{
    z-index: 4 !important;
}

.nested-level-4
{
    z-index: 5 !important;
}

.nested-level-5
{
    z-index: 6 !important;
}

.nested-level-6
{
    z-index: 7 !important;
}

.nested-level-7
{
    z-index: 8 !important;
}

.nested-level-8
{
    z-index: 9 !important;
}

.nested-level-9
{
    z-index: 10 !important;
}

.nested-level-10
{
    z-index: 11 !important;
}

.template-relativedatetime-value-actual
{
    display: none;
}

.template-relativedatetime-value-relative
{
    display: inline;
}

.template-relativedatetime-container:hover > .template-relativedatetime-value-actual
{
    display: inline;
}

.template-relativedatetime-container:hover > .template-relativedatetime-value-relative
{
    display: none;
}

.wbka
{
    word-break: keep-all;
}

.wbba
{
    word-break: break-all;
}

.f-sfss
{
    font-family: "Sunfront", "sans-serif";
}

input.input-tss-years,
input.input-tss-months,
input.input-tss-weeks,
input.input-tss-days,
input.input-tss-hours,
input.input-tss-minutes,
input.input-tss-seconds,
input.input-tss-milliseconds
{
    width: 40px;
    text-align: right;
}

.wsnw
{
    white-space: nowrap;
}

/* new stuff goes above */

/* loading indicators: general */
.ajax-loading-image
{
    background: #FFF center center no-repeat url("images/ajax-loading.gif");
}

td > div.ajax-loading-image
{
    background-position: left center;
}

.loading-spinner-classic, .loading-spinner-circle, .loading-spinner-windows8, .loading-spinner-huge-circle
{
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
}

.loading-spinner-classic
{
    width: 79px;
    height: 40px;
    background: #FFF left center no-repeat url("images/loading_spinner_classic.gif");
    padding-left: 40px;
    line-height: 40px;
}

.loading-spinner-circle
{
    width: 48px;
    height: 48px;
}

.loading-spinner-windows8
{
    width: 40px;
    height: 40px;
}

.loading-spinner-huge-circle
{
    width: 62px;
    height: 77px;
}

/* loading indicators: generated content - circle */
#floatingCirclesG{
position:relative;
width:48px;
height:48px;
-moz-transform:scale(0.6);
-webkit-transform:scale(0.6);
-ms-transform:scale(0.6);
-o-transform:scale(0.6);
transform:scale(0.6);
}

.f_circleG{
position:absolute;
background-color:#FFFFFF;
height:9px;
width:9px;
-moz-border-radius:4px;
-moz-animation-name:f_fadeG;
-moz-animation-duration:0.72s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:4px;
-webkit-animation-name:f_fadeG;
-webkit-animation-duration:0.72s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:4px;
-ms-animation-name:f_fadeG;
-ms-animation-duration:0.72s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:4px;
-o-animation-name:f_fadeG;
-o-animation-duration:0.72s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:4px;
animation-name:f_fadeG;
animation-duration:0.72s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#frotateG_01{
left:0;
top:20px;
-moz-animation-delay:0.27s;
-webkit-animation-delay:0.27s;
-ms-animation-delay:0.27s;
-o-animation-delay:0.27s;
animation-delay:0.27s;
}

#frotateG_02{
left:6px;
top:6px;
-moz-animation-delay:0.36s;
-webkit-animation-delay:0.36s;
-ms-animation-delay:0.36s;
-o-animation-delay:0.36s;
animation-delay:0.36s;
}

#frotateG_03{
left:20px;
top:0;
-moz-animation-delay:0.45s;
-webkit-animation-delay:0.45s;
-ms-animation-delay:0.45s;
-o-animation-delay:0.45s;
animation-delay:0.45s;
}

#frotateG_04{
right:6px;
top:6px;
-moz-animation-delay:0.54s;
-webkit-animation-delay:0.54s;
-ms-animation-delay:0.54s;
-o-animation-delay:0.54s;
animation-delay:0.54s;
}

#frotateG_05{
right:0;
top:20px;
-moz-animation-delay:0.63s;
-webkit-animation-delay:0.63s;
-ms-animation-delay:0.63s;
-o-animation-delay:0.63s;
animation-delay:0.63s;
}

#frotateG_06{
right:6px;
bottom:6px;
-moz-animation-delay:0.72s;
-webkit-animation-delay:0.72s;
-ms-animation-delay:0.72s;
-o-animation-delay:0.72s;
animation-delay:0.72s;
}

#frotateG_07{
left:20px;
bottom:0;
-moz-animation-delay:0.81s;
-webkit-animation-delay:0.81s;
-ms-animation-delay:0.81s;
-o-animation-delay:0.81s;
animation-delay:0.81s;
}

#frotateG_08{
left:6px;
bottom:6px;
-moz-animation-delay:0.9s;
-webkit-animation-delay:0.9s;
-ms-animation-delay:0.9s;
-o-animation-delay:0.9s;
animation-delay:0.9s;
}

@-moz-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-webkit-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-ms-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-o-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

/* loading indicators: generated content - huge circle */
#floatingBarsG{
position:relative;
width:62px;
height:77px}

.blockG{
position:absolute;
background-color:#FFFFFF;
width:10px;
height:24px;
-moz-border-radius:8px 8px 0 0;
-moz-transform:scale(0.4);
-moz-animation-name:fadeG;
-moz-animation-duration:0.48s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:8px 8px 0 0;
-webkit-transform:scale(0.4);
-webkit-animation-name:fadeG;
-webkit-animation-duration:0.48s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:8px 8px 0 0;
-ms-transform:scale(0.4);
-ms-animation-name:fadeG;
-ms-animation-duration:0.48s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:8px 8px 0 0;
-o-transform:scale(0.4);
-o-animation-name:fadeG;
-o-animation-duration:0.48s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:8px 8px 0 0;
transform:scale(0.4);
animation-name:fadeG;
animation-duration:0.48s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#rotateG_01{
left:0;
top:28px;
-moz-animation-delay:0.18s;
-moz-transform:rotate(-90deg);
-webkit-animation-delay:0.18s;
-webkit-transform:rotate(-90deg);
-ms-animation-delay:0.18s;
-ms-transform:rotate(-90deg);
-o-animation-delay:0.18s;
-o-transform:rotate(-90deg);
animation-delay:0.18s;
transform:rotate(-90deg);
}

#rotateG_02{
left:8px;
top:10px;
-moz-animation-delay:0.24s;
-moz-transform:rotate(-45deg);
-webkit-animation-delay:0.24s;
-webkit-transform:rotate(-45deg);
-ms-animation-delay:0.24s;
-ms-transform:rotate(-45deg);
-o-animation-delay:0.24s;
-o-transform:rotate(-45deg);
animation-delay:0.24s;
transform:rotate(-45deg);
}

#rotateG_03{
left:26px;
top:3px;
-moz-animation-delay:0.3s;
-moz-transform:rotate(0deg);
-webkit-animation-delay:0.3s;
-webkit-transform:rotate(0deg);
-ms-animation-delay:0.3s;
-ms-transform:rotate(0deg);
-o-animation-delay:0.3s;
-o-transform:rotate(0deg);
animation-delay:0.3s;
transform:rotate(0deg);
}

#rotateG_04{
right:8px;
top:10px;
-moz-animation-delay:0.36s;
-moz-transform:rotate(45deg);
-webkit-animation-delay:0.36s;
-webkit-transform:rotate(45deg);
-ms-animation-delay:0.36s;
-ms-transform:rotate(45deg);
-o-animation-delay:0.36s;
-o-transform:rotate(45deg);
animation-delay:0.36s;
transform:rotate(45deg);
}

#rotateG_05{
right:0;
top:28px;
-moz-animation-delay:0.42000000000000004s;
-moz-transform:rotate(90deg);
-webkit-animation-delay:0.42000000000000004s;
-webkit-transform:rotate(90deg);
-ms-animation-delay:0.42000000000000004s;
-ms-transform:rotate(90deg);
-o-animation-delay:0.42000000000000004s;
-o-transform:rotate(90deg);
animation-delay:0.42000000000000004s;
transform:rotate(90deg);
}

#rotateG_06{
right:8px;
bottom:7px;
-moz-animation-delay:0.48s;
-moz-transform:rotate(135deg);
-webkit-animation-delay:0.48s;
-webkit-transform:rotate(135deg);
-ms-animation-delay:0.48s;
-ms-transform:rotate(135deg);
-o-animation-delay:0.48s;
-o-transform:rotate(135deg);
animation-delay:0.48s;
transform:rotate(135deg);
}

#rotateG_07{
bottom:0;
left:26px;
-moz-animation-delay:0.5399999999999999s;
-moz-transform:rotate(180deg);
-webkit-animation-delay:0.5399999999999999s;
-webkit-transform:rotate(180deg);
-ms-animation-delay:0.5399999999999999s;
-ms-transform:rotate(180deg);
-o-animation-delay:0.5399999999999999s;
-o-transform:rotate(180deg);
animation-delay:0.5399999999999999s;
transform:rotate(180deg);
}

#rotateG_08{
left:8px;
bottom:7px;
-moz-animation-delay:0.6s;
-moz-transform:rotate(-135deg);
-webkit-animation-delay:0.6s;
-webkit-transform:rotate(-135deg);
-ms-animation-delay:0.6s;
-ms-transform:rotate(-135deg);
-o-animation-delay:0.6s;
-o-transform:rotate(-135deg);
animation-delay:0.6s;
transform:rotate(-135deg);
}

@-moz-keyframes fadeG{
0%{
background-color:#0E77E8}

100%{
background-color:#FFFFFF}

}

@-webkit-keyframes fadeG{
0%{
background-color:#0E77E8}

100%{
background-color:#FFFFFF}

}

@-ms-keyframes fadeG{
0%{
background-color:#0E77E8}

100%{
background-color:#FFFFFF}

}

@-o-keyframes fadeG{
0%{
background-color:#0E77E8}

100%{
background-color:#FFFFFF}

}

@keyframes fadeG{
0%{
background-color:#0E77E8}

100%{
background-color:#FFFFFF}

}

/* loading indicators: generated content - windows 8 */
.windows8 {
position: relative;
width: 40px;
height:40px;
}

.windows8 .wBall {
position: absolute;
width: 38px;
height: 38px;
opacity: 0;
-moz-transform: rotate(225deg);
-moz-animation: orbit 3.8499999999999996s infinite;
-webkit-transform: rotate(225deg);
-webkit-animation: orbit 3.8499999999999996s infinite;
-ms-transform: rotate(225deg);
-ms-animation: orbit 3.8499999999999996s infinite;
-o-transform: rotate(225deg);
-o-animation: orbit 3.8499999999999996s infinite;
transform: rotate(225deg);
animation: orbit 3.8499999999999996s infinite;
}

.windows8 .wBall .wInnerBall{
position: absolute;
width: 5px;
height: 5px;
background: #000000;
left:0px;
top:0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.windows8 #wBall_1 {
-moz-animation-delay: 0.84s;
-webkit-animation-delay: 0.84s;
-ms-animation-delay: 0.84s;
-o-animation-delay: 0.84s;
animation-delay: 0.84s;
}

.windows8 #wBall_2 {
-moz-animation-delay: 0.17s;
-webkit-animation-delay: 0.17s;
-ms-animation-delay: 0.17s;
-o-animation-delay: 0.17s;
animation-delay: 0.17s;
}

.windows8 #wBall_3 {
-moz-animation-delay: 0.34s;
-webkit-animation-delay: 0.34s;
-ms-animation-delay: 0.34s;
-o-animation-delay: 0.34s;
animation-delay: 0.34s;
}

.windows8 #wBall_4 {
-moz-animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
-ms-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;
}

.windows8 #wBall_5 {
-moz-animation-delay: 0.67s;
-webkit-animation-delay: 0.67s;
-ms-animation-delay: 0.67s;
-o-animation-delay: 0.67s;
animation-delay: 0.67s;
}

@-moz-keyframes orbit {
0% {
opacity: 1;
z-index:99;
-moz-transform: rotate(180deg);
-moz-animation-timing-function: ease-out;
}

7% {
opacity: 1;
-moz-transform: rotate(300deg);
-moz-animation-timing-function: linear;
-moz-origin:0%;
}

30% {
opacity: 1;
-moz-transform:rotate(410deg);
-moz-animation-timing-function: ease-in-out;
-moz-origin:7%;
}

39% {
opacity: 1;
-moz-transform: rotate(645deg);
-moz-animation-timing-function: linear;
-moz-origin:30%;
}

70% {
opacity: 1;
-moz-transform: rotate(770deg);
-moz-animation-timing-function: ease-out;
-moz-origin:39%;
}

75% {
opacity: 1;
-moz-transform: rotate(900deg);
-moz-animation-timing-function: ease-out;
-moz-origin:70%;
}

76% {
opacity: 0;
-moz-transform:rotate(900deg);
}

100% {
opacity: 0;
-moz-transform: rotate(900deg);
}

}

@-webkit-keyframes orbit {
0% {
opacity: 1;
z-index:99;
-webkit-transform: rotate(180deg);
-webkit-animation-timing-function: ease-out;
}

7% {
opacity: 1;
-webkit-transform: rotate(300deg);
-webkit-animation-timing-function: linear;
-webkit-origin:0%;
}

30% {
opacity: 1;
-webkit-transform:rotate(410deg);
-webkit-animation-timing-function: ease-in-out;
-webkit-origin:7%;
}

39% {
opacity: 1;
-webkit-transform: rotate(645deg);
-webkit-animation-timing-function: linear;
-webkit-origin:30%;
}

70% {
opacity: 1;
-webkit-transform: rotate(770deg);
-webkit-animation-timing-function: ease-out;
-webkit-origin:39%;
}

75% {
opacity: 1;
-webkit-transform: rotate(900deg);
-webkit-animation-timing-function: ease-out;
-webkit-origin:70%;
}

76% {
opacity: 0;
-webkit-transform:rotate(900deg);
}

100% {
opacity: 0;
-webkit-transform: rotate(900deg);
}

}

@-ms-keyframes orbit {
0% {
opacity: 1;
z-index:99;
-ms-transform: rotate(180deg);
-ms-animation-timing-function: ease-out;
}

7% {
opacity: 1;
-ms-transform: rotate(300deg);
-ms-animation-timing-function: linear;
-ms-origin:0%;
}

30% {
opacity: 1;
-ms-transform:rotate(410deg);
-ms-animation-timing-function: ease-in-out;
-ms-origin:7%;
}

39% {
opacity: 1;
-ms-transform: rotate(645deg);
-ms-animation-timing-function: linear;
-ms-origin:30%;
}

70% {
opacity: 1;
-ms-transform: rotate(770deg);
-ms-animation-timing-function: ease-out;
-ms-origin:39%;
}

75% {
opacity: 1;
-ms-transform: rotate(900deg);
-ms-animation-timing-function: ease-out;
-ms-origin:70%;
}

76% {
opacity: 0;
-ms-transform:rotate(900deg);
}

100% {
opacity: 0;
-ms-transform: rotate(900deg);
}

}

@-o-keyframes orbit {
0% {
opacity: 1;
z-index:99;
-o-transform: rotate(180deg);
-o-animation-timing-function: ease-out;
}

7% {
opacity: 1;
-o-transform: rotate(300deg);
-o-animation-timing-function: linear;
-o-origin:0%;
}

30% {
opacity: 1;
-o-transform:rotate(410deg);
-o-animation-timing-function: ease-in-out;
-o-origin:7%;
}

39% {
opacity: 1;
-o-transform: rotate(645deg);
-o-animation-timing-function: linear;
-o-origin:30%;
}

70% {
opacity: 1;
-o-transform: rotate(770deg);
-o-animation-timing-function: ease-out;
-o-origin:39%;
}

75% {
opacity: 1;
-o-transform: rotate(900deg);
-o-animation-timing-function: ease-out;
-o-origin:70%;
}

76% {
opacity: 0;
-o-transform:rotate(900deg);
}

100% {
opacity: 0;
-o-transform: rotate(900deg);
}

}

@keyframes orbit {
0% {
opacity: 1;
z-index:99;
transform: rotate(180deg);
animation-timing-function: ease-out;
}

7% {
opacity: 1;
transform: rotate(300deg);
animation-timing-function: linear;
origin:0%;
}

30% {
opacity: 1;
transform:rotate(410deg);
animation-timing-function: ease-in-out;
origin:7%;
}

39% {
opacity: 1;
transform: rotate(645deg);
animation-timing-function: linear;
origin:30%;
}

70% {
opacity: 1;
transform: rotate(770deg);
animation-timing-function: ease-out;
origin:39%;
}

75% {
opacity: 1;
transform: rotate(900deg);
animation-timing-function: ease-out;
origin:70%;
}

76% {
opacity: 0;
transform:rotate(900deg);
}

100% {
opacity: 0;
transform: rotate(900deg);
}

}

/* info-boxes */
.info-box
{
    line-height: 50px;
    width: 250px;
    height: 50px;
    background-color: #086FA1;
    position: absolute;
    z-index: 1;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    border: 4px outset #CCCCFF;
    font-size: 16px;
    border-radius: 25px;
    text-shadow: 2px 2px #447799;
    background: #086FA1 17px center no-repeat url("images/check_32x32.png");
    text-indent: 30px;
    top: 0px;
    right: 100px;
    font-family: Arial;
}

.info-box.centered
{
    margin-left: auto;
    margin-right: auto;
    position: static;
}

.info-box.success
{
}

.info-box.error
{
}

.info-box.password
{
    background: #086FA1 30px center no-repeat url("images/wrong_password_32x32.png");
}

.container-info-box-extended
{
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    width: 100%;
    height: 100%;
    display: table;
}

.subcontainer-info-box-extended
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.info-box-extended
{
    background-color: #086FA1;
    z-index: 1;
    font-weight: bold;
    color: #FFFFFF;
    border: 4px outset #CCCCFF;
    border-radius: 25px;
    text-shadow: 2px 2px #447799;
    font-family: Arial;
    font-size: 16px;
    padding: 15px 20px;
    display: inline-block;
}

/* pages */
.page
{
}

.page.template-barebones .header-title, .page.template-barebones .header-title h1
{
    color: #000000;
}

.page.template-metallic .header-title, .page.template-metallic .header-title h1
{
    color: #7F7F8A;
}

.page.template-blue .header-title, .page.template-blue .header-title h1
{
    color: #00B0F0;
}

.page.template-dark .header-title, .page.template-dark .header-title h1
{
    color: #3B3B3B;
}

.page.template-silver .header-title, .page.template-silver .header-title h1
{
    color: #7F86AB;
}

.page .operation-page-link-button
{
    vertical-align: middle;
    margin-left: 5px;
}

.page .container-page-text-required-fields
{
    position: absolute;
    left: 0px;
    bottom: 0px;
}

/* panels */
.panel
{
    margin-bottom: 20px;
    font: normal normal 400 13px/18px "Arial", "sans-serif";
}

.panel.template-metallic
{
    border: 1px solid #D0D0E0;
}

.panel-header
{
    position: relative;
}

.panel.template-metallic .panel-header
{
    padding-left: 10px;
    border-bottom: 1px solid #D0D0E0;
    /*background-image: -o-linear-gradient(top, #FFFFFF 40%, #E0E0E0);*/
    /*background-image: -moz-linear-gradient(top, #FFFFFF 40%, #E0E0E0);*/
    background: #F0F0F0 url("images/gradient_large_metallic.png");
    /*background: #F0F0F0;*/
}

.panel.template-blue .panel-header
{
    padding-left: 18px;
    border: 1px solid #A7C4ED;
    border-radius: 20px 20px 0px 0px;
    background-image: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1)));
    background-image: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    background-image: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    background-image: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
}

.panel.template-dark .panel-header
{
    padding-left: 11px;
    border: 2px outset #919191;
    border-radius: 15px 15px 0px 0px;
    background-image: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809));
    background-image: -webkit-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
    background-image: -o-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
    background-image: linear-gradient(to bottom, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
}

.panel.template-silver .panel-header
{
    padding-left: 11px;
    border: 1px solid #E7E9F2;
    border-radius: 15px 15px 0px 0px;
    background-image: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9));
    background-image: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    background-image: -o-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    background-image: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
}

.panel.template-metallic .panel-header > h4
{
    color: #000000;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 2.5em;
}

.panel.template-blue .panel-header > h4
{
    color: #F2F5F7;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 2.5em;
}

.panel.template-dark .panel-header > h4
{
    color: #F2F5F7;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 2.5em;
}

.panel.template-silver .panel-header > h4
{
    color: #3D424A;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 2.5em;
}

.panel-header-items
{
    top: 0px;
    position: absolute;
    text-align: right;
}

.panel.template-metallic .panel-header-items
{
    right: 10px;
}

.panel.template-blue .panel-header-items
{
    right: 16px;
}

.panel.template-dark .panel-header-items
{
    right: 12px;
}

.panel.template-silver .panel-header-items
{
    right: 12px;
}

.panel-header-actions
{
    font-size: 10px;
    line-height: 30px;
    vertical-align: top;
    display: inline-block;
    margin-right: 10px;
}

.panel-header-actions.without-panel-header-buttons
{
    margin-right: 0px;
}

.panel-header-actions a
{
    margin-left: 10px;
}

.panel-header-actions a:first-child
{
    margin-left: 0px;
}

.panel.template-metallic .panel-header-actions a
{
    text-decoration: underline;
    text-transform: uppercase;
}

.panel.template-blue .panel-header-actions a
{
    text-decoration: underline;
    text-transform: uppercase;
    color: #F2F5F7;
}

.panel.template-dark .panel-header-actions a
{
    text-decoration: underline;
    text-transform: uppercase;
    color: #F2F5F7;
}

.panel.template-silver .panel-header-actions a
{
    text-decoration: underline;
    text-transform: uppercase;
    color: #3D424A;
}

.panel-header-buttons
{
    line-height: 30px;
    display: inline-block;
}

.panel-header-buttons a
{
    cursor: pointer;
    margin-left: 5px;
}

.panel-header-buttons a:first-child
{
    margin-left: 0px;
}

.panel-header-buttons a img
{
    vertical-align: text-top;
}

.panel-body
{
    padding: 10px;
}

.panel.template-metallic .panel-body
{
    background-color: #FFFFFF;
}

.panel.template-blue .panel-body
{
    border-left: 1px solid #A7C4ED;
    border-right: 1px solid #A7C4ED;
    border-bottom: 1px solid #A7C4ED;
    border-radius: 0px 0px 20px 20px;
    background-image: -moz-linear-gradient(-45deg, rgba(235,241,246,1) 0%, rgba(171,211,238,1) 50%, rgba(137,195,235,1) 51%, rgba(213,235,251,1) 100%);
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(235,241,246,1)), color-stop(50%,rgba(171,211,238,1)), color-stop(51%,rgba(137,195,235,1)), color-stop(100%,rgba(213,235,251,1)));
    background-image: -webkit-linear-gradient(-45deg, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%);
    background-image: -o-linear-gradient(-45deg, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%);
    background-image: linear-gradient(135deg, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%);
}

.panel.template-dark .panel-body
{
    border-left: 2px outset #919191;
    border-right: 2px outset #919191;
    border-bottom: 2px outset #919191;
    border-radius: 0px 0px 5px 5px;
    background-color: #FFFFFF;
}

.panel.template-silver .panel-body
{
    border-left: 1px solid #E7E9F2;
    border-right: 1px solid #E7E9F2;
    border-bottom: 1px solid #E7E9F2;
    border-radius: 0px 0px 5px 5px;
    background-color: #FFFFFF;
}

.panel-body form
{
    position: relative;
}

.panel ul, .panel ol
{
    list-style-type: none;
    margin: 0px;
}

.panel li
{
    margin-bottom: 9px;
}

.panel li:last-child
{
    margin-bottom: 0px;
}

.panel li.panel-operation-line
{
    margin-top: 15px;
    padding-top: 10px;
    text-align: right;
}

.panel.template-metallic li.panel-operation-line
{
    border-top: 1px solid #D0D0E0;
}

.panel.template-blue li.panel-operation-line
{
    padding-right: 5px;
    border-top: 1px solid #A7C4ED;
}

.panel.template-dark li.panel-operation-line
{
    border-top: 2px outset #919191;
}

.panel.template-silver li.panel-operation-line
{
    border-top: 1px solid #E7E9F2;
}

.panel .operation-panel-link-button
{
    vertical-align: middle;
    margin-left: 5px;
}

.panel .container-panel-text-required-fields
{
    position: absolute;
    left: 0px;
    bottom: 0px;
}

/* data-builders */
.builder-container-outer.template-metallic .builder-results .builder-results-table-body th
{
    /*background-image: -o-linear-gradient(top, #D0D0FF, #9090FF);*/
    /*background-image: -moz-linear-gradient(top, #D0D0FF, #9090FF);*/
    background: #F0F0F0 url("images/gradient_small_metallic.png");
    /*background: #D0D0FF;*/
}

.builder-container-outer.template-blue .builder-results .builder-results-table-body th
{
    background-image: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1)));
    background-image: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    background-image: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    background-image: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    color: #D4D4D4;
}

.builder-container-outer.template-dark .builder-results .builder-results-table-body th
{
    background-image: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809));
    background-image: -webkit-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
    background-image: -o-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
    background-image: linear-gradient(to bottom, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
    color: #D4D4D4;
}

.builder-container-outer.template-silver .builder-results .builder-results-table-body th
{
    background-image: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9));
    background-image: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    background-image: -o-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    background-image: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    color: #757786;
}

.builder-container-outer.template-blue .builder-results .builder-results-table-body th > a
{
    color: #F2F5F7;
}

.builder-container-outer.template-dark .builder-results .builder-results-table-body th > a
{
    color: #F2F5F7;
}

.builder-container-outer.template-silver .builder-results .builder-results-table-body th > a
{
    color: #3D424A;
}

.builder-results .builder-results-table-body td
{
    padding-top: 3px;
    padding-bottom: 3px;
}

.builder-results .builder-results-table-body td.b
{
    font-weight: bold;
}

.builder-results .builder-results-table-body th:first-child, .builder-results .builder-results-table-body td:first-child
{
    padding-left: 10px;
}

.builder-results .builder-results-table-body th:last-child, .builder-results .builder-results-table-body td:last-child
{
    padding-right: 10px;
}

.builder-container-outer.template-blue .builder-results .builder-results-table-body tr.even
{
    background-color: transparent;
}

.builder-container-outer.template-blue .builder-results .builder-results-table-body tr.odd
{
    background-color: rgba(255, 255, 255, 0.5);
}

.builder-container-outer.template-silver .builder-results .builder-results-table-body tr.even
{
    background-image: -moz-linear-gradient(left, rgba(242,249,254,1) 0%, rgba(229,243,249,1) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(242,249,254,1)), color-stop(100%,rgba(229,243,249,1)));
    background-image: -webkit-linear-gradient(left, rgba(242,249,254,1) 0%,rgba(229,243,249,1) 100%);
    background-image: -o-linear-gradient(left, rgba(242,249,254,1) 0%,rgba(229,243,249,1) 100%);
    background-image: linear-gradient(to right, rgba(242,249,254,1) 0%,rgba(229,243,249,1) 100%);
}

.builder-results .builder-results-table-body.clickable tr:not(:first-child):hover
{
    background-color: #A7C4ED !important;
}

.builder-results .builder-results-table-body.clickable tr:not(:first-child):active
{
    background-color: #98B4DC !important;
}

.builder
{
    margin-bottom: 20px;
    font: normal normal 400 13px/18px "Arial", "sans-serif";
}

.builder-container-outer.template-metallic .builder
{
    border: 1px solid #D0D0E0;
}

.builder-header
{
    position: relative;
}

.builder-container-outer.template-metallic .builder-header
{
    padding-left: 10px;
    border-bottom: 1px solid #D0D0E0;
    /*background-image: -o-linear-gradient(top, #FFFFFF 40%, #E0E0E0);*/
    /*background-image: -moz-linear-gradient(top, #FFFFFF 40%, #E0E0E0);*/
    background: #F0F0F0 url("images/gradient_large_metallic.png");
    /*background: #F0F0F0;*/
}

.builder-container-outer.template-metallic .builder-header.curved
{
}

.builder-container-outer.template-blue .builder-header
{
    padding-left: 18px;
    border: 1px solid #A7C4ED;
    border-radius: 20px 20px 0px 0px;
    background-image: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1)));
    background-image: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    background-image: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    background-image: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
}

.builder-container-outer.template-blue .builder-header.curved
{
    border-radius: 20px;
}

.builder-container-outer.template-dark .builder-header
{
    padding-left: 11px;
    border: 2px outset #919191;
    border-radius: 15px 15px 0px 0px;
    background-image: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809));
    background-image: -webkit-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
    background-image: -o-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
    background-image: linear-gradient(to bottom, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
}

.builder-container-outer.template-dark .builder-header.curved
{
    border-radius: 15px;
}

.builder-container-outer.template-silver .builder-header
{
    padding-left: 11px;
    border: 1px solid #E7E9F2;
    border-radius: 15px 15px 0px 0px;
    background-image: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9));
    background-image: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    background-image: -o-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    background-image: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
}

.builder-container-outer.template-silver .builder-header.curved
{
    border-radius: 15px;
}

.builder-container-outer.template-metallic .builder-header > h4
{
    color: #000000;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 2.5em;
}

.builder-container-outer.template-blue .builder-header > h4
{
    color: #F2F5F7;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 2.5em;
}

.builder-container-outer.template-dark .builder-header > h4
{
    color: #F2F5F7;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 2.5em;
}

.builder-container-outer.template-silver .builder-header > h4
{
    color: #3D424A;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 2.5em;
}

.builder-header-items
{
    top: 0px;
    position: absolute;
    text-align: right;
}

.builder-container-outer.template-metallic .builder-header-items
{
    right: 10px;
}

.builder-container-outer.template-blue .builder-header-items
{
    right: 16px;
}

.builder-container-outer.template-dark .builder-header-items
{
    right: 12px;
}

.builder-container-outer.template-silver .builder-header-items
{
    right: 12px;
}

.builder-header-actions
{
    font-size: 10px;
    line-height: 30px;
    vertical-align: top;
    display: inline-block;
    margin-right: 10px;
}

.builder-header-actions.without-builder-header-buttons
{
    margin-right: 0px;
}

.builder-header-actions a
{
    margin-left: 10px;
}

.builder-header-actions a:first-child
{
    margin-left: 0px;
}

.builder-container-outer.template-metallic .builder-header-actions a
{
    text-decoration: underline;
    text-transform: uppercase;
}

.builder-container-outer.template-blue .builder-header-actions a
{
    text-decoration: underline;
    text-transform: uppercase;
    color: #F2F5F7;
}

.builder-container-outer.template-dark .builder-header-actions a
{
    text-decoration: underline;
    text-transform: uppercase;
    color: #F2F5F7;
}

.builder-container-outer.template-silver .builder-header-actions a
{
    text-decoration: underline;
    text-transform: uppercase;
    color: #3D424A;
}

.builder-header-buttons
{
    line-height: 30px;
    display: inline-block;
}

.builder-header-buttons a
{
    cursor: pointer;
    margin-left: 5px;
}

.builder-header-buttons a:first-child
{
    margin-left: 0px;
}

.builder-header-buttons a img
{
    vertical-align: text-top;
}

.builder-container-outer.template-metallic .builder-body
{
    background-color: #FFFFFF;
}

.builder-container-outer.template-blue .builder-body
{
    border-left: 1px solid #A7C4ED;
    border-right: 1px solid #A7C4ED;
    border-bottom: 1px solid #A7C4ED;
    border-radius: 0px 0px 20px 20px;
    background-image: -moz-linear-gradient(-45deg, rgba(235,241,246,1) 0%, rgba(171,211,238,1) 50%, rgba(137,195,235,1) 51%, rgba(213,235,251,1) 100%);
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(235,241,246,1)), color-stop(50%,rgba(171,211,238,1)), color-stop(51%,rgba(137,195,235,1)), color-stop(100%,rgba(213,235,251,1)));
    background-image: -webkit-linear-gradient(-45deg, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%);
    background-image: -o-linear-gradient(-45deg, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%);
    background-image: linear-gradient(135deg, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%);
}

.builder-container-outer.template-dark .builder-body
{
    border-left: 2px outset #919191;
    border-right: 2px outset #919191;
    border-bottom: 2px outset #919191;
    border-radius: 0px 0px 5px 5px;
    background-color: #FFFFFF;
}

.builder-container-outer.template-silver .builder-body
{
    border-left: 1px solid #E7E9F2;
    border-right: 1px solid #E7E9F2;
    border-bottom: 1px solid #E7E9F2;
    border-radius: 0px 0px 5px 5px;
    background-color: #FFFFFF;
}

.builder-filterbox
{
    padding: 10px;
}

.builder-container-outer.template-metallic .builder-filterbox
{
    border-bottom: 1px solid #D0D0E0;
}

.builder-container-outer.template-blue .builder-filterbox
{
    border-bottom: 1px solid #A7C4ED;
}

.builder-container-outer.template-dark .builder-filterbox
{
    border-bottom: 1px solid #919191;
}

.builder-container-outer.template-silver .builder-filterbox
{
    border-bottom: 1px solid #E7E9F2;
}

.builder-filterbox input[type="submit"]
{
    width: 70px;
}

.builder-results
{
    padding: 0px;
}

.builder-results-data
{
    padding: 0px;
}

.builder-results-table-body
{
    padding: 0px;
}

.builder-results-table-body .container-text-operations a:not(:first-child)
{
    margin-left: 15px;
}

.builder-results-table-body .container-icon-operations a:not(:first-child)
{
    margin-left: 10px;
}

.builder-results-data .container-selflink
{
    display: none;
}

.builder ul, .builder ol
{
    list-style-type: none;
    margin: 0px;
}

.builder li
{
    margin-bottom: 9px;
}

.builder li:last-child
{
    margin-bottom: 0px;
}

.builder li > label:first-child, .builder li > span > label:first-child, .builder li > form > label:first-child
{
    float: left;
    width: 150px;
    min-height: 10px;
    display: block;
}

.builder-container-outer, .builder, .builder-body
{
    position: relative;
}

input[id*="filter_filterboxfilterselection_textfilter_"], input[id*="filter_filterboxfilterselection_datatextfilter_"]
{
    width: 250px;
}

input[id*="filter_filterboxfilterselection_daterangefilter_"], input[id*="filter_filterboxfilterselection_datadaterangefilter_"]
{
    width: 70px;
}

input[id*="filter_filterboxfilterselection_numberfilter_"], input[id*="filter_filterboxfilterselection_datanumberfilter_"]
{
    width: 100px;
}

input[id*="filter_filterboxfilterselection_numberfilter_value_"], input[id*="filter_filterboxfilterselection_datanumberfilter_value_"]
{
    margin-left: 5px;
}

.builder-filterbox #filters .filters.left-part
{
    text-align: left;
}

.builder-filterbox #filters .filters.center-part
{
    text-align: center;
}

.builder-filterbox #filters .filters.right-part
{
    float: none;
    text-align: right;
}

datalist + input[type="submit"]
{
    margin-left: 10px;
}

.builder-container-outer.template-metallic a.order-link.ascending:after
{
    content: "\25B2";
}

.builder-container-outer.template-blue a.order-link.ascending:after
{
    content: "\21E1";
}

.builder-container-outer.template-dark a.order-link.ascending:after
{
    content: "\25B2";
}

.builder-container-outer.template-silver a.order-link.ascending:after
{
    content: "\25B2";
}

.builder-container-outer.template-metallic a.order-link.descending:after
{
    content: "\25BC";
}

.builder-container-outer.template-blue a.order-link.descending:after
{
    content: "\21E3";
}

.builder-container-outer.template-dark a.order-link.descending:after
{
    content: "\25BC";
}

.builder-container-outer.template-silver a.order-link.descending:after
{
    content: "\25BC";
}

span.filter-display-label
{
    margin-right: 2px;
}

.editable-field input[type="text"]
{
    width: 30%;
}

.editable-field input[type="number"]
{
    width: 15%;
}

.builder-results-data .result-pages
{
    clear: both;
    line-height: 35px;
}

.builder-results-data .result-pages .right-part
{
    float: right;
}

.builder-results-data
{
    padding: 0px 10px;
}

.builder-container-outer.template-metallic .builder-results-data.with-result-pages,
.builder-container-outer.template-metallic .builder-results-partials,
.builder-container-outer.template-metallic .builder-results-inlinetemplates
{
    border-bottom: 1px solid #D0D0E0;
}

.builder-container-outer.template-blue .builder-results-data.with-result-pages,
.builder-container-outer.template-blue .builder-results-partials,
.builder-container-outer.template-blue .builder-results-inlinetemplates
{
    border-bottom: 1px solid #A7C4ED;
}

.builder-container-outer.template-dark .builder-results-data.with-result-pages,
.builder-container-outer.template-dark .builder-results-partials,
.builder-container-outer.template-dark .builder-results-inlinetemplates
{
    border-bottom: 1px solid #919191;
}

.builder-container-outer.template-silver .builder-results-data.with-result-pages,
.builder-container-outer.template-silver .builder-results-partials,
.builder-container-outer.template-silver .builder-results-inlinetemplates
{
    border-bottom: 1px solid #E7E9F2;
}

.builder-container-outer.template-metallic .builder-inner-tail
{
    border-top: 1px solid #D0D0E0;
}

.builder-container-outer.template-blue .builder-inner-tail
{
    border-top: 1px solid #A7C4ED;
}

.builder-container-outer.template-dark .builder-inner-tail
{
    border-top: 1px solid #919191;
}

.builder-container-outer.template-silver .builder-inner-tail
{
    border-top: 1px solid #E7E9F2;
}

.builder-container-outer.template-metallic .builder-results-data .current-page-number
{
    font-weight: bold;
    color: #FFF;
    background-color: #3E70D1;
    padding: 2px 5px;
}

.builder-container-outer.template-metallic .builder-results-data .page-number > a, .builder-container-outer.template-metallic .builder-results-data .page-number-first > a, .builder-container-outer.template-metallic .builder-results-data .page-number-last > a
{
    text-decoration: underline;
}

.builder-container-outer.template-blue .builder-results-data .current-page-number
{
    border-radius: 5px;
    color: #F2F5F7;
    background-color: #3963B4;
    padding: 2px 5px;
}

.builder-container-outer.template-blue .builder-results-data .page-number
{
    border-radius: 5px;
    background-color: #B0CBFA;
    padding: 2px 5px;
    cursor: pointer;
}

.builder-container-outer.template-blue .builder-results-data .page-number:hover
{
    background-color: #7AA0DC;
}

.builder-container-outer.template-blue .builder-results-data .page-number > a
{
    color: #F2F5F7;
    text-decoration: none;
}

.builder-container-outer.template-blue .builder-results-data .page-number-first, .builder-container-outer.template-blue .builder-results-data .page-number-last
{
    border-radius: 5px;
    background-color: #3963B4;
    padding: 2px 5px;
    cursor: pointer;
}

.builder-container-outer.template-blue .builder-results-data .page-number-first > a, .builder-container-outer.template-blue .builder-results-data .page-number-last > a
{
    color: #F2F5F7;
    text-decoration: none;
}

.builder-container-outer.template-dark .builder-results-data .current-page-number
{
    border-radius: 5px;
    color: #F2F5F7;
    background-image: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809));
    background-image: -webkit-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
    background-image: -o-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
    background-image: linear-gradient(to bottom, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
    padding: 2px 5px;
}

.builder-container-outer.template-dark .builder-results-data .page-number
{
    border-radius: 5px;
    background-image: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedce7), color-stop(100%,#596a72));
    background-image: -webkit-linear-gradient(top, #cedce7 0%,#596a72 100%);
    background-image: -o-linear-gradient(top, #cedce7 0%,#596a72 100%);
    background-image: linear-gradient(to bottom, #cedce7 0%,#596a72 100%);
    padding: 2px 5px;
    cursor: pointer;
}

.builder-container-outer.template-dark .builder-results-data .page-number:hover
{
    background-image: -moz-linear-gradient(top, rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1)));
    background-image: -webkit-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
    background-image: -o-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
    background-image: linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
}

.builder-container-outer.template-dark .builder-results-data .page-number > a
{
    color: #F2F5F7;
    text-decoration: none;
}

.builder-container-outer.template-dark .builder-results-data .page-number-first, .builder-container-outer.template-dark .builder-results-data .page-number-last
{
    border-radius: 5px;
    background-image: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809));
    background-image: -webkit-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
    background-image: -o-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
    background-image: linear-gradient(to bottom, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
    padding: 2px 5px;
    cursor: pointer;
}

.builder-container-outer.template-dark .builder-results-data .page-number-first > a, .builder-container-outer.template-dark .builder-results-data .page-number-last > a
{
    color: #F2F5F7;
    text-decoration: none;
}

.builder-container-outer.template-silver .builder-results-data .current-page-number
{
    border-radius: 5px;
    color: #3D424A;
    background-image: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9));
    background-image: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    background-image: -o-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    background-image: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    padding: 2px 5px;
}

.builder-container-outer.template-silver .builder-results-data .page-number
{
    border-radius: 5px;
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
    background-image: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    padding: 2px 5px;
    cursor: pointer;
}

.builder-container-outer.template-silver .builder-results-data .page-number:hover
{
    background-image: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe));
    background-image: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background-image: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background-image: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
}

.builder-container-outer.template-silver .builder-results-data .page-number > a
{
    color: #3D424A;
    text-decoration: none;
}

.builder-container-outer.template-silver .builder-results-data .page-number-first, .builder-container-outer.template-silver .builder-results-data .page-number-last
{
    border-radius: 5px;
    background-image: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9));
    background-image: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    background-image: -o-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    background-image: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    padding: 2px 5px;
    cursor: pointer;
}

.builder-container-outer.template-silver .builder-results-data .page-number-first > a, .builder-container-outer.template-silver .builder-results-data .page-number-last > a
{
    color: #3D424A;
    text-decoration: none;
}

.builder-inner-tail
{
    padding: 4px;
    text-align: right;
}

.builder-inner-tail.hidden
{
    display: none;
}

.builder-paging-settings
{
    display: inline-block;
}

.builder-container-outer.template-blue .builder-paging-settings
{
    margin-right: 12px;
}

.builder-container-outer.template-dark .builder-paging-settings
{
    margin-right: 1px;
}

.builder-container-outer.template-silver .builder-paging-settings
{
    margin-right: 1px;
}

/* ajax-containers */
.ajax-container-outer
{
    position: relative;
}

/* buttons */
.button
{
    border-radius: 5px;
    padding: 4px 8px;
    box-shadow: none;
}

a.button
{
    text-decoration: none;
}

.button.button-big
{
    width: 170px;
    height: 60px;
    font-size: 20px;
    font-weight: 500;
    border-radius: 25px;
}

.button.template-metallic
{
    border: 1px solid #D0D0E0;
    color: #000000;
    background: #F0F0F0 url("images/gradient_large_metallic.png");
}

.button.template-metallic:hover
{
    background: #F0F0F0;
}

.button.template-metallic:active
{
    background: #F0F0F0 url("images/gradient_large_metallic.png") 0% 50%;
}

.button.template-blue
{
    border: 1px solid #A7C4ED;
    color: #F2F5F7;
    background-image: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1)));
    background-image: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    background-image: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    background-image: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
}

.button.template-blue:hover
{
    background-image: -moz-linear-gradient(top, rgba(27,79,139,1) 0%, rgba(36,124,196,1) 50%, rgba(29,110,181,1) 51%, rgba(95,170,227,1) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(27,79,139,1)), color-stop(50%,rgba(36,124,196,1)), color-stop(51%,rgba(29,110,181,1)), color-stop(100%,rgba(95,170,227,1)));
    background-image: -webkit-linear-gradient(top, rgba(27,79,139,1) 0%,rgba(36,124,196,1) 50%,rgba(29,110,181,1) 51%,rgba(95,170,227,1) 100%);
    background-image: -o-linear-gradient(top, rgba(27,79,139,1) 0%,rgba(36,124,196,1) 50%,rgba(29,110,181,1) 51%,rgba(95,170,227,1) 100%);
    background-image: linear-gradient(to bottom, rgba(27,79,139,1) 0%,rgba(36,124,196,1) 50%,rgba(29,110,181,1) 51%,rgba(95,170,227,1) 100%);
}

.button.template-blue:active
{
    background-image: -moz-linear-gradient(top, rgba(95,170,227,1) 0%, rgba(29,110,181,1) 49%, rgba(36,124,196,1) 50%, rgba(27,79,139,1) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(95,170,227,1)), color-stop(49%,rgba(29,110,181,1)), color-stop(50%,rgba(36,124,196,1)), color-stop(100%,rgba(27,79,139,1)));
    background-image: -webkit-linear-gradient(top, rgba(95,170,227,1) 0%,rgba(29,110,181,1) 49%,rgba(36,124,196,1) 50%,rgba(27,79,139,1) 100%);
    background-image: -o-linear-gradient(top, rgba(95,170,227,1) 0%,rgba(29,110,181,1) 49%,rgba(36,124,196,1) 50%,rgba(27,79,139,1) 100%);
    background-image: linear-gradient(to bottom, rgba(95,170,227,1) 0%,rgba(29,110,181,1) 49%,rgba(36,124,196,1) 50%,rgba(27,79,139,1) 100%);
}

.button.template-dark
{
    border: 2px outset #919191;
    color: #F2F5F7;
    background-image: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809));
    background-image: -webkit-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
    background-image: -o-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
    background-image: linear-gradient(to bottom, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
}

.button.template-dark:hover
{
    background-image: -moz-linear-gradient(top, #9aacb0 0%, #646c69 50%, #090d09 51%, #090708 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9aacb0), color-stop(50%,#646c69), color-stop(51%,#090d09), color-stop(100%,#090708));
    background-image: -webkit-linear-gradient(top, #9aacb0 0%,#646c69 50%,#090d09 51%,#090708 100%);
    background-image: -o-linear-gradient(top, #9aacb0 0%,#646c69 50%,#090d09 51%,#090708 100%);
    background-image: linear-gradient(to bottom, #9aacb0 0%,#646c69 50%,#090d09 51%,#090708 100%);
}

.button.template-dark:active
{
    background-image: -moz-linear-gradient(top, #090708 0%, #090d09 49%, #646c69 50%, #9aacb0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#090708), color-stop(49%,#090d09), color-stop(50%,#646c69), color-stop(100%,#9aacb0));
    background-image: -webkit-linear-gradient(top, #090708 0%,#090d09 49%,#646c69 50%,#9aacb0 100%);
    background-image: -o-linear-gradient(top, #090708 0%,#090d09 49%,#646c69 50%,#9aacb0 100%);
    background-image: linear-gradient(to bottom, #090708 0%,#090d09 49%,#646c69 50%,#9aacb0 100%);
}

.button.template-silver
{
    border: 1px solid #E7E9F2;
    color: #3D424A;
    background-image: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9));
    background-image: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    background-image: -o-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    background-image: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
}

.button.template-silver:hover
{
    background-image: -moz-linear-gradient(top, #d3e0e7 0%, #bdcdd7 50%, #9eb5c2 51%, #b9dbf1 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3e0e7), color-stop(50%,#bdcdd7), color-stop(51%,#9eb5c2), color-stop(100%,#b9dbf1));
    background-image: -webkit-linear-gradient(top, #d3e0e7 0%,#bdcdd7 50%,#9eb5c2 51%,#b9dbf1 100%);
    background-image: -o-linear-gradient(top, #d3e0e7 0%,#bdcdd7 50%,#9eb5c2 51%,#b9dbf1 100%);
    background-image: linear-gradient(to bottom, #d3e0e7 0%,#bdcdd7 50%,#9eb5c2 51%,#b9dbf1 100%);
}

.button.template-silver:active
{
    background-image: -moz-linear-gradient(top, #b9dbf1 0%, #9eb5c2 49%, #bdcdd7 50%, #d3e0e7 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9dbf1), color-stop(49%,#9eb5c2), color-stop(50%,#bdcdd7), color-stop(100%,#d3e0e7));
    background-image: -webkit-linear-gradient(top, #b9dbf1 0%,#9eb5c2 49%,#bdcdd7 50%,#d3e0e7 100%);
    background-image: -o-linear-gradient(top, #b9dbf1 0%,#9eb5c2 49%,#bdcdd7 50%,#d3e0e7 100%);
    background-image: linear-gradient(to bottom, #b9dbf1 0%,#9eb5c2 49%,#bdcdd7 50%,#d3e0e7 100%);
}

.button.button-big.template-metallic
{
    border: 4px outset #D0D0E0;
}

.button.button-big.template-blue
{
    border: 4px outset #A7C4ED;
}

.button.button-big.template-dark
{
    color: #FFFFFF;
    border: 4px outset #AAAAAA;
    background-image: -o-linear-gradient(top, #BBBBBB, #222222);
    background-image: -moz-linear-gradient(top, #BBBBBB, #222222);
    background-image: -webkit-linear-gradient(top, #BBBBBB, #222222);
}

.button.button-big.template-dark:hover
{
    background-image: -o-linear-gradient(top, #BBBBBB, #222222);
    background-image: -moz-linear-gradient(top, #BBBBBB, #222222);
    background-image: -webkit-linear-gradient(top, #BBBBBB, #222222);
}

.button.button-big.template-dark:active
{
    background-image: -o-linear-gradient(top, #222222, #BBBBBB);
    background-image: -moz-linear-gradient(top, #222222, #BBBBBB);
    background-image: -webkit-linear-gradient(top, #222222, #BBBBBB);
}

.button.button-big.template-silver
{
    border: 4px outset #E7E9F2;
}

/* buttons with data-builders */
.builder-filterbox .button
{
    height: 26px;
}

/* boxes */
.box
{
    padding: 10px;
    border-radius: 10px;
}

.box.template-metallic
{
    color: #303030;
    border: 1px solid rgba(255, 255, 255, 0.196);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.506);
    background-image: -o-linear-gradient(top, rgba(253, 253, 253, 1.000), rgba(237, 237, 237, 1.000));
    background-image: -moz-linear-gradient(top, rgba(253, 253, 253, 1.000), rgba(237, 237, 237, 1.000));
    background-image: -webkit-linear-gradient(top, rgba(253, 253, 253, 1.000), rgba(237, 237, 237, 1.000));
}

.box.template-blue
{
    color: #303030;
    box-shadow: 0px 1px 2px 0px rgb(45, 152, 255);
    background-image: -moz-linear-gradient(top, rgba(240,249,255,1) 0%, rgba(203,235,255,1) 47%, rgba(161,219,255,1) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,249,255,1)), color-stop(47%,rgba(203,235,255,1)), color-stop(100%,rgba(161,219,255,1)));
    background-image: -webkit-linear-gradient(top, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%);
    background-image: -o-linear-gradient(top, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%);
    background-image: linear-gradient(to bottom, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%);
}

.box.template-dark
{
    color: #FFFFFF;
    box-shadow: 0px 1px 2px 0px rgb(48, 55, 73);
    background-image: -moz-linear-gradient(top, rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1)));
    background-image: -webkit-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
    background-image: -o-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
    background-image: linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
}

.box.template-silver
{
    color: #303030;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.6);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
}

/* dialog-boxes */
.dialog-box-container-outer
{
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    width: 100%;
    height: 100%;
    display: table;
    z-index: 1;
}

.dialog-box-container-inner
{
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.dialog-box
{
    display: inline-block;
    position: relative;
    width: 40%;
    text-align: left;
    max-height: 750px;
    overflow-y: auto;
}

.dialog-box.tight
{
    width: 10%;
}

.dialog-box.narrow
{
    width: 20%;
}

.dialog-box.fitting
{
    width: 30%;
}

.dialog-box.extended
{
    width: 50%;
}

.dialog-box.wide
{
    width: 60%;
}

.dialog-box.broad
{
    width: 80%;
}

.dialog-box.extensive
{
    width: 90%;
}

.dialog-box > .panel
{
    margin-bottom: 0px;
}

.dialog-box-menu-items
{
    position: absolute;
    top: 0px;
    right: 8px;
    text-align: right;
}

.dialog-box-menu-actions
{
    display: inline-block;
    margin-right: 10px;
    font-size: 10px;
    line-height: 30px;
    vertical-align: top;
}

.dialog-box-menu-actions a
{
    margin-left: 10px;
}

.dialog-box-menu-actions a:first-child
{
    margin-left: 0px;
}

.panel.template-metallic .dialog-box-menu-actions a
{
    text-decoration: underline;
    text-transform: uppercase;
}

.panel.template-blue .dialog-box-menu-actions a
{
    text-decoration: underline;
    text-transform: uppercase;
    color: #F2F5F7;
}

.panel.template-dark .dialog-box-menu-actions a
{
    text-decoration: underline;
    text-transform: uppercase;
    color: #F2F5F7;
}

.panel.template-silver .dialog-box-menu-actions a
{
    text-decoration: underline;
    text-transform: uppercase;
    color: #3D424A;
}

.dialog-box-menu-buttons
{
    display: inline-block;
    line-height: 30px;
}

.dialog-box-menu-buttons a
{
    margin-left: 5px;
    cursor: pointer;
}

.dialog-box-menu-buttons a:first-child
{
    margin-left: 0px;
}

.dialog-box-menu-buttons a img
{
    vertical-align: text-top;
}

.dialog-box-alert-success, .dialog-box-alert-error
{
    position: absolute;
    left: 30%;
    bottom: 6px;
}

/* labels */
.line-label
{
    width: 150px;
    display: inline-block;
}

/* screen-dimmers */
.screen-dimmer
{
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
}

.screen-dimmer.white
{
    background-color: #FFFFFF;
}

.screen-dimmer.black
{
    background-color: #000000;
}

/* images */
.image-check
{
    background-image: url("images/check.png");
}

.image-approve
{
    background-image: url("images/check.png");
}

.image-delete
{
    background-image: url("images/delete.png");
}

.image-deny
{
    background-image: url("images/delete.png");
}

.image-add
{
    background-image: url("images/add.png");
}

.image-add-big
{
    background-image: url("images/add_48x48.png");
}

.image-edit
{
    background-image: url("images/edit.png");
}

.image-editextended
{
    background-image: url("images/editextended.png");
}

.image-view
{
    background-image: url("images/preview.png");
}

.image-preview
{
    background-image: url("images/preview.png");
}

.image-run
{
    background-image: url("images/run.png");
}

.image-arrowup
{
    background-image: url("images/arrow_up.png");
}

.image-arrowdown
{
    background-image: url("images/arrow_down.png");
}

.image-arrowleft
{
    background-image: url("images/arrow_left.png");
}

.image-arrowright
{
    background-image: url("images/arrow_right.png");
}

.image-questionmark
{
    background-image: url("images/questionmark.png");
}

.image-questionmark-large
{
    background-image: url("images/questionmark_32x32.png");
}

.image-questionmark-big
{
    background-image: url("images/questionmark_48x48.png");
}

.image-link
{
    background-image: url("images/link.png");
}

.image-link-large
{
    background-image: url("images/link_32x32.png");
}

.inline-image
{
    margin-right: 5px;
}

.image-vertical-align-middle
{
    vertical-align: middle;
}

.image-vertical-align-texttop
{
    vertical-align: text-top;
}

.image-vertical-align-textbottom
{
    vertical-align: text-bottom;
}

.image-vertical-align-bottom
{
    vertical-align: bottom;
}

.image-vertical-align-sub
{
    vertical-align: sub;
}