/**************************************************
| registration page                                     |
|=================================================|
| panel 1        | panel 2                        |
|                |                                |
|                |                                |
**************************************************/

/* - panel 1 - */	
div.panel-1 {
/*
    background:#966;
*/
    width: 250px;
    text-align: center;

    position: relative;
    overflow: hidden;
}

/* - panel 2 - */
div.panel-2 {
    width: 750px;
    float: left;
    overflow: hidden;
}

div.panel-2 .inner {
    width: 535px;
	float: left;
    overflow: hidden;
/*
    background:#CC3;
*/
    position: relative;
}

div.panel-2 .sidebar {
    width: 215px;
	text-align: center;
    float: right;
    overflow: hidden;
/*
    background:#9CF;
*/
    text-align: right;
}

/* - search frame - */
div.registration {
/*
    background:#F63;
*/
}

div.registration .frame-top {
    background: url(/images/login/login_frame_top.png) top center no-repeat;
    height: 50px;
    margin: 0 auto;
}

div.registration .frame-body {
    background: url(/images/login/login_frame_body.png) center repeat-y;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 68px;
}

div.registration .frame-bottom {
    background: url(/images/login/login_frame_bottom.png) bottom center no-repeat;
    height: 60px;
    margin: 0 auto;
}

/* - form input object - */
dl input.text,
textarea {
    width: 310px;
    padding: 2px 0;
}
.text2 {
 width: 535px;
}
/* - general style - */
dt {
    padding: 7px 0;
    overflow: hidden;
}

dt .desc {
/*
    background:#CC9;
*/
    font-weight: bold;
    width: 100px;
    overflow: hidden;
    float: left;
    line-height: 24px;
}

.title {
    font-size: 16px;
    font-weight: bold;
}


div.reg_success {
	font-size: 20px; 
	color: #000;
	text-align: center;	
	background: #e8f3ff;
	padding: 100px 5px;
	border: 1px dotted #c0c0c0;
}