.modalWindow {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.2);
        z-index: 200;
        opacity:0;
        -webkit-transition: opacity 400ms ease-in;
        -moz-transition: opacity 400ms ease-in;
        transition: opacity 400ms ease-in;
        pointer-events: none;
    }
    .modalHeader h2 { 
        color: #189CDA; 
        text-align: center;        
        }
    .modalWindow:target {
        opacity:1;
        pointer-events: auto;
    }
    .modalWindow > div {
        width: 682px;
        position: relative;
        margin: 10% auto;
        background: #455a64;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        
    }

    .modalWindow .modalHeader  {    
        height: 40px;
        line-height: 40px;
        color: #ffffff;
        text-align: center;    
        
    }

    .modalWindow .modalTitle  {    
        padding: 20px;    
        border-bottom: 1px solid #f2f3f5;
        background: #fff;
        text-align: center;    
        }
    .modalWindow .modalContent {    
        padding: 20px;    
        background: #fff;
        text-align: center;        
        border-bottom: 1px solid #f2f3f5;    

    }
    .modalWindow .modalFooter  {    
        padding: 20px 20px 24px 20px;    
        text-align: center;        
        background: #fff;        
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;        
    }
    .modalFooter {
        text-align: center;
    }
    .ok, .close, .cancel {
        background: #606061;
        color: #FFFFFF;
        line-height: 25px;
        text-align: center;
        text-decoration: none;
    }
    .close {
        position: absolute;
        right: 5px;
        top: 5px;
        width: 22px;
        height: 22px;
        font-size: 10px;
         padding: 4px 4px 0px 0px;

    }
    .ok, .cancel {
        width:80px;
        float:right;
        margin-left:20px;
    }
    .ok:hover { background: #189CDA; }
    .close:hover, .cancel:hover {  }
    .clear { float:none; clear: both; }
 
.modalExtras > div
{
   width:640px; margin:auto auto;
   margin-top
}
#dialogItems
{
    margin:0px;
    padding:0px;
    color:#FFFFFF;
    list-style-type: none;    
}

#dialogItems a
{
    margin-left:13px;
    color:#7195A6;
    text-decoration:none;
}

#dialogItems ul
{
    margin:0px;
    padding:0px;
    color:#FFFFFF;
    padding-bottom:13px;
    list-style-type: none;
}

#dialogItems li
{
    margin:0px;
    text-align:left;
    line-height:60px;
    padding-left:8px;

}

#dialogItems li:first-child
{
    -webkit-border-top-left-radius:5px;
    -moz-border-top-left-radius:5px;
    border-top-left-radius:5px;
}

#dialogItems li:last-child
{
    -webkit-border-bottom-left-radius:5px;
    -moz-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px;
}


#dialogItems > li:nth-child(even){ background-color: #151B1F; }
#dialogItems > li:nth-child(odd) { background-color: #263238; }

#dialogItems > li > ul > li:nth-child(even){ background-color: #374952; }
#dialogItems > li > ul > li:nth-child(odd) { background-color: #485F6B; }

#dialogItems > li > ul > li > ul > li:nth-child(even){ background-color: #485F6B; }
#dialogItems > li > ul > li > ul > li:nth-child(odd) { background-color: #587482; }

#dialogItems > li > ul > li > ul > li > ul > li a { color:#FFFFFF; }
#dialogItems > li > ul > li > ul > li > ul > li:nth-child(even){ background-color: #597585; }
#dialogItems > li > ul > li > ul > li > ul > li:nth-child(odd) { background-color: #698B9E; }

#dialogItems > li > ul > li > ul > li > ul > li > ul > li:nth-child(even){ background-color: #698B9E; }
#dialogItems > li > ul > li > ul > li > ul > li > ul > li:nth-child(odd) { background-color: #79A0B5; }

#dialogItems > li > ul > li > ul > li > ul > li > ul > li > ul > li:nth-child(even){ background-color: #E8562D; }
#dialogItems > li > ul > li > ul > li > ul > li > ul > li > ul > li:nth-child(odd) { background-color: #FF5F32; }


.extras
{

    float:left; 
    border:1px solid #808080; line-height:22px; padding:5px; margin-right:5px; margin-bottom:5px;
    -webkit-border-Top-left-radius:10px; -webkit-border-Top-right-radius:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px;
    -moz-border-Top-left-radius:10px; -moz-border-Top-right-radius:10px; -moz-border-bottom-left-radius:10px; -moz-border-bottom-right-radius:10px;
    border-Top-left-radius:10px; border-Top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;
} 

.extras a { margin-right:10px; } 

.extras img { float:left; }


.signInForm input{
   font-family: "Gotham SSm A";    
   font-style: normal;
   font-weight: 500;
   font-size: 14px;
   width: 90%;
   line-height: 36px;
   padding-left: 10px;
   color: #7195a6;
   vertical-align: middle;
   background-color: #fafafa;
   border: 1px solid #7195a6;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
   box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
   -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
 .registerForm input[type="text"]{
   font-family: "Gotham SSm A";    
   font-style: normal;
   font-weight: 500;
   font-size: 14px;
   width: 90%;
   line-height: 36px;
   padding-left: 10px;
   color: #7195a6;
   vertical-align: middle;
   background-color: #fafafa;
   border: 1px solid #7195a6;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
   box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
   -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.registerForm label {
cursor: pointer;
 font-family: "Gotham SSm A", "Gotham SSm B";
 font-style: normal;
 font-weight: 400;
 font-size: 11px;
}

.registerForm input[type="checkbox"]{
   display: none;
}
.regsiterForm input[type="checkbox"]:checked + label:before {
 background: #fff;
 color: #666;
 content: "\2713";
 text-align: center;
}
.registerForm input[type="checkbox"] + label:before {
border: 1px solid #7195a6;
border-radius: 4px;
content: "\00a0";
display: inline-block;
font: 16px/1em sans-serif;
height: 16px;
margin: 0 .25em 0 0;
padding: 0;
vertical-align: top;
width: 16px;
}




 .usernameForm input{
   font-family: "Gotham SSm A";    
   font-style: normal;
   font-weight: 500;
   font-size: 14px;
   width: 90%;
   line-height: 36px;
   padding-left: 10px;
   color: #7195a6;
   vertical-align: middle;
   background-color: #fafafa;
   border: 1px solid #7195a6;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
   box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
   -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}