@charset "utf-8";
/* CSS Document */

/*REGISTER PAGE*/
.addon_member .addon_member_form {
    width:720px;
    height:auto;
    background:url(../../../images_circlecamp/circlecamp/member/form_bg.png) bottom repeat-x #FFF;
    padding:10px 10px 20px;
    border:1px solid #ccc;
    margin:10px auto;
    font-family:Georgia;
    font-size:1.3em;

    -webkit-box-shadow:0px 0px 5px #ccc;
    -moz-box-shadow:0px 0px 5px #ccc;
    -ms-box-shadow:0px 0px 5px #ccc;
}
.addon_member .addon_member_form>form div.row {
    padding:10px 5px;
    overflow:hidden;
}
.addon_member .addon_member_form>form div.row>div {
    float:left;
    padding:0 5px;
}
.addon_member .addon_member_form>form div.row>div:first-child {
    width:190px;
    text-align:right;
    color:#ff8a00;
}
.addon_member .addon_member_form>form div.row>div:first-child+div {
    width:500px;
    text-align: left;
}
.addon_member .addon_member_form input.input {
    font-size:1.2em;
    width:420px;
    padding:3px;
    font-family:Georgia;
    border:none;
    border-bottom:1px solid #ccc;
    background:#eeeeee;
    color:#666;
    text-shadow:1px 1px 1px #FFF;
}
.addon_member .addon_member_form input.input:focus {
    color:#ff8a00;
}
.addon_member .addon_member_form .smalltext {
    color:#999;
    font-style:italic;
    text-align: left;
}
.addon_member_form input[type="submit"] {
    display:block;
    background:url(../../../images_circlecamp/circlecamp/member/button_bg.png) top;
    padding:7px 15px;
    font-size:1.3em;
    float:left;
    font-family:Georgia;
    text-shadow:1px 1px 1px #FFF;
    border:1px solid #76a900;
    margin-right:10px;
    cursor:pointer;
    text-align: center;
    color:#414343;
    width:128px;
}
.addon_member .addon_member_form input[type="submit"]:hover {
    border:1px solid #000;
}

.addon_member .addon_member_form div.header {
    font-size:24px;
    margin-bottom:10px;
    background:none;
    color:black;
}

.addon_member .addon_member_form input.browseBT {
    font-size:1.1em;
    padding:5px;
    height:30px;
    font-family:Georgia;
    border:none;
    margin-left:5px;
    background:#ccc;
    color:#666;
    text-shadow:1px 1px 1px #FFF;
}
.addon_member .addon_member_form .browse {
    float:left;
    margin:20px;
}

.addon_member .addon_member_form .browse .input {
    width:296px;
}

.addon_member .addon_member_form .avatar {
    width:100px;
    height:100px;
    background:url(../../../images_circlecamp/circlecamp/member/avatar_bg.png);
    border:2px solid #eeeeee;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.addon_member .addon_member_form .avatar:hover{
    border:2px solid orange;
}
.addon_member .addon_member_form .avatar div{
    width:100px;
    overflow:hidden;
    position:relative;
}
.addon_member .addon_member_form .avatar .avatar_image{
    max-width: 100px;
    max-height: 100px;
}
.addon_member .addon_member_form .avatar .loading_avatar_image{
    position:absolute; 
    top:34px;
    left:34px;
    max-width: 100px;
    max-height: 100px;
}

.addon_member .addon_member_form .select {
    height: 32px;
    width: 425px;
    font-size:16px;
    font-weight: 600;
/*    font-family: Georgia;*/
    padding:5px 5px 5px 0px;
    margin:0px;
    background:#EEE;
    color:#666;
    border : none;
    border-bottom: 1px solid #CCC;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow: 0px 0px 3px #CCC;
}

.addon_member .addon_member_form .error,.addon_member .addon_member_form .warning,.addon_member .addon_member_form .success{
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
    padding: 12px;
    border-radius: 4px;
    -moz-border-radius:4px 4px 4px 4px;
    text-align: left;
    overflow: hidden; 
}
.addon_member .addon_member_form .error{
    background: #FEF1EC;
    border: 1px solid #CD0A0A;
    color: #CD0A0A;
}
.addon_member .addon_member_form .warning{
    background: #FEFFC8;
    border: 1px solid #BCBE00;
    color: #957C06;
}
.addon_member .addon_member_form .success{
    background: #DEF6A1;
    border: 1px solid green;
    color: #207100;
}

/*LOGIN BLOCK*/
.addon_login { width:100%; background:#333; color:#FFF; display:none;}
.addon_login>div { width:960px; padding:0 5px; overflow:hidden; margin:auto; }
.addon_login>div>form>div { float:left; padding:5px 7px 5px 0; font-size:12px; line-height:26px; font-weight:700;}
.addon_login>div>form>div.beforelogin { font-weight:700; background:url(../images/login_icon.png) left center no-repeat; padding-left:20px;}
.addon_login input[type="submit"] { cursor:pointer;}
.addon_login input[type="submit"]:hover { background:#777; color:#FFF;}
.addon_login input { border:1px solid #777; background:#666; color:#fff; }
.addon_login a { color:#ccc; text-decoration:none; }
.addon_login a:hover { text-decoration:underline;}
.addon_login .addon_login_form .avatar {
    width:30px;
    height:30px;    
    text-align: center;
    vertical-align: middle;
    border: 1px solid #EEE;
    margin-left: 5px;
    background:url(../../../images_circlecamp/circlecamp/member/avatar_bg.png);
}
.addon_login .addon_login_form .avatar div{
    width:30px;
    overflow:hidden;
    position:relative;
    background: #666;
    float:left;
}
.addon_login .addon_login_form .avatar .avatar_image{
    max-width: 30px;
    max-height: 30px;
}
.addon_login .addon_login_form .error{
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
    padding: 12px;
    border-radius: 4px;
    -moz-border-radius:4px 4px 4px 4px;
    text-align: left;
    overflow: hidden;
    background: #FEF1EC;
    border: 1px solid #CD0A0A;
    color: #CD0A0A;
}