/* Common */
body.login {min-width:auto;}

/* ----------------------------------------------
LOGIN
------------------------------------------------*/
/* login only */
.login_wrap {width:380px; text-align:center; position:absolute; top:50%; left:50%; margin:-212px 0 0 -190px;;}
.login_wrap .btn_join {display:block; font-size:14px; color:#cf0652; padding:10px; margin:10px;}	
.login_box {width:380px; height:390px; background:transparent; text-align:left;}
.login_box h2 {display:block; margin:0px auto; padding:21px 0 10px 0; font-size:24px; color:#eeeeee; border-bottom:1px solid #eeeeee; font-weight:normal; width:324px; }
.login_box .input_login {width:324px; margin:0 auto; text-align:left;}
.login_box .input_login dl { margin-top:20px;}
.login_box .input_login dl dt {color:#FFF; font-size:14px; font-weight:bold; font-style:italic; margin-bottom:7px;}
.login_box .input_login dl dd { margin-bottom:21px;}
.login_box .input_login dl dd .select_box_low {width:320px;}
.login_box .input_login dl dd .select_box_low ul {}
.login_box .input_login input[type=checkbox]:checked + label,
.login_box .input_login input[type=checkbox] + label {width:46%; padding-left:40px; padding-top:8px; font-size:12px; color:#FFF;}
.login_box .input_login .Required {color:#ff897d; position:relative; margin-top:-2px; margin-bottom:20px;}
.input_login input[type=text] {outline:none; color:#2e2e2e; height:35px; line-height:35px; width:100%; border-radius:18px;}
.input_login input[type=text]:disabled {background:#ffffff;	color:#b2b4b8;}
.input_login input[type=password] {outline:none; color:#2e2e2e; height:35px; line-height:35px; width:100%; border-radius:18px;}
.input_login input[type=password]:disabled {background:#ffffff; color:#b2b4b8;}
.login_box .input_login span { overflow:hidden;}
.login_box .input_login span label { float:left;}
.login_box .input_login span a.btn_login {float:right; display:inline-block; background:#fff; border-radius:18px; color:#686868; font-size: 12px; text-decoration: none; text-align:center; height:30x;line-height:30px; padding:0 20px; font-weight:bold;}

/* ----------------------------------------------
ACCOUNT
------------------------------------------------*/
#account_wrap {width:920px; height:556px;}
#account_wrap .account_box {width:614px; height:556px; background:#686868; text-align:left;  position:absolute; top:0px; z-index:999;}
#account_wrap .account_box h2 {display:block; margin:0 28px; padding:21px 0 10px 0; font-size:24px; color:#eeeeee; border-bottom:1px solid #eeeeee; font-weight:normal;}
#account_wrap .account_box .account_content {width:614px; height:calc(100% - 130px); margin:0 auto; text-align:left; margin-top:10px; overflow-y:auto; overflow-x:hidden;}
#account_wrap .account_box .account_content .account_line {margin:10px 0 0 28px; position:relative;}
#account_wrap .account_box .account_content .Required {position:absolute; top:36px; left:0; color:#ff897d; font-size:12px; width:270px; line-height:12px;}
#account_wrap .account_box .account_content .account_line dl {width:270px; margin-bottom:36px;}
#account_wrap .account_box .account_content .account_line dl dt {color:#FFF; font-size:14px; font-weight:bold; font-style:italic; margin-bottom:7px;}
#account_wrap .account_box .account_content .account_line dl dd { margin-bottom:21px; position:relative;}
#account_wrap .account_box .account_content .account_line dl.profile {position:absolute; top:0px; right:10px;}
#account_wrap .account_box .account_content .account_line dl dd p.profile {display:block; width:126px; height:126px; background:#cdcdcd;}
#account_wrap .account_box .account_content .account_line dl dd p.profile img {width:126px; height:126px;}
#account_wrap .account_box .account_content .account_line dl dd .MultiFile-label {font-size:12px; color:#CCC; margin:10px 0 0 0; line-height:24px;}
#account_wrap .account_box .account_content .account_line dl dd .MultiFile-label .MultiFile-remove {display:inline-block; width:24px; height:24px; text-indent:-999em; background:url(/ssw/images/button/btn_close_01_n.png) no-repeat;}
#account_wrap .account_box .account_content .account_line dl dd .MultiFile-label .MultiFile-remove:hover {background:url(/ssw/images/button/btn_close_01_f.png) no-repeat;}
#account_wrap .account_box .account_content .account_line dl dd .MultiFile-label .MultiFile-remove:active {background:url(/ssw/images/button/btn_close_01_p.png) no-repeat;}
#account_wrap .account_box .account_content .account_line dl dd .MultiFile-label .MultiFile-title  {display:inline-block; vertical-align:top;  width:90px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#account_wrap .account_box .account_content .account_line dl.profile .button_white {margin:0px; position:absolute; bottom:-13px; left:11px;}
#account_wrap .account_box .account_content .account_line_flat {margin:10px 10px 0 28px; position:relative; padding-top:30px;}
#account_wrap .account_box .account_content .account_line_flat dl {width:270px; margin-bottom:36px; float:left; display:inline-table;}
#account_wrap .account_box .account_content .account_line_flat dl:nth-child(even) { float:right;}
#account_wrap .account_box .account_content .account_line_flat dl:nth-child(even) .Required {width:270px;}
#account_wrap .account_box .account_content .account_line_flat dl dt {color:#FFF; font-size:14px; font-weight:bold; font-style:italic; margin-bottom:7px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#account_wrap .account_box .account_content .account_line_flat dl dd { margin-bottom:21px; position:relative;}
#account_wrap .account_box .account_content .account_line_flat dl dd .assigned_workgroup {width:559px;}
#account_wrap .account_box .account_content .account_line_flat dl dd .assigned_workgroup .aw_header {position:relative;}
#account_wrap .account_box .account_content .account_line_flat dl dd .assigned_workgroup .aw_header em {display:block; font-size:14px; color:#fff; font-weight:normal; font-style:normal;}
#account_wrap .account_box .account_content .account_line_flat dl dd .assigned_workgroup .aw_header .button {position:absolute; top:-10px; right:0px;}
#account_wrap .account_box .account_content .account_line_flat dl dd .assigned_workgroup .aw_header .button a {color:#cbcbcb;}
#account_wrap .account_box .account_content .account_line_flat dl dd .assigned_workgroup .aw_header .button a:hover {color:#FFF;}
#account_wrap .account_box .account_content .account_line_flat dl dd .assigned_workgroup .aw_body { margin-bottom:10px;}
#account_wrap .account_box .account_content .account_line_flat dl dd .assigned_workgroup .aw_body ul {}
#account_wrap .account_box .account_content .account_line_flat dl dd .assigned_workgroup .aw_body ul li { display:block; height:83px; width:100%; background:#FFF; margin-top:5px;}
#account_wrap .account_box .button_white { margin:10px 30px 0px 0px;}
#account_wrap .account_box .account_content .account_line_flat dl dd .assigned_workgroup .Required {position:relative; top:0px; left:0; color:#ff897d; font-size:12px;}
#account_wrap .account_box .account_content .account_line_flat dl dd #roleList.select_box_top {width:270px;}

/* add_workgroup */
.add_workgroup {display:table;}
.add_workgroup a {display:table-cell; vertical-align:middle; text-align:center; width:559px; height:73px; color:#cf0652; border:5px solid #FFF;}
.add_workgroup a:hover {border:5px solid #cf0652;}
.add_workgroup a:active {border:5px solid #530221;}
.add_workgroup.disable a {color:#999; cursor:default;}
.add_workgroup.disable a:hover {border:5px solid #FFF;}
.add_workgroup.disable a:active {border:5px solid #FFF;}

/* workgroup_box */
#account_wrap .workgroup_box {width:300px; height:556px; background:#686868; text-align:left;  position: absolute; top:0px; right:0px; z-index:1;}
#account_wrap .workgroup_box h2 {display:block; margin:0 28px; padding:21px 0 10px 0; font-size:24px; color:#eeeeee; border-bottom:1px solid #eeeeee; font-weight:normal;}
#account_wrap .workgroup_box .work_list {height:calc(100% - 130px); overflow-y:auto; margin-top:10px; position:relative;}
#account_wrap .workgroup_box .work_list ul {margin:42px 28px 0 28px;}
#account_wrap .workgroup_box .work_list ul li { display:block; margin:20px 0;}
#account_wrap .workgroup_box .work_list ul li .object {display:table; vertical-align:middle;}
#account_wrap .workgroup_box .work_list ul li .object a.add {display:block; float:left; width:30px; height:30px; background:url(/ssw/images/button/btn_insert_n.png) no-repeat; text-indent:-999em;}
#account_wrap .workgroup_box .work_list ul li .object a.add:hover  {background:url(/ssw/images/button/btn_insert_f.png) no-repeat;}
#account_wrap .workgroup_box .work_list ul li .object a.add:active {background:url(/ssw/images/button/btn_insert_p.png) no-repeat;}
#account_wrap .workgroup_box .work_list ul li .object img {display:table-cell; vertical-align:middle; width:90px; height:50px; padding-left:16px;}
#account_wrap .workgroup_box .work_list ul li .object strong {display:table-cell; vertical-align:middle; font-size:12px; font-weight:normal; padding-left:15px; width:150px; color:#fff; word-break:break-all;}
#account_wrap .workgroup_box .button_white { margin:10px 30px 0px 0px;}
#account_wrap .workgroup_box .button_gray { position:absolute; right:26px; top:0px;}