/* Tags */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    color: #FFFFFF;
/*    background-color: #43865D; */
/*    background-color: #13865D; */ /* green */
    line-height: 120%;
}
h1 {
    font-size: x-large;
    font-weight: bold;
}
h2 {
    font-size: large;
    font-weight: bold;
}
img {
    border: 0;
}
a:link {
/*    color: #61EC1D; */
    color: #DFE2FF; /* bluish white */
/*    text-decoration: underline; */
    text-decoration: none;
}
a:visited {
    color: #61EC1D;
/*    text-decoration: underline; */
    text-decoration: none;
}
a:hover {
/*    color: #99FD39; */
    color: #FF0000;
    text-decoration: underline;
}
a:active {
/*    color: #61EC1D; */
    color: #ACDCE5;
/*    text-decoration: underline; */
    text-decoration: none;
}

th {
    text-align: left;
}
input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    width: 150px;
    margin-bottom: 10px;
    display: inline; 
/*    display: block; */
}
select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
/*    width: 220px; */
    width: 160px;
    margin-bottom: 10px;
/*    display: inline; */
    display: block;
}
label {
    font-size: 90%;
/*        width: 150px; */
        width: 100px; 
    display: block;
}

/* Main divs */
#container {
/*    background-color: #43865D; */
/*    background-color: #13865D; */
/*    background-color: #15497D; */ /* blue */
}
#logo, #horse, #words, #leftnav, #menublock {
    display: none;
}
#tipsheader {       
    width: 210px;
    /*  height: 22px;   */
    height: 40px;
    padding: 5px;
    overflow: hidden;
    background-color: #FFFFFF; /* white*/
    text-align: center;
    font-weight: bold;
/*    color: #FFFF00; */
    color: #15497D; /* blue */
    margin-left: auto;
    margin-right: auto;
}
#tipsx {
    width: 220px;
    height: 250px;
    padding-top: 5px;
    padding-bottom: 5px;
    overflow: hidden;
/*    background-color: #000000; */
    background-color: #FFFFFF; /* white*/
    color: #15497D; /* blue */
    margin-left: auto;
    margin-right: auto;
}
#textboxx {
    position: relative;
    height: 400px;
    top: 200px;
    padding: 5px;
}
#textboxx a {
    text-decoration: none;
    font-weight: bold;
    color:#FFFF00; /* yellow */
    color: #15497D; /* blue */
    font-size: 100%;
    line-height: 115%;
    cursor: pointer;
}
#header-mobile {
    display: block;
/*    background-color: #23663D; */
/*    background-color: #13663D; */
    background-color: #15497D; /* blue */ 
    height: 66px;
    margin-bottom: 10px;
    border-radius: 8px;
}
#companyname {
    float: left;
    font-weight: bold;
    font-size: 180%;
    margin-left: 10px;
    margin-top: 5px;
    color: #EEE;
    line-height: 105%;
}
#navicon {
    float: right;
    margin-right: 10px;
    margin-top: 20px;
}
#menu {
    display: none;
}
#menu ul {
    list-style: none;
    margin: 10px;
    padding: 0;
}
#menu ul li a {
/*    background-color: #F7CC00;*/ /* For old browsers */
/*    background-color: #E7CC00;*/ /* For old browsers */
    background-color: #DFE2FF; /* For old browsers */
/*    background: -webkit-linear-gradient(#FDEC00, #F7BC00);*/ /* For Safari 5.1 to 6.0 */
    background: -webkit-linear-gradient(#DFE2FF, #959FFF); /* For Safari 5.1 to 6.0 */
/*    background: -o-linear-gradient(#FDEC00, #F7BC00);*/ /* For Opera 11.1 to 12.0 */
    background: -o-linear-gradient(#DFE2FF, #959FFF); /* For Opera 11.1 to 12.0 */
/*    background: -moz-linear-gradient(#FDEC00, #F7BC00);*/ /* For Firefox 3.6 to 15 */
    background: -moz-linear-gradient(#DFE2FF, #959FFF); /* For Firefox 3.6 to 15 */
/*    background: linear-gradient(#FDEC00, #F7BC00);*/ /* Standard syntax */
    background: linear-gradient(#DFE2FF, #959FFF); /* Standard syntax */
    border: 1px solid #43865D;
    color: #000;
    display: block;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: -1px;
    padding: 10px 8px;
    text-decoration: none;
}
#menu ul li:first-child a {
    /*border-top-left-radius: 8px;
    border-top-right-radius: 8px;*/
}
#menu ul li:last-child a {
    /*border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;*/
}
#invitationx {
    text-align: center;
}
#footer {
    text-align: center;
}


/* Classes */

.biogphoto {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.msg_ok {
    font-weight: bold;
    color: #000000;
    padding: 6px 6px 6px 30px;
    background-color: #61EC1D;
    background-image: url(../assets/images/manager/okbg.gif);
    background-repeat: no-repeat;
    background-position: left center;
}
.msg_warning {
    font-weight: bold;
    color: #000000;
    padding: 6px 6px 6px 30px;
    background-color: #FFFFE0;
    background-image: url(../assets/images/manager/warningbg.gif);
    background-repeat: no-repeat;
    background-position: left center;
}
.msg_critical {
    font-weight: bold;
    color: #000000;
    padding: 6px 6px 6px 30px;
    background-color: #FFD0D0;
    background-image: url(../assets/images/manager/criticalbg.gif);
    background-repeat: no-repeat;
    background-position: left center;
}
.list {
    margin-top: 10px;
    border: 1px solid #2A7145;
}
.lightgreen {
    background-color: #509169;
}
.green {
    background-color: #2A7145;
}
.right {
    text-align: right;
}
.list td,th {
    font-size: 90%;
}
.smallformtext {
    font-size: 70%;
}
.mediumformtext {
    font-size: 90%;
}
.formquestion {
    font-size: 90%;
    padding: 0px;
}
.centredtext {
    text-align: center;
}
.greenbox {
    background-color: #60A179;
    border: 1px solid #2A7145;
    width: 100%;
    padding: 10px;
}
.boldyellowtext {
    font-weight: bold;
    color: #FFFF66;
}
.boldredtext {
    font-weight: bold;
    color: #FF0000;
}
.subtitle {
    font-size: 60%;
    font-weight: normal;
}
.texttable {
    width: 300px;
}
.formbutton {
    width: auto;
}
.formcheckbox {
    width: auto;
}
.formwrapper {
    width: 500px;
}
.formnote {
    font-size: 100%;
}
.formradiobutton {
    width: auto;
}


/* Tooltips */

.tooltip, .tooltip-cvv2 {
    display: inline;
}
.tooltip a span, .tooltip-cvv2 a span {
    display: none; 
} 
.tooltip a:hover, .tooltip-cvv2 a:hover {
    background-color: #FFFFFF;
}
/* The above hover change defeats the
  IE/Win display changing bug */
.tooltip a, .tooltip-cvv2 a {
    position: relative;
    cursor: help;
} 
.tooltip a:hover span {
    position: absolute; 
    top: 40px;
    left: -250px; 
    display: block; 
    display: inline;
    background: #FFFFDD;
    color: #333333;
    text-decoration: none;
    z-index: 30;
    font-size: 90%;
    padding: 2px;
    border: 1px solid #CCCCCC;
    width: 250px; 
/*    width: 100px; */
} 
.tooltip-cvv2 a:hover span {
    position: absolute; 
    top: 40px;
    left: -50px; 
    display: block; 
/*    display: inline; */
    background: #FFFFDD;
    color: #333333;
    text-decoration: none;
    z-index: 30;
    font-size: 90%;
    padding: 2px;
    border: 1px solid #CCCCCC;
    width: 250px; 
/*    width: 150px; */
} 

@media only screen and (min-width: 750px) {     
        /* Style adjustments for desktop viewports */

        /* Tags */
        body {
            background-color: #15497D;
        }

        input {
            margin-bottom: 10px;
            font-size: 95%;
            width: 150px;
        }

        label {
            text-align: right;
            display: inline;
            float: left;
            width: 150px;
            padding-right: 10px;
            font-size: 90%;
        }

        /* Main divs */
        #container {
            padding: 0px;
            width: 898px;
            /*        margin-left: -415px; */
            margin-left: -449px;
            position: absolute;
            left: 50%;
            top: 0px;
            /*        background-repeat: repeat;
        background-position: left top;
        z-index: 2; */
            /*        background-image: url(../assets/images/design/bg.jpg);*/
            /*        background-color: #15497D; */ /* blue */
        }

        #text {
            /*        padding: 365px 0px 0px; */
            padding: 110px 25px 0px 25px;
            width: 660px;
            /*        margin-left: 160px; */
            margin-left: 200px;
            position: relative;
            /*        top: 200px; */
            /*        text-align: center; */
        }

        #logo {
            display: inline;
            float: left;
            padding: 0px;
            margin-left: -449px;
            /*        margin-left: -400px; */
            left: -400px;
            position: absolute;
            z-index: 2;
            left: 50%;
            top: 0px;
        }

        #horse {
            display: inline;
            float: right;
            padding: 0px;
            margin-left: -14px;
            z-index: 0;
            position: absolute;
            left: 50%;
            top: 0px;
        }

        #words {
            display: block;
            padding: 0px;
            margin-left: 137px;
            position: absolute;
            left: 50%;
            top: 238px;
            z-index: 3;
        }

        #leftnav {
            display: block;
            position: absolute;
            background: #15497D;
            /*        top: 368px; */
            top: 200px;
        }

        #invitationx {
            text-align: inherit;
            position: absolute;
            width: 134px;
            padding: 0px;
            /*        margin-left: -450px; */
            /*        margin-left: -30px; */
            /*        left: 50%; */
            /*        top: 750px; */
            top: 500px;
        }

        #footer {
            font-size: 75%;
        }

        #acceptbox {
            /*        background-color: #60A179; */
            background-color: #15497D;
            border: 1px solid #2A7145;
            width: 100%;
            padding: 10px;
        }

        #menublock {
            position: absolute;
            top: 130px;
            display: block; 
        }

        #tipsheader {
            position: absolute;
            /*        left: 50%; */
            /*        left: 60%; */
            /*        margin-left: 240px; */
            margin-left: -221px;
            /*        top: 480px; */
            top: 480px;
            width: 163px;
            /*        width: 790px; */
            /*          height: 22px; */
            height: 55px;
            padding: 5px;
        }

        #tipsx {
            position: absolute;
            /*        left: 50%; */
            /*        left: 60%; */
            /*        margin-left: 240px; */
            margin-left: -221px;
            /*        top: 512px; */
            /*        top: 232px; */
            /*top: 512px; */
            top: 545px;
            width: 163px;
            /*        width: 790px; */
            height: 200px;
            /*        height: 50px; */
            padding: 5px;
        }

        #textboxx {
            position: relative;
            height: 500px;
            top: 200px;
            padding: 5px;
        }

            #textboxx a {
                font-size: 90%;
                line-height: 115%;
            }

        #slideshow {
            position: relative;
            left: 0px;
            height: 139px;
        }

            #slideshow img {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 8;
                opacity: 0.0;
            }

                #slideshow img.active {
                    z-index: 10;
                    opacity: 1.0;
                }

                #slideshow img.last-active {
                    z-index: 9;
                }

        #header-mobile, #menu {
            display: none;
        }

        /* Classes */

        .texttable {
            width: 100%;
        }

        .tooltip a:hover span, .tooltip-cvv2 a:hover span {
            position: absolute;
            top: -10px;
            left: 30px;
            display: block;
            /*    display: inline; */
            background: #FFFFDD;
            color: #333333;
            text-decoration: none;
            z-index: 30;
            font-size: x-small;
            padding: 2px;
            border: 1px solid #CCCCCC;
            width: 200px;
        }

        .formquestion {
            font-size: 90%;
            padding: 0px;
            margin-left: 160px;
        }

        .formcheckbox {
            width: auto;
            margin-left: 160px;
        }

        .formwrapper {
            margin-left: auto;
            margin-right: auto;
        }

        .formnote {
            font-size: 80%;
            margin-left: auto;
            margin-right: auto;
            /*        text-align: center; */
            /*        width: 80%; */
        }
    }