/*
    Document   : power24css
    Created on : May 16, 2012, 12:48:25 PM
    Author     : Terri van Blerk
    Description:
        Master Stylesheet for all MUNIC sites
*/
html, body {
    height: 100%;
}

body {
    display:block;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    font-weight: 400;
    height:100%;
    text-align: center;
    padding: 0px;
}

a{
    text-decoration: none;
    color: #ffffff;
}

h2{
    font-size: 18px;
    font-weight: 700;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    color: #009fde;
}
h3{
    font-size: 14px;
    font-weight: 700;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    color: #009fde;
}
h4{
    font-size: 14px;
    font-weight: 400;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    color: #009fde;
}
.bodycopyred{
    font-size: 15px;
    font-weight: 700;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    color: #FF0003;
}
.bodycopygreen{
    font-size: 15px;
    font-weight: 700;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    color: #4AC948;
}

h4{
    font-size: 14px;
    font-weight: 400;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    color: #009fde;
}
td{
    font-size: 14px;
    font-weight: 400;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    color: #000000;
}

.footer-blue-link{
    font-size: 10px;
    font-weight: 400;
    font-family: 'Verdana', Geneva, sans-serif;
    text-align: right;
    color: #009fde;
}

ul,p.content{
    font-size: 14px;
    font-weight: 400;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    color: #000000;
    text-align: left;
}

p.maintenance{
    font-family: 'Comfortaa', cursive;
    color: #253849;
    font-size: 30px;
    text-align: left;
    margin: 100px
}


.terms-heading{
    font-size: 14px;
    font-weight: 700;
    font-family: 'Verdana', Geneva, sans-serif;
    color: #000000;
    text-align: left;
}
/*Clean sticky footer*/
div#wrapper {
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0px 0px -200px 0px;
}

