body {
    margin:0;
    font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size:14px;
    line-height:21.875px;
    color:#333;
    background-color:white;
}

a,
a:hover,
a:visited,
a:active
{
    text-decoration:none;    
}

.page {
    max-width:100%;
    width:100%;
    margin:0;
    padding:0;
}

.banner, .page-tabs, .c-wrapper {
    width: 940px;
    margin: auto;
    height: 550px;
}

.banner {
    border:none;
    background-color:white;
    margin:30px auto;
    height:74px;
}

.banner-title{
    padding:20px 0px;
    float:left;
}

.page-tabs {
    margin-bottom:10px;
    background-color:#00a9cc;    
    height:40px;
    border:0;
    border-radius:5px;
}

.page-tabs ul{
    padding:0 0 0 5px;
}
.page-tabs li
{
    float:left;    
    color:white;
    list-style: none;
    height:40px;
}
.page-tabs li a
{
    color:white;
    padding:0 16px;
    line-height:40px;
    font-weight:bold;
    font-family:Open sans, arial, sans-serif;
    display:block;
    text-shadow:0px 1px 0px rgba(0,0,0,0.25);
}
.page-tabs li a:hover
{
    background-color:#005695;
}

.home_icon {
    background:url('../images/clouddialogs/home_icon.png') center center no-repeat;
    width:16px;
    height:40px;
    display:block;
}


.content-form {
    border-radius: 5px;
    margin-bottom:10px;
    background-color:white;
    border:none;
    padding:70px 0;
}

.content-form h2
{
    font-family:Open sans, arial, sans-serif;
    font-weight:300;
    font-size:28px;
    margin:0;
    line-height:35px;
}

.content-form p
{
    margin:0 0 10px;
}

.content-form label
{
    display:block;
    float:left;
    line-height:30px;
    width:120px;
}

#login-container{
    margin: 0px auto;
    
}

.login-form{
    margin:50px auto 50px auto;
    width:700px;
    color:#555555;
    font-family:Open sans, arial, sans-serif;
    font-size:13px;
}

input, input.special, input[type="password"]
{
    border: 1px solid #8c8c8c;
    border-radius:6px;
    font-size:16px;
    padding:6px 10px;  
    
}

input[type="text"],input[type=password]
{ 
    box-shadow:inset 0 1px 2px #ccc;
    width:275px;
}

.glow {
    box-shadow: 0 0 5px rgba(255, 0, 0, 2) !important;
    border:1px solid rgba(255,0,0,2) !important;
}

.control-group {
    margin-bottom:15px;
    width:450px;
    height:30px;
}

#imageSpinner {
    display:none;
    float:right;
}

.input-submit
{
    float:right;
    background-color:#777;
    color:white;
    margin-right:20px;
}

.btn-microsoft {
    float: right;
}

.footer {
    border:1px solid #666;
    width:auto;
    height:auto;
    background-color:#222425;    
    font-family:Open sans, arial, sans-serif;
    border-radius:0 0 5px 5px;
    color:#748188;
}

.footer-top
{
    background-color:#2d3032;
    font-size:13px;
    border-bottom:1px solid #373737;
}

.footer-links {  
    width:940px;
    margin:0 auto;   
    padding-bottom:20px;
}

.footer-links h3{
    color:#d1d6d9;
    font-size:15px;
    line-height:21px;
    margin-bottom:14px;
    font-weight:normal;
}
.footer-links ul
{
    padding-left:5px;
}
.footer-links li
{
    list-style:none;
    background:url('../images/clouddialogs/arrow_footer_list.png') -8px 2px no-repeat;
    padding-left:15px;
}
.footer-links li a
{
    font-size:12px;    
    color:#949ea3;
}

.footer-links li a:hover
{
    color:#0ad1e5;
}
.contact-info, .service-terms
{
    width:220px;
    float:left;
    margin:0 10px;
}
.contact-info{
    line-height:25px;
}
.clear{
    clear:both;
}
.footer-copy {
    padding:10px 20px;
    width:940px;
    margin:auto;
    font-size:11px;
    color:#748188;
}

@media (max-width: 376px) {
    .control-group {
        margin-bottom: 15px;
        width: 320px;
        height: 30px;
    }
    .banner-title {
        padding: 20px 0px;
        margin-left: 10px;
        float: left;
    }
}