﻿input, select {
    width:300px;
    padding:5px;
    border:2px solid #ebe8e8;
    border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	-opera-border-radius:5px 5px 5px 5px;
	-khtml-border-radius:5px 5px 5px 5px;
}
select {
    width:auto;
    margin-right:10px;
}
.RegisterWrapper {
    padding:20px;
    border:2px solid #ebe8e8;
    margin:60px 290px 120px 230px;
}
.AgreementButton, .RegisterIDCheck {
    text-align:center;
}
    .AgreementButton a, .RegisterIDCheck, .ChangePasswordButton, .FindButton {
        display:inline-block;
        padding:5px 0;
        width:180px;
        background-color:#ebe8e8;
    }
.RegisterIDCheck {
    width:100px;
    cursor:pointer;
}
.ChangePasswordButton, .FindButton {
    width:auto;
    padding:5px 10px;
    cursor:pointer;
}
.rect {
    display:inline-block;
    border-top:5px solid #4382CF;
    border-bottom:10px solid #22466f;
    border-left-width:0px;
    border-right-width:0px;
    margin-right:5px;
    margin-top:3px;
    width:10px;
}
.arrow {
    display:inline-block;
    border-left:5px solid #4382CF;
    border-top:5px solid #ffffff;
    border-bottom:5px solid #ffffff;
    position:relative;
    margin-right:5px;
}
.square {
    display:inline-block;
    width:10px;
    height:10px;
    margin-right:5px;
    background-color:#4382CF;
    border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	-opera-border-radius:4px 4px 4px 4px;
	-khtml-border-radius:4px 4px 4px 4px;
}
.Header {
    font-weight:bold;
    font-size:20px;
}
.HeaderDesc {
    border-bottom:2px solid #ebe8e8;
    line-height:20px;
    margin-bottom:10px;
    padding:10px 0px;
}
    .HeaderDesc span {
        color:red;
    }
.GroupHeader {
    padding:10px 0px;
    clear:left;
}
.RegisterList {
    border-bottom:2px solid #ebe8e8;
    padding-bottom:10px;
    margin-bottom:10px;
}
.RegisterTitle {
    float:left;
    width:100px;
    clear:left;
    padding-top:10px;
    padding-left:15px;
}
.RegisterContent {
}
.ClubMasterRegisterContent {
    float:left;
    padding:5px 0px;
    position:relative;
    width:655px;
}
.RegisterContent{
    float:left;
    padding:5px 0px;
    position:relative;
    width:540px;
}


#IDCheckContainer, #CityErrorContainer {
    background-color: white;
    border: 2px solid silver;
    height: 20px;
    left: 265px;
    position: absolute;
    text-align: center;
    top: -42px;
    width: 200px;
    padding: 5px;
    display:none;
}
#CityErrorContainer {
    left: -50px;
    top: -53px;
}
    #CityErrorContainer .CheckMessage {
        color:red;
    }
    #IDCheckContainer:before, #CityErrorContainer:before {
		content: '';
		position: absolute;
		top: 32px;
		left:90px;
		border-top: 7px solid silver;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
	}
	#IDCheckContainer:after, #CityErrorContainer:after {
		content: '';
		position: absolute;
		top: 30px;
		left: 90px;
		border-top: 7px solid #FFFFFF;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
	}
    @-moz-document url-prefix() {
	    #IDCheckContainer:before {
		    top:31px;
	    }
    }
#closeButton {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 191px;
    background-color: silver;
    color: white;
    border-radius: 0px 10px 0px 5px; 
    -moz-border-radius: 0px 10px 0px 5px; 
    -webkit-border-radius: 0px 10px 0px 5px;
    cursor:pointer;
}
.OKColor {
    color:green !important;
}
.NotOKColor {
    color:red !important;
}
.RegisterContent ul {
    list-style-type:none;
}
    .RegisterContent ul li {
        float:left;
        padding:5px;
    }
        .RegisterContent ul li input[type=radio] {
            width:auto;
            border:0;
        }
.subContent {
    position:relative;
}
    .subContent input[type=text] {
        margin-right:10px;
        margin-top: 10px;
    }
.subTitle2 {
    margin-right:20px;
}
.ClubMasterErrorContainer {
    left: 455px;
}
.ErrorContainer {
    left: 320px;
}
.ErrorContainer, .ClubMasterErrorContainer {
    background-color: white;
    border: 2px solid silver;
    height: 20px;
    position: absolute;
    text-align: center;
    top: 2px;
    padding: 5px;
    color:red;
    display:none;
}
    .ErrorContainer:before, .ClubMasterErrorContainer:before {
		content: '';
        position: absolute;
        top: 11px;
        left: -8px;
        border-right: 7px solid silver;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
	}
	.ErrorContainer:after, .ClubMasterErrorContainer:after {
		content: '';
        position: absolute;
        top: 11px;
        left: -5px;
        border-right: 7px solid white;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
	}
    @-moz-document url-prefix() {
	    .ErrorContainer:after, .ClubMasterErrorContainer:after {
		    left: -7px;
	    },
    }
.UserIDContainer {
    padding-top:3px;
    display:inline-block;
}
.EmailMessage {
    color:red;
}
    .EmailMessage span {
        color:#333333;
        font-weight:bold;
    }
#IDContainer {
    height: 0px;
    overflow:hidden;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.IDContainer {
    height:110px !important;
}