/* content */
.content
{
	min-height: 680px;
}

/* login */
.login-block
{
	text-align: center;
	
    margin:50px 40px 0 10px;
	line-height: 31px;
	vertical-align: middle;
	padding-top: 15px;
	height:100%;
	width:220px;
	float:right;
	padding:12px;
	
	border: 1px solid #d1d1d1;
	border-radius: 8px;
	box-shadow: 0 1px 4px #666;	
}

.login-label
{
	display: inline-block;
	width: 200px;
	font-size: 10pt;
	line-height: 24px;
	margin-top: 8px;
}

.login-block input
{
	width: 180px;
	height: 28px;
	padding: 0 4px;
	border-radius: 4px;
	margin-bottom: 4px;

	border-left: 1px solid #444;
	border-top: 1px solid #444;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

#login-id, #login-pw
{
	background: #White;
}

.login-block h1
{
    font-weight: bold;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #CCC;
    padding-bottom: 5px;
    margin-bottom: 5px;    
    text-align: center;
}

#login-submit:hover
{
	background: url(img/LoginBtn_hover.png) no-repeat;	
}

#login-submit:active
{
	background: url(img/LoginBtn_visited.png) no-repeat;	
}

#login-submit, #login-forgot
{
	cursor: pointer;
}

#login-submit
{
	margin: 4px 0 8px 0;
	display: inline-block;
	background: url(img/LoginBtn.png) no-repeat;
	width: 100px;
	height: 36px;
	vertical-align: middle;
}

#login-forgot
{
	float: right;
	display: inline-block;
	line-height: 10px;
	margin-right: 8px;
	border: 1px solid #888;
	padding: 4px;
	border-radius: 4px;
}

#login-forgot:hover
{
	color: Blue;
	border-left: 1px solid #DDD;
	border-top: 1px solid #DDD;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
}

#login-forgot:active
{
	border-left: 1px solid #444;
	border-top: 1px solid #444;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

/* message */
.message-block
{
	color: Red;
	height: 32px;
	width: 220px;
	margin-left: 16px;
	text-align: center;
}

/* main */
.main-block
{
    margin: 30px 0 30px 30px;    
	text-align: center;
	width:650px;
	height:100%;
	min-height:500px;
	float:left;
	background:url("img/login_main.png") 0% 10% no-repeat;
}

/* site */
.site-block
{
	text-align: center;
	width:912px;
	margin:0 auto;
}

.site-block > a
{
	display:inline-block;
	width:304px;
	height:107px;
}

.center-site
{
	background:url(img/Center.png) no-repeat;
}

.manager-site
{
	background:url(img/Manager.png) no-repeat;
}

.monitor-site
{
	background:url(img/Monitor.png) no-repeat;
}

/* forgot password */
#forgot-pw-dialog .line1
{
	padding: 8px;
}

#forgot-pw-dialog .line2, #forgot-password-result
{
	padding: 0 12px;
	line-height: 28px;
}

#forgot-pw-dialog .line2 > input
{
	width: 300px;
}

/* safe hint */
#safe-hint
{
	color: #444;
	border-top: 1px solid #CCC;
	font-size: 0.8em;
}

#safe-hint-title
{
	background: url(img/icon_shield.png) no-repeat left center;
	padding-left: 32px;
	line-height: 32px;
	display: inline-block;
	color: #00B;
}

#safe-hint-showdetail
{
	display: inline-block;
	margin-left: 32px;
	border: 1px solid #444;
	color: #444;
	text-decoration: none;
	line-height: 20px;
	cursor: pointer;
	padding: 2px 4px;
	border-radius: 4px;
}

#safe-hint-showdetail:hover
{
	color: Blue;
	border-left: 1px solid #DDD;
	border-top: 1px solid #DDD;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
}

#safe-hint-showdetail:active
{
	border-left: 1px solid #444;
	border-top: 1px solid #444;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

#safe-hint-detail
{
	margin-top: 8px;
	line-height: 20px;
	font-size: 1.1em;	
}

#safe-hint-detail .hint-note
{
	color: Blue;
}

#safe-hint-result-block
{
	padding: 4px 0;
	margin: 4px 0;
}

#safe-hint-result
{
	padding: 2px 4px;
	color: #2F4;
	background: url(img/login_hint_bg.png) repeat-x left top;
	font-size:11px;	
}

#pw-weak-dialog-result
{
    color:Red;
}
.ui-dialog-content table.edit tr > th {
    background-color: #D6E8DC;
}
li.line1{ list-style-type:disc; margin-left:15px;}
li.line2{ list-style-type:disc; margin-left:15px;}
.required::before
{
    content: " ";
    padding:5px 5px 0 0 ;
    margin:0 5px 0 0;
    vertical-align:middle;    
    display: inline-block;
    background:url("img/required.png")  no-repeat center center;
}
#newPW,#checkNewPW
{
    width:200px
}