div.container{
    width:1200px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    float: none;
    position: relative;
    margin-right: 10%;
    margin-left: 10%;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    margin-left: auto; margin-right: auto;
    padding: 0px 0px 200px 0px;

}
div.container_header{
    width:100%;
    height: 150px;
    float: none;
    position: relative;
    font-family: 'Verdana', Geneva, sans-serif;
    margin-left: auto; margin-right: auto;
    background-color:#253849;
    background:-webkit-radial-gradient(#385264,#253849);
    background:-moz-linear-gradient(#385264,#253849);

}

div.container_footer{
    width:100%;
    height: 200px;
    float: none;
    position: relative;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    margin-left: auto; margin-right: auto;
    background-color:#253849;
    background:-webkit-radial-gradient(#385264,#253849);
    background:-moz-linear-gradient(#385264,#253849);

}

.menu{
    font-weight: 400;
    font-variant: normal;
    font-family: sans-serif;
    font-size: 8px;
    color: #ffffff;
    text-align: left;
    word-spacing: 1px;
    vertical-align: middle;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    background-color: inherit;
}
div.header{
    background-color:transparent;
    font-weight: normal;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    vertical-align: top;
    width: 1200px;
    height:149px;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    font-weight: 400;
    position: relative;
    margin-right: 10%;
    margin-left: 10%;
    margin-left: auto; margin-right: auto;
}

div.footer{
    background-color:transparent;
    clear:both;
    text-align:center;
    width: 1200px;
    bottom: 1px;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #009fde;
    height: 200px;
    vertical-align: baseline;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    font-weight: 400;
    position: relative;
    margin-right: 10%;
    margin-left: 10%;
    margin-left: auto; margin-right: auto;
}

div.footer-socialmedia{

    background-color:transparent;
    font-family: 'Verdana', Geneva, sans-serif;
    text-align: right;
    vertical-align: middle;
    FONT-WEIGHT: 400;
    font-size: 10px;
    color: #4daf6c;
    position: absolute;
    top: 10px;
    height: 150px;
    left: 850px;
    width: 260px;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    border-top-style: none;
}

div.menu
{ position: absolute;
  /*visibility: hidden;*/
  background-color:transparent;
  top: 100px;
  height: 50px;
  width: 1200px;
  left: 0px;
  margin: 20px;
}

.header{
    background-color:transparent;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    font-size: 11px;
    font-weight: 400;
}
table.header{
    background-color:transparent;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    font-size: 11px;
    text-align: center;
    width: 100%;
}
input.header{

    background-color:transparent;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    color: #ffffff;
    border-right-style: outset;
    border-left-style: outset;
    border-bottom-style: outset;
    border-top-style: outset;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-right-color: #253849;
    border-left-color: #253849;
    border-bottom-color: #253849;
    border-top-color: #253849;
}
input.header-contact{
    position: absolute;
    top: 40px;
    left: 980px;
    height: 40px;
    width: 120px;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    background-image: url(../images/icon_contactus.png);
    background-position: 10px center;
    color: #ffffff;
    font-size: 14px;
    text-align: right;
    border-right-style: outset;
    border-left-style: outset;
    border-bottom-style: outset;
    border-top-style: outset;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-right-color: #253849;
    border-left-color: #253849;
    border-bottom-color: #253849;
    border-top-color: #253849;
}
input.header-contact:hover{
    cursor: pointer;
}

input.header-help{
    position: absolute;
    top: 40px;
    left: 820px;
    height: 40px;
    width: 140px;
       background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    background-image: url(../images/icon_help.png);
    background-position: 10px center;
    color: #ffffff;
    font-size: 14px;
    text-align: right;
    border-right-style: outset;
    border-left-style: outset;
    border-bottom-style: outset;
    border-top-style: outset;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-right-color: #253849;
    border-left-color: #253849;
    border-bottom-color: #253849;
    border-top-color: #253849;
}
input.header-help:hover{
    cursor: pointer;
}


input.header-link{
    position: absolute;
    top: 40px;
    left: 670px;
    height: 40px;
    width: 130px;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    background-image: url(../images/button-talk24-english.png);
    background-position: center;
    color: #ffffff;
    font-size: 14px;
    text-align: right;
    border-right-style: outset;
    border-left-style: outset;
    border-bottom-style: outset;
    border-top-style: outset;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-right-color: #253849;
    border-left-color: #253849;
    border-bottom-color: #253849;
    border-top-color: #253849;
}
input.header-link:hover{
    cursor: pointer;
}

input.tools{

    background-color:transparent;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    color: #000000;
    border-right-style: outset;
    border-left-style: outset;
    border-bottom-style: outset;
    border-top-style: outset;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-right-color: #253849;
    border-left-color: #253849;
    border-bottom-color: #253849;
    border-top-color: #253849;
    height: 40px;
    width: auto;
    font-weight: 700;
}

input.tools-sms{
    background-color:transparent;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    color: #000000;
    position: absolute;
    top: 70px;
    height: 30px;
    left: 20px;
    width: 140px;
    border-right-style: outset;
    border-left-style: outset;
    border-bottom-style: outset;
    border-top-style: outset;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-top-width: 2px;
    font-weight: 500;
}
input.tools-sms:hover{
    background-color: #617A87;
    cursor: pointer;
}

input.tools-ben{

    background-color:transparent;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    color: #000000;
    position: absolute;
    top: 70px;
    height: 30px;
    left: 490px;
    width: 230px;
    border-right-style: outset;
    border-left-style: outset;
    border-bottom-style: outset;
    border-top-style: outset;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-top-width: 2px;
    font-weight: 500;
}
input.tools-ben:hover{
    background-color: #617A87;
    cursor: pointer;
}

input.tools-last{

    background-color:transparent;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    color: #000000;
    position: absolute;
    top: 70px;
    height: 30px;
    left: 170px;
    width: 150px;
    border-right-style: outset;
    border-left-style: outset;
    border-bottom-style: outset;
    border-top-style: outset;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-top-width: 2px;
    font-weight: 500;
}
input.tools-last:hover{
    background-color: #617A87;
    cursor: pointer;
}
input.tools-tips{

    background-color:transparent;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    color: #000000;
    position: absolute;
    top: 70px;
    height: 30px;
    left: 330px;
    width: 150px;
    border-right-style: outset;
    border-left-style: outset;
    border-bottom-style: outset;
    border-top-style: outset;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-top-width: 2px;
    font-weight: 500;
}
input.tools-tips:hover{
    background-color: #617A87;
    cursor: pointer;
}

input.footer-ga{
    background-color:transparent;
    font-family: 'Verdana', Geneva, sans-serif;
    text-align: left;
    FONT-WEIGHT: 400;
    font-size: 10px;
    color: #4daf6c;
    width: 38px;
    height: 38px;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    border-top-style: none;
    background-image: url(../images/icon-blue-google.png);
    background-repeat: no-repeat;
    background-position: left;

}
input.footer-ga:hover{
    cursor: pointer;
}
div.footer-ga{
    background-color:transparent;
    font-family: 'Verdana', Geneva, sans-serif;
    vertical-align: middle;
    text-align: left;
    FONT-WEIGHT: 400;
    font-size: 10px;
    color: #009fde;
    position: absolute;
    top: 10px;
    height: 50px;
    left: 780px;
    width: 350px;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    border-top-style: none;
}
div.footer-fb{

    background-color:transparent;
    font-family: 'Verdana', Geneva, sans-serif;
    text-align: left;
    vertical-align: middle;
    FONT-WEIGHT: 400;
    font-size: 10px;
    color: #009fde;
    position: absolute;
    top: 40px;
    height: 50px;
    left: 790px;
    width: 350px;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    border-top-style: none;


}
input.footer-fb{
    background-color:transparent;
    font-family: 'Verdana', Geneva, sans-serif;
    text-align: left;
    FONT-WEIGHT: 400;
    font-size: 10px;
    color: #009fde;
    width: 38px;
    height: 38px;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    border-top-style: none;
    background-image: url(../images/icon-blue-facebook.png);
    background-repeat: no-repeat;
    background-position: left;

}
input.footer-fb:hover{
    cursor: pointer;
}

div.footer-tweet{

    background-color:transparent;
    font-family: 'Verdana', Geneva, sans-serif;
    text-align: left;
    vertical-align: middle;
    FONT-WEIGHT: 400;
    font-size: 10px;
    color: #009fde;
    position: absolute;
    top: 75px;
    height: 50px;
    left: 790px;
    width: 350px;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    border-top-style: none;


}
input.footer-tweet{

    background-color:transparent;
    font-family: 'Verdana', Geneva, sans-serif;
    FONT-WEIGHT: 400;
    text-align: left;
    font-size: 10px;
    color: #009fde;
    /*position: absolute;*/
    height: 38px;
    width: 38px;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    border-top-style: none;
    background-image: url(../images/icon-blue-twitter.png);
    background-position: left;
    background-repeat: no-repeat;
}
input.footer-tweet:hover{
    cursor: pointer;
}

.content{
    font-family: 'Verdana', Geneva, sans-serif;
    text-align: left;
}

table.content{
    width: 85%;
    position: absolute;
    text-align: center;
}


div.content{
    float: none;
    text-align: center;
    width: 1000px;
    min-height: 730px;
    height: auto !important;
    height: 100%;
    font-family: 'Verdana', Geneva, sans-serif;
}

home.table{
    border:1;
    align:center;
    width:100%;
}

div.home-reg{
    position: absolute;
    top: 20px;
    left: 100px;
    width: 520px;
    height: 170px;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    font-size: 30px;
    color: #ffffff;
    font-weight: 700;
    text-align: left;
}
div.home-signed{
    position: absolute;
    top: 20px;
    left: 640px;
    width: 200px;
    height: 170px;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    font-size: 30px;
    color: #ffffff;
    font-weight: 700;
    text-align: left;
}

div.home-about{

    position: absolute;
    top: 20px;
    left: 860px;
    width: 240px;
    height: 320px;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    font-size: 14px;
    color: #000000;
    text-align: left;
    background-color: #d9d9d9;
    font-weight: 400;

}

div.home-tools{

    position: absolute;
    top: 590px;
    left: 100px;
    width: 740px;
    height: 120px;
    background-color: #89A2A9;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    font-weight: 700;
    font-size: 30px;
    color: #ffffff;
    text-align: left;
}

div.home-partner{

    position: absolute;
    top: 360px;
    left: 860px;
    width: 240px;
    height: 350px;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    font-size: 14px;
    color: #000000;
    text-align: left;
    background-color: #d9d9d9;
    font-weight: 500;
}

div.home-reg1{

    position: absolute;
    top: 200px;
    left: 100px;
    width: 160px;
    height: 370px;
    background-color: #253849;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    text-align: left;
    background-image: url(../images/homepage_man_1_compatible.png);
    background-repeat: no-repeat;
    background-position: center bottom;

}

div.home-reg2{

    position: absolute;
    top: 200px;
    left: 280px;
    width: 160px;
    height: 370px;
    background-color: #385264;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    font-weight: 700;
    font-size: 18px;
    color: #ffffff;
    text-align: left;
    background-image: url(../images/homepage_man_2_register.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

div.home-reg3{

    position: absolute;
    top: 200px;
    left: 460px;
    width: 160px;
    height: 370px;
    background-color: #89A2A9;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    font-weight: 700;
    font-size: 18px;
    color: #ffffff;
    text-align: left;
    background-image: url(../images/homepage_man_3_banking.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}

div.home-power{

    position: absolute;
    top: 200px;
    left: 640px;
    width: 200px;
    height: 370px;
    background-color: #009fde;
    font-weight: 700;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    font-size: 18px;
    color: #ffffff;
    text-align: left;

    background-image: url(../images/homepage_man_4_powerup.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

.footer {
    position: relative;
    height: 20px;
    clear:both;
    text-align: center;
    text-COLOR: #000000;
    background-color:transparent;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    font-weight: 400;
    font-size: 12px;

}

a.footer {
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    FONT-WEIGHT: 400;
    FONT-SIZE: 10px;
    COLOR: #009fde;
    TEXT-DECORATION: none;
    background-color:transparent;
}
/* ============================================================================================================================
== BUBBLE WITH A RIGHT-ANGLED TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */
.triangle-right {
    position:inherit;
    /*padding:15px;*/
    /*margin:1em 0 3em;*/
    color:#fff;
    background:#253849;
}

.triangle-right-already {
    position:inherit;
    /*padding:15px;*/
    /*margin:1em 0 3em;*/
    color:#fff;
    background:#253849;
    width: 200px;
    height: 120px;
}

.triangle-right-registered {
    position:inherit;
    /*padding:15px;
    margin:1em 0 3em;*/
    color:#fff;
    background:#009fde;
    width: 520px;
    height: 120px;
    border-right-width: 20px;
}

.triangle-right-content {
    position:inherit;
    /*padding:15px;
    margin:1em 0 3em;*/
    color:#fff;
    background:#009fde;
    width: 700px;
    height: 120px
}
.triangle-right-myschool {
    position:inherit;
    /*padding:15px;
    margin:1em 0 3em;*/
    color:#fff;
    background:#d9d9d9;
    width: 280px;
    height: 120px;

    background-image: url(../images/myschool_logo.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.triangle-right-munic {
    position:inherit;
    color:#fff;
    background:#d9d9d9;
    width: 280px;
    height: 120px;
/*    background-image: url(../images/<municid>_logo.png);*/
    background-repeat: no-repeat;
    background-position: center center;
}


/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-right.top {
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#075698), to(#2e88c4));
    background:-moz-linear-gradient(#075698, #2e88c4);
    background:-o-linear-gradient(#075698, #2e88c4);
    background:linear-gradient(#075698, #2e88c4);
}

/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-right.left {
    margin-left:40px;
    background:#075698;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-right.right {
    margin-right:40px;
    background:#075698;
}


/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-right:after {
    content:"";
    position:absolute;
    bottom:-20px; /* value = - border-top-width - border-bottom-width */
    right:40px; /* left:50px; controls horizontal position */
    border-width:  20px 20px 0 0 ; /* border-width:20px 0 0 20px; vary these values to change the angle of the vertex */
    border-style:solid;
    border-color:#075698 transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}
.triangle-right-registered:after {
    content:"";
    position:absolute;
    bottom:-48px; /* value = - border-top-width - border-bottom-width */
    right:20px; /* left:50px; controls horizontal position */
    border-width:  48px 50px 0 0 ; /* border-width:20px 0 0 20px; vary these values to change the angle of the vertex */
    border-style:solid;
    border-color:#009fde transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}
.triangle-right-already:after {
    content:"";
    position:absolute;
    bottom:-48px; /* value = - border-top-width - border-bottom-width */
    right:20px; /* left:50px; controls horizontal position */
    border-width:  48px 50px 0 0 ; /* border-width:20px 0 0 20px; vary these values to change the angle of the vertex */
    border-style:solid;
    border-color:#253849 transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}
.triangle-right-content:after {
    content:"";
    position:absolute;
    bottom:-49px; /* value = - border-top-width - border-bottom-width */
    right:50px; /* left:50px; controls horizontal position */
    border-width:  50px 50px 0 0 ; /* border-width:20px 0 0 20px; vary these values to change the angle of the vertex */
    border-style:solid;
    border-color:#009fde transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}
.triangle-right-myschool:after {
    content:"";
    position:absolute;
    bottom:-49px; /* value = - border-top-width - border-bottom-width */
    right:50px; /* left:50px; controls horizontal position */
    border-width:  50px 50px 0 0 ; /* border-width:20px 0 0 20px; vary these values to change the angle of the vertex */
    border-style:solid;
    border-color:#d9d9d9 transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}

.triangle-right-munic:after {
    content:"";
    position:absolute;
    bottom:-49px; /* value = - border-top-width - border-bottom-width */
    right:50px; /* left:50px; controls horizontal position */
    border-width:  50px 50px 0 0 ; /* border-width:20px 0 0 20px; vary these values to change the angle of the vertex */
    border-style:solid;
    border-color:#d9d9d9 transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}
/* Variant : top
------------------------------------------ */

.triangle-right.top:after {
    top:-20px; /* value = - border-top-width - border-bottom-width */
    right:50px; /* controls horizontal position */
    bottom:auto;
    left:auto;
    border-width:20px 20px 0 0; /* vary these values to change the angle of the vertex */
    border-color:transparent #075698;
}

/* Variant : left
------------------------------------------ */

.triangle-right.left:after {
    top:16px;
    left:-40px; /* value = - border-left-width - border-right-width */
    bottom:auto;
    border-width:15px 40px 0 0; /* vary these values to change the angle of the vertex */
    border-color:transparent #075698;
}

/* Variant : right
------------------------------------------ */

.triangle-right.right:after {
    top:16px;
    right:-40px; /* value = - border-left-width - border-right-width */
    bottom:auto;
    left:auto;
    border-width:15px 0 0 40px; /* vary these values to change the angle of the vertex */
    border-color:transparent #075698 ;
}


img.header-logo{
    background-color: transparent;
    width:450px ;
    position: absolute;
    height: 110px;
    top: 0px;
    left: 100px;
    border: transparent;
}

img.maintenance-logo{
    background-color: transparent;
    width:300px ;
    position: absolute;
    height: 390px;
    top: -60px;
    left: 750px;
    border: transparent;
}

/*Menu*/
#footermenu
{
    padding: 0;
    text-align: center;
    margin-right: 50px;
    margin-left: 50px;
    top: 10px;
}

#footermenu li
{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    color: #009fde;
    text-decoration: none;
    line-height: 6px;
}

#footermenu li a
{
    display: block;
    margin: 0 1px 0 0;
    padding: 4px 0px;
    background-color:transparent;
    color: #009fde;
    text-align: center;
    text-decoration: none
}

#footermenu li a:hover{
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    color: #009fde;
    text-decoration: none;
    line-height: 6px;
}

#footermenu div
{
    position: absolute;
    background-color:transparent;
    top: 150px;
    height: 50px;
    width: 1200px;
    left: 0px;
}

#footermenu div a
{ position: inherit;
  display: block;
  margin: 0;
  padding: 5px 10px;
  width: auto;
  white-space: nowrap;
  text-align: left;
  text-decoration: none;
  background-color:transparent;
  color: #009fde;
  font-family: 'Verdana', Geneva, sans-serif;
  /*font-family:'Varela Round', sans-serif;';*/
  font-size: 6px;
}

#footermenu div a:hover
{
    position: inherit;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    font-size: 6px;
    COLOR: #000000;
    text-decoration: none;

}

/*Menu*/
#headermenu
{
    padding: 0;
    /* z-index: 30;*/
    font-size: 13px;
    text-align: center;
    margin-right: 50px;
    margin-left: 50px;
    margin-bottom: 10px;
    margin-top: 10px;
}

#headermenu li
{margin: 0;
 padding: 0;
 list-style: none;
 float: left;
 font-family: 'Verdana', Geneva, sans-serif;
 /*font-family:'Varela Round', sans-serif;';*/
 color: #ffffff;
 text-decoration: none;
 line-height: 10px;

}

#headermenu li a
{	display: block;
  margin: 0 1px 0 0;
  padding: 4px 0px;
  background-color:transparent;
  color: #ffffff;
  text-align: center;
  text-decoration: none}

#headermenu li a:hover{
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    color: #ffffff;
    text-decoration: none;
    line-height: 6px;

}

#headermenu div
{ position: absolute;
  /*visibility: hidden;*/
  background-color:transparent;
  top: 100px;
  height: 50px;
  width: 1200px;
  left: 0px;
}

#headermenu div a
{ position: inherit;
  display: block;
  margin: 0;
  padding: 5px 10px;
  width: auto;
  white-space: nowrap;
  text-align: left;
  text-decoration: none;
  background-color:transparent;
  color: #ffffff;
  font-family: 'Verdana', Geneva, sans-serif;
  /*font-family:'Varela Round', sans-serif;';*/
  font-size: 12px;
  font-weight: 400;
}

#headermenu div a:hover
{
    position: inherit;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    font-size: 12px;
    font-weight: 400;
    COLOR: #000000;
    text-decoration: none;

}
div.footer-col1
{ position: absolute;
  /*visibility: hidden;*/
  background-color:transparent;
  top: 50px;
  height: 50px;
  width: 160px;
  left: 60px;
  text-align: left;
  font-size: 6px;
}
div.footer-col2
{ position: absolute;
  /*visibility: hidden;*/
  background-color:transparent;
  top: 50px;
  height: 50px;
  width: 160px;
  left: 220px;
  text-align: left;
  font-size: 6px;
}
div.footer-col3
{ position: absolute;
  /*visibility: hidden;*/
  background-color:transparent;
  top: 50px;
  height: 50px;
  width: 160px;
  left: 380px;
  text-align: left;
  font-size: 6px;
}

div.content-bubble{
    position: absolute;
    top: 20px;
    left: 100px;
    width: 700px;
    height: 110px;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    font-size: 30px;
    color: #ffffff;
    font-weight: 700;
    text-align: left;
}

div.myschool-bubble{
    position: absolute;
    top: 20px;
    left: 820px;
    width: 280px;
    height: 110px;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    font-size: 30px;
    color: #ffffff;
    font-weight: 700;
    text-align: left;
}

div.content-reg{
    position: relative;
    top: 220px;
    left: 350px;
    width: 750px;
    height: 400px;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    font-size: 30px;
    color: #000000;
    text-align: left;
}

div.content-terms{
    position: relative;
    top: 20px;
    left: 100px;
    width: 1000px;
    height: auto !important;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    font-size: 12px;
    color: #000000;
    text-align: left;
    min-height: 100%;
}

div.content-sms{
    position: relative;
    top: 220px;
    left: 350px;
    width: 750px;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    font-size: 30px;
    color: #000000;
    text-align: left;
    height: auto !important;
    min-height: 100%;
}
div.powder-munic{
    position: absolute;
    top: 140px;
    left: 100px;
    width: 250px;
    height: 570px;
    color: #000000;
    background-image: url(../images/man_municipality.png);
    background-position: center top;
    background-color: transparent;
    background-repeat: no-repeat;
}

div.powder-competition{
    position: absolute;
    top: 140px;
    left: 100px;
    width: 250px;
    height: 570px;
    color: #000000;
    background-image: url(../images/man_competitions.png);
    background-position: center top;
    background-color: transparent;
    background-repeat: no-repeat;
}

div.powder-reg{
    position: absolute;
    top: 140px;
    left: 100px;
    width: 250px;
    height: 570px;
    color: #000000;
    background-image: url(../images/man_signup.jpg);
    background-position: center top;
    background-color: transparent;
    background-repeat: no-repeat;
}

div.powder-about{
    position: absolute;
    top: 140px;
    left: 100px;
    width: 250px;
    height: 570px;
    color: #000000;
    background-image: url(../images/man_about.jpg);
    background-position: center top;
    background-color: transparent;
    background-repeat: no-repeat;
}

div.powder-myschool{
    position: absolute;
    top: 140px;
    left: 100px;
    width: 250px;
    height: 570px;
    color: #000000;
    background-image: url(../images/man_myschool.jpg);
    background-position: center top;
    background-color: transparent;
    background-repeat: no-repeat;
}

div.powder-help{
    position: absolute;
    top: 140px;
    left: 100px;
    width: 250px;
    height: 570px;
    color: #000000;
    background-image: url(../images/man_help.jpg);
    background-position: center top;
    background-color: transparent;
    background-repeat: no-repeat;
}

div.powder-sms{
    position: absolute;
    top: 140px;
    left: 100px;
    width: 250px;
    height: 570px;
    color: #000000;
    background-image: url(../images/man_smscommands.jpg);
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
}

div.powder-tips{
    position: absolute;
    top: 140px;
    left: 100px;
    width: 250px;
    height: 570px;
    color: #000000;
    background-image: url(../images/man_energysaving.jpg);
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
}

div.powder-test{
    position: absolute;
    top: 140px;
    left: 100px;
    width: 250px;
    height: 570px;
    color: #000000;
    background-image: url(../images/man_checkmeter.jpg);
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
}

div.powder-bank{
    position: absolute;
    top: 140px;
    left: 100px;
    width: 250px;
    height: 570px;
    color: #000000;
    background-image: url(../images/man_linkbankaccount.jpg);
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
}
div.powder-last{
    position: absolute;
    top: 140px;
    left: 100px;
    width: 250px;
    height: 570px;
    color: #000000;
    background-image: url(../images/man_checklastvoucher.jpg);
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
}
div.powder-contact{
    position: absolute;
    top: 140px;
    left: 100px;
    width: 250px;
    height: 570px;
    color: #000000;
    background-image: url(../images/man_contactus.jpg);
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
}
#regform {
    font-size: 12px;
    text-align: left;
    font-family: 'Verdana', Geneva, sans-serif;
    /*font-family:'Varela Round', sans-serif;';*/
    font-weight: 700;
}

#regform td {
    font-size: 14px;
    text-align: left;
    height: 36px;
}

#regform input {
    font-size: 11px;
    text-align: left;
    height: 18px;
    width: 145px;
    border-right-style: inset;
    border-left-style: inset;
    border-bottom-style: inset;
    border-top-style: inset;
    border-right-color: #999999;
    border-left-color: #999999;
    border-bottom-color: #999999;
    border-top-color: #999999;
}

#regform img {
    font-size: 13px;
    text-align: left;
    height: 28px;
    width: 145px;
    border-right-style: inset;
    border-left-style: inset;
    border-bottom-style: inset;
    border-top-style: inset;
    border-right-color: #999999;
    border-left-color: #999999;
    border-bottom-color: #999999;
    border-top-color: #999999;
    font-weight: 500;
    font-family: 'Verdana', Geneva, sans-serif;
}

#regform input.reg-submit{

    height: 36px;
    width: 145px;
    background-color: #009fde;
    background-image: url(../images/icon_submit.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    color: #ffffff;
    border-right-style: outset;
    border-left-style: outset;
    border-bottom-style: outset;
    border-top-style: outset;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-right-color: #009fde;
    border-left-color: #009fde;
    border-bottom-color: #009fde;
    border-top-color: #009fde;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
}

#regform input.reg-submit:hover{
    cursor: pointer;
}

#regform input.checkbox {
    font-size: 11px;
    text-align: left;
    height: 18px;
    width: 10px;
    vertical-align: middle;
}

input.myschool{
    font-size: 14px;
    text-align: left;
    height: 18px;
}

#regform label {
    font-size: 13px;
    text-align: left;
    height: 18px;
    vertical-align: middle;
}

#regform a {
    font-size: 13px;
    text-align: left;
    height: 18px;
    vertical-align: middle;
    color: #009fde;
}

input.button{
    height: 36px;
    width: 145px;
    background-color: #009fde;
    color: #ffffff;
    border-right-style: outset;
    border-left-style: outset;
    border-bottom-style: outset;
    border-top-style: outset;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-right-color: #009fde;
    border-left-color: #009fde;
    border-bottom-color: #009fde;
    border-top-color: #009fde;
    vertical-align: middle;
    text-align: center;
}

#quickstart{
    float: right;
    top: 0px;
    border: transparent;
}

#step{
    float: right;
    top: -10px;
    border: transparent;
}

#step_arrow{
    float: right;
    top: -40px;
    border: transparent;

}

a.arrow{
    color: #000000;
    vertical-align: middle;
    border: transparent;
}

input.bank-print{
    position: absolute;
    top: 450px;
    left: 300px;
    height: 30px;
    width: 100px;
    /*background-image: url(../images/button_banking_print_mseoff.png);*/
    background-repeat: no-repeat;
    background-color: #009fde;
    color: #ffffff;
    border-right-style: outset;
    border-left-style: outset;
    border-bottom-style: outset;
    border-top-style: outset;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-right-color: #009fde;
    border-left-color: #009fde;
    border-bottom-color: #009fde;
    border-top-color: #009fde;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;

}
input.bank-print:hover{
    /*background-image: url(../images/button_banking_print_mseover.png);*/
    cursor: pointer;
}

input.bank-email{
    position: absolute;
    top: 450px;
    left: 180px;
    height: 30px;
    width: 100px;
    /*background-image: url(../images/button_banking_emailme_mseoff.png);*/
    background-repeat: no-repeat;
    background-color: #009fde;
    color: #ffffff;
    border-right-style: outset;
    border-left-style: outset;
    border-bottom-style: outset;
    border-top-style: outset;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-right-color: #009fde;
    border-left-color: #009fde;
    border-bottom-color: #009fde;
    border-top-color: #009fde;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
}
input.bank-email:hover{
    cursor: pointer;
}

input.bank-sms{
    position: absolute;
    top: 450px;
    left: 420px;
    height: 30px;
    width: 100px;
    /*background-image: url(../images/button_banking_smsme_mseoff.png);*/
    background-repeat: no-repeat;
    background-color: #009fde;
    color: #ffffff;
    border-right-style: outset;
    border-left-style: outset;
    border-bottom-style: outset;
    border-top-style: outset;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-right-color: #009fde;
    border-left-color: #009fde;
    border-bottom-color: #009fde;
    border-top-color: #009fde;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
}
input.bank-sms:hover{

    cursor: pointer;
}

input.munic-email{
    height: 30px;
    width: 120px;
   /* background-image: url(../images/button_banking_emailme_mseoff.png);*/
     background-repeat: no-repeat;
    background-color: #009fde;
    color: #ffffff;
    border-right-style: outset;
    border-left-style: outset;
    border-bottom-style: outset;
    border-top-style: outset;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-right-color: #009fde;
    border-left-color: #009fde;
    border-bottom-color: #009fde;
    border-top-color: #009fde;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
}
input.munic-email:hover{

    cursor: pointer;
}


input.munic-print{
    height: 30px;
    width: 120px;
   /* background-image: url(../images/button_banking_print_mseoff.png);*/
 background-repeat: no-repeat;
    background-color: #009fde;
    color: #ffffff;
    border-right-style: outset;
    border-left-style: outset;
    border-bottom-style: outset;
    border-top-style: outset;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-right-color: #009fde;
    border-left-color: #009fde;
    border-bottom-color: #009fde;
    border-top-color: #009fde;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
}
input.munic-print:hover{

    cursor: pointer;
}

@media print{
    div.container_footer{visibility: hidden;}
    div.container_header{ visibility: hidden;}
    a.arrow{ visibility: hidden;}
    #step{ visibility: hidden;}
    #step_arrow{ visibility: hidden;}
    input.bank-email{ visibility: hidden;}
    input.bank-print{ visibility: hidden;}
    input.bank-sms{ visibility: hidden;}
}

a.content{
    color: #009fde;
}

a.municlist{
    color: #000000;
    cursor: pointer;
}
div.powder-sms-10{
    position: absolute;
    top: 140px;
    left: 100px;
    width: 250px;
    height: 570px;
    color: #000000;
    background-image: url(../images/man_smscommands_mseover-10.png);
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
}
div.powder-sms-9{
    position: absolute;
    top: 140px;
    left: 100px;
    width: 250px;
    height: 570px;
    color: #000000;
    background-image: url(../images/man_smscommands_mseover-9.png);
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
}
div.powder-sms-8{
    position: absolute;
    top: 140px;
    left: 100px;
    width: 250px;
    height: 570px;
    color: #000000;
    background-image: url(../images/man_smscommands_mseover-8.png);
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
}
div.powder-sms-7{
    position: absolute;
    top: 140px;
    left: 100px;
    width: 250px;
    height: 570px;
    color: #000000;
    background-image: url(../images/man_smscommands_mseover-7.png);
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
}
div.powder-sms-6{
    position: absolute;
    top: 140px;
    left: 100px;
    width: 250px;
    height: 570px;
    color: #000000;
    background-image: url(../images/man_smscommands_mseover-6.png);
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
}
div.powder-sms-5{
    position: absolute;
    top: 140px;
    left: 100px;
    width: 250px;
    height: 570px;
    color: #000000;
    background-image: url(../images/man_smscommands_mseover-5.png);
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
}
div.powder-sms-4{
    position: absolute;
    top: 140px;
    left: 100px;
    width: 250px;
    height: 570px;
    color: #000000;
    background-image: url(../images/man_smscommands_mseover-4.png);
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
}
div.powder-sms-3{
    position: absolute;
    top: 140px;
    left: 100px;
    width: 250px;
    height: 570px;
    color: #000000;
    background-image: url(../images/man_smscommands_mseover-3.png);
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
}
div.powder-sms-2{
    position: absolute;
    top: 140px;
    left: 100px;
    width: 250px;
    height: 570px;
    color: #000000;
    background-image: url(../images/man_smscommands_mseover-2.png);
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
}
div.powder-sms-1{
    position: absolute;
    top: 140px;
    left: 100px;
    width: 250px;
    height: 570px;
    color: #000000;
    background-image: url(../images/man_smscommands_mseover-1.png);
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
}