﻿body {
    font-family: 'Segoe UI', 'Century Gothic', Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
}

.center {
    margin-left: -200px;
    margin-top: -150px;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 300px;
    width: 400px;
}

.termsCenter {
    width: 1000px;
    height: 720px;
    margin-left: 0px;
    margin-top: 0px;
    top: 10%;
    left: 15%;
}

.secCenter {
       margin-left: -300px;
    margin-top: -200px;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 400px;
    width: 600px;
}

.item {
    text-align: center;
    margin: 5px;
}

.container {
     border: solid 1.0pt #E8E8E8;
    margin: 5px;
}

.termsContainer {
    overflow-y: auto;
    height: 600px;
}

.termsDetail {
    height: 590px;
}

    .container #Password,#Email,#NewPassword,#ConfirmPassword {
        width: 100%;
    }

.label {
    width: 100px;
    text-align: right;
    margin-right: 5px;
}

.changeLabel {
    width : 175px;
    text-align: right;
    margin-right: 5px;
}

.secLabel {
    width: 70px;
}

.input {
    width: 260px;
    text-align: left;
}

.changeInput {
    width: 185px;
    text-align: left;
}

.secInput {
    width: 520px;
    text-align: left;
}

    .secInput select {
        width: 95%;
    }

    .secInput input[type="text"] {
        width: 95%;
    }

    .secInputButton {
        margin-right: 10px;
    }

.buttonContainer {
    width: 254px;
    text-align: right;
}

.secButtonContainer {
    width: 494px;
    text-align: right;
}

.right {
    text-align: right;
}

    .input a {
        font-size: 10pt;
        margin-right: 20px;
    }   

h2 {
    box-shadow: inset 0px 0px 1px #edf9ff;
    -moz-box-shadow: inset 0px 0px 1px #edf9ff;
    -webkit-box-shadow: inset 0px 0px 1px #edf9ff;
    
   color: #686868;
        text-align: center;
        font-size : 16px;
        line-height: 30px;
    margin-top: 0px;
    font-weight: normal;
    
}

.gradient {
   background-color:#009DE0;
   color: white;
}

.horizontalBoxes {
    float: right;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

.floatClear {
    clear: both;
}

.logo {
    text-align: right;
    font-size: 14px;
    height: 70px;
    margin-top: 15px;
    display: table;
    vertical-align: top;
}

    .logo div {
        vertical-align: top;
    }

.logo img {
    width: 390px;
    margin-bottom: 10px;
}

.button {
    text-align: right;
    margin-right: 100px;
}

.rightSlogan {
    text-align: right;
    width: 125px;
    display: table-cell;
}

.headerDiv {
    width: 33%;
    display: table-cell;
}

.error {
    color: red;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.displayTable {
    display: inline-table;
    width: 100%;
}

    .displayTable div {
        display: table-cell;
        padding-right: 5px;
        margin: 0px;
    }

    .termsHeader {
        text-align: left;
        font-weight: bold;
        margin-top: 10px;
    }

    .prohibitedActivities {
        margin-left: 10px;
    }

    .termsLogo {
        text-align: center;
    }
