img.cap {
    float:left;
}
h2 {
    font-size:38px;
    line-height:42px;
    margin:40px 0 10px;
}
div.page-wrapper {
    border:1px solid #ccc;
    width:906px;
    clear:both;
    border-top:none;
    border-bottom:none;
    background:#fff;
    padding:28px 34px;
}
img.header {
    margin:0 0 1.5em;
}
div.page-navigation a {
    color:#a0a0a0;
}
div.page-navigation a.here {
    color:#000;
    text-decoration:none;
    font-weight:bold;
}
div.page-navigation li {
    padding:0 0 10px;
}
div.page-navigation {
    float:left;
    width:171px;
    margin-right:30px;
}
div.page-content {
    float:right;
    width:670px;
    padding-left:30px;
    border-left:1px solid #ccc;
}
div.page-content p {
    margin:0 0 1em;
    font-size:14px;
    line-height:1.4em;
    color:#444;
}
div.page-content p.intro {
    margin:0 0 1em;
    font-size:22px;
    line-height:1.4em;
    color:#000;
}
.letter-wrapper {
    width:100%;
    margin-top: 26px;  
    text-align: center;
}
.letter-head{
    width: 438px;    
    border: solid #c7c7c7 1px;
    height: 50px;
    cursor: pointer;
}
.letter-title{
    width: 312px;
    color: #437abd;
    font-weight: bold;
    font-size: 14px;
    padding-left: 28px;
}
.letter-ctrl{
    font-size: 10px;
    text-align: left;
    color: #646464;
}
.letter-arr{
    width: 9px;
    height: 8px;
    background: url(/img/arrows_ud.png) no-repeat;
    background-position: 0px -8px;
}

.ui-connect-gp-button
{
    width:40%;
    display:inline-block;
    vertical-align:top;
    text-align:center;
    float:right;
    margin-top:80px;
}


.g-button
{
    display: inline-block;
    min-width: 46px;
    text-align: center;
    color: #444;
    font-size: 11px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    height: 27px;
    padding: 0 8px;
    line-height: 27px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -ms-transition: all 0.218s;
    -o-transition: all 0.218s;
    transition: all 0.218s;
    border: 1px solid #dcdcdc;
    border: 1px solid rgba(0,0,0,0.1);
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default;
}
    
.g-button:hover
{
    border: 1px solid #c6c6c6;
    color: #333;
    text-decoration: none;
    -webkit-transition: all 0.0s;
    -moz-transition: all 0.0s;
    -ms-transition: all 0.0s;
    -o-transition: all 0.0s;
    transition: all 0.0s;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
    
.g-button:active
{
    background-color: #f6f6f6;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1);
    background-image: -moz-linear-gradient(top,#f6f6f6,#f1f1f1);
    background-image: -ms-linear-gradient(top,#f6f6f6,#f1f1f1);
    background-image: -o-linear-gradient(top,#f6f6f6,#f1f1f1);
    background-image: linear-gradient(top,#f6f6f6,#f1f1f1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
    

.g-button-submit
{
    border: 1px solid #3079ed;
    color: #fff;
    text-shadow: 0 1px rgba(0,0,0,0.1);
    background-color: #4d90fe;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
    background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
    background-image: linear-gradient(top,#4d90fe,#4787ed);
}

.g-button-submit:hover
{
    border: 1px solid #2f5bb7;
    color: #fff;
    text-shadow: 0 1px rgba(0,0,0,0.3);
    background-color: #357ae8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
    background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
    background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
    background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
    background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
    background-image: linear-gradient(top,#4d90fe,#357ae8);
}

.g-button-submit:active
{
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}

a.ui-fb-login-button
{
    background: url(https://s-static.ak.fbcdn.net/images/connect_sprite.png) no-repeat scroll left -188px #29447E;
    display: inline-block;
    line-height: 14px;
    outline: medium none;
    padding: 0 0 0 1px;
}

a.ui-fb-login-button span
{
    background: url(https://s-static.ak.fbcdn.net/images/connect_sprite.png) repeat scroll 0 0 #5F78AB;
    border-bottom: 1px solid #1A356E;
    border-top: 1px solid #879AC0;
    color: white;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin: 1px 1px 0 21px;
    padding: 2px 6px 3px;
}

input.ui-register-input
{
    width: 250px;
}

select.ui-register-input, select#UserCountry
{
    width: 256px;
}
