/* 
Document   : mypage
Created on : 2009. 4. 28, 오전 10:55:55
Author     : James
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*******************************************************************************************************************************************
Styles for the 'Mypage' layout in the table
******************************************************************************************************************************************/
#mypage-left-side {
    font-size:11px;
    width: 150px;
    float: left;
}

#mypage-left-side a {
    color: #686868;
    font-size: 12px;
}


a.mypage_menu:link		{color:#666666; text-decoration:none; text-align:center; font-size:12px; text-decoration:none;}
a.mypage_menu:active	{color:#7d5f64; text-align:center; font-size:12px; text-decoration:none;}
a.mypage_menu:visited	{color:#666666; text-align:center; font-size:12px; text-decoration:none;}
a.mypage_menu:hover		{color:#7a2c3a; text-align:center; font-size:12px; text-decoration:underline;}

#mypage-right-side {
    float:left;
    width: 722px;
    margin-bottom: 1em;
    background: white;
    margin-left /**/: 6px;
    margin-left /**/: 8px;

}

#mypage-right-side a{ color: #444444; text-decoration:none; }
#mypage-right-side a:visited { color: #7f6a6e; text-decoration:none; }

#mypage-header{
    float:left;
}

#mypage-content{
    background: white;
    font-size:11px;
}

#mypage-templet{
    float:left
}

/*- Main Menu Tabs I--------------------------- */
#mypage-menu {
    height:36px;
    margin-left: none;
    margin-right: none;
    width:100%;
    background:#EFF4FA;
    font-size:93%;
    line-height:normal;
    border-bottom:1px solid #DD740B;
}

#mypage-menu ul {
    margin:0;
    padding:10px 10px 0 50px;
    list-style:none;
}

#mypage-menu li {
    display:inline;
    margin:0;
    padding:0;
}

#mypage-menu a {
    float:left;
    background:url("/images/mypage/tableftI.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 5px;
    text-decoration:none;
}

#mypage-menu a span {
    float:left;
    display:block;
    background:url("/images/mypage/tabrightI.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mypage-menu a span {float:none;}
/* End IE5-Mac hack */
#mypage-menu a:hover span {
    color:#FFF;
}
#mypage-menu a:hover {
    background-position:0% -42px;
}
#mypage-menu a:hover span {
    background-position:100% -42px;
}

#mypage-menu #current a {
    background-position:0% -42px;
}
#mypage-menu #current a span {
    background-position:100% -42px;
}


/* Styles for order form */
.mypage-form fieldset {
    background: #efe;
}

.mypage-form legend {
    color: #dfd;
    background: #141;
    font-family: sans-serif;
    padding: 0.2em 1em;
}

.mypage-form label {
    width: 5em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block;
}

.mypage-form .submit {
    margin-left: 5.5em;
}

/* The error box */

.fieldWithErrors {
    padding: 2px;
    background-color: red;
    display: table;
}

#errorExplanation {
    width: 400px;
    border: 2px solid red;
    padding: 7px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
}

#errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    background-color: #c00;
    color: #fff;
}

#errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px;
}

#errorExplanation ul li {
    font-size: 12px;
    list-style: square;
}

.ratingblock {
    display:block;
    border-bottom:1px solid #999;
    padding-bottom:8px;
    margin-bottom:8px;
}

.loading {
    height: 16px;
    background: url('/images/product/working.gif') 50% 50% no-repeat;
}

.unit-rating { /* the UL */
    list-style:none;
    margin: 0px;
    padding:0px;
    height: 16px;
    position: relative;
    background: url('/images/product/starrating.png') top left repeat-x;
}

.unit-rating li{
    text-indent: -90000px;
    padding:0px;
    margin:0px;
    /*\*/
    float: left;
    /* */
}
/*마이페이지레프트메뉴 스타일*/
#mypage_left{width:150px;line-height:15px;}
#mypage_content{width:487px;}
.info_text{color:#1c1c1c; font-weight:bold; background-color:#f5f1f2; width:125px; height:18px;padding-top:5px;padding-left:5px; }/*마이페이 타이틀 검정색메뉴*/
.info_text01{color:#1c1c1c; font-weight:bold; background-color:#f5f1f2; width:125px; height:18px;padding-left:5px; }

.title{color:#6a303c; font-weight:bold;font-size:14px; font-family:dotum; padding-bottom:8px; }

/*텍스트색깔*/
.info_title{color:#853c3c; font-weight:bold;}
.purple_text{color:#6a303c; font-weight:bold;font-size:11px;}/*와인색 텍스트스타일01*/
.purple_text12{color:#6a303c; font-weight:bold;font-size:12px;}/*와인색 텍스트스타일01*/
.purple_text_none{color:#6a303c;}/*와인색 텍스트스타일02*/
.purple_text01{color:#6a303c; font-weight:bold; font-size:14px;}/*와인색 텍스트스타일*/
.purple_text02{color:#6a303c; font-weight:bold; font-size:12px;}/*와인색 텍스트스타일*/
.white_text{font-weight:bold; color:#ffffff;}

.pink_text01{color:#a0898f; font-weight:bold;}/*옅은분홍 텍스트스타일*/
.point_text{font-weight:bold; color:#ff4f01;}/*주황색 텍스트스타일*/
.gray_text{font-weight:bold; color:#666666;}/*주황색 텍스트스타일*/


/*최근생긴일,친구에게 생긴일*/
.work{font-size:11px; letter-spacing:-1px;}

.work_box{float:left;background: #fafafa;margin-top: 2px; border-bottom: 1px dashed #bdbdbd; }
.comment_box{ border-bottom:1px dashed #bdbdbd; background-color:#fafafa;}

/*패딩값*/
.pad-top08{padding-top:8px; line-height:15px;}
.pad-left8{padding-left:8px;}
.left_box{border:#f5f5f5 solid 1px; background-color:#ffffff;}
.place_box{float:left;margin-top: 2px; border:#f5f5f5 solid 1px; }


/*******************************************************************************************************************************************
Styles for the cart in the table
******************************************************************************************************************************************/
.mypage_style {
    width: 100%; padding-top:8px;/* 전체 테이블 폭 지정 */
    display:block ;
}

.mypage_style ul {
    margin: 0px;	/*ul 에 대한 ie, ff 차이를 없애기 위해 0 으로 설정 */
    padding:0px;	/*ff 는 속성에 기본 margin, padding 이 설정된 경우가 았음*/
    list-style-type: none; /* ul li 태그 사용으로 인한 disc 를 안보이도록*/
}
/*
테이블 상단 보더를 만들때 아래와 같이 :first-child 선택자를 사용하는것이
좀더 범용적인 방법이지만 IE는 IE7 이후부터만 이를 제공합니다.
.table_style ul:first-child{
border-top: 1px solid #000;
}
*/
.mypage_style .header {
    font-weight: bold;  /*th 와 같은 볼드 효과를 만듬*/
    text-align: center; /*th 와 같은 중앙 정렬 효과를 만듬*/
    /*	border-top: 1px solid #000;     테이블의 상단 보더를 만듬*/
}

/*
만약 첫 컬럼에 th와 같은 제목 효과를 주고자 한다면
위에 th 속성을 구현하기 위해 사용한 두개의 속성을 없애고

.table_style ul li:first-child {
font-weight: bold;
text-align: center;
}
와 같이 사용하면 됩니다.
*/

.mypage_style ul li {
    float: left;
    padding: 0px;
    margin: 0px;		/* 테이블 속성에 사용하던 cellspacing 과 동일 */
    /* 테이블 속성에 사용하던 cellpadding 과 동일 */
    /*	border-bottom: 1px solid #000;  테이블의 하단 보더를 만듬*/
    /*	border-left: 1px solid #000;    테이블의 좌측 보더를 만듬*/
}

/*
각 컬럼에의 개별 폭을 지정함
총 합(padding 과 margin 포함)이 테이블의 총 폭보다 넓으면 디자인이 깨짐
적절하게 보일수 있도록 조정이 필요함(다른 트릭이 있을법도 한대 아직..;;;;)
*/
.mypage_style ul .column1 {
    width: 65x;
}

.mypage_style ul .column2 {
    width:65px;
}
/* END: table-style */


.fieldset_border_0{border:0px;}

#cart_type div{
    margin-top:5px;
    float:left;
    height:60px;
    width:70px
}

#mypage-div-img{
    float: left;
    width: 300px;
}

#mypage-div-img div {
    float: left;
    width: 100px;
}

.input_style{border:#cccccc solid 1px; background-color:#f9f9f9; width:120px; height:14px;
    padding:3px 3px 1px 3px; font-size:11px; color:gray;}
.input_mypage{border:#cccccc solid 1px; background-color:#f9f9f9;  height:14px;
    padding:3px 3px 1px 3px; font-size:11px;}
.input_mypage01{border:#cccccc solid 1px; background-color:#f9f9f9;  height:14px;
    font-size:11px;}
.input_style01{border:#cccccc solid 1px; background-color:#f9f9f9;}

.font11{font-size:11px;}
.detail_box_text{border:#f5f5f5 solid 1px; background-color:#f3f3f3; font-size:12px; color:#444444; }
.mypage_detail_box{width: 504px; border:#efefef solid 1px; }
.border_detail{border-bottom:#efefef solid 1px;}

.memo_text_area {
    BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid;
    overflow-Y:scroll; BORDER-LEFT:#cccccc 1px solid;
    WIDTH:450px; BORDER-BOTTOM:#cccccc 1px solid; HEIGHT: 50px; padding:10px;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #f3f3f3;
    scrollbar-3dlight-color: #efefef;
    scrollbar-arrow-color: #7a2c3a; scrollbar-track-color: #efefef;
    scrollbar-darkshadow-color: #efefef;
    color:#666666; line-height:15px;
}
.comment_color{background-color:#F6F6F6;}

.comment_text_area {
    BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid;
    overflow-Y:scroll; BORDER-LEFT:#cccccc 1px solid;
    WIDTH:600px; BORDER-BOTTOM:#cccccc 1px solid; HEIGHT: 30px; padding:10px;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #f3f3f3;
    scrollbar-3dlight-color: #efefef;
    scrollbar-arrow-color: #7a2c3a; scrollbar-track-color: #efefef;
    scrollbar-darkshadow-color: #efefef;
    color:#666666; line-height:15px;
}
.mypage_text_area {
    BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid;
    overflow-Y:scroll; BORDER-LEFT:#cccccc 1px solid;
    BORDER-BOTTOM:#cccccc 1px solid; HEIGHT: 70px; width:540px; padding:10px;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #f3f3f3;
    scrollbar-3dlight-color: #efefef; font-size:10px;
    scrollbar-arrow-color: #7a2c3a; scrollbar-track-color: #efefef;
    scrollbar-darkshadow-color: #efefef;
    color:#666666; line-height:15px;
}
.mypage_text_area01 {
    BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid;
    overflow-Y:scroll; BORDER-LEFT:#cccccc 1px solid;
    BORDER-BOTTOM:#cccccc 1px solid;  padding:10px;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #f3f3f3;
    scrollbar-3dlight-color: #efefef; font-size:10px;
    scrollbar-arrow-color: #7a2c3a; scrollbar-track-color: #efefef;
    scrollbar-darkshadow-color: #efefef;
    color:#666666; line-height:15px;
}


/*템플릿 변경style*/
#mypage-templet-select ul {
    margin:0;
    list-style:none;
}


#mypage-templet-select ul:hover {
    background: orange;
}


.magin10{margin-top:10px; }
/*블랙 피플,*/
.black_people{float:left; width:110px;height:140px;overflow:hidden; BORDER-RIGHT: #f5f5f5 1px solid;  padding-bottom:8px;}
/*회원정보설정*/
.info_top{border-top:2px solid #90061d; padding-left:8px; }
.bg{background-color:#f2f2f2; font-size:12px; }
.info_bottom{border-top:1px solid #e7e7e7; padding-left:8px;}
.info_sol{border-bottom:1px solid #e7e7e7; padding-left:8px;}
.info_top01{border-top:2px solid #90061d;  border-bottom:1px solid #e7e7e7; }

.header_menu { font-size: 11px; color: #666666;  }
.header_menu  a:link    {color:#666666;  font-size:11px;  text-decoration:none; }
.header_menu  a:active   {color:#666666; font-size:11px;   text-decoration:none;  }
.header_menu  a:visited   {color:#666666;  font-size:11px;   text-decoration:none; }
.header_menu  a:hover    {color:#7a2c3a; font-size:11px;   text-decoration: none; }
.font{color:purple;}

#mypage-icon-select div {
    margin:0;
    list-style:none;
}

#mypage-icon-select div:hover {
    background: yellow;
}

.today_menu { font-size: 11px; color: #666666;  }
.today_menu  a:link    {color:#666666;  font-size:11px;  text-decoration:none; }
.today_menu  a:active   {color:#666666; font-size:11px;   text-decoration:none;  }
.today_menu  a:visited   {color:#666666;  font-size:11px;   text-decoration:none; }
.today_menu  a:hover    {color:#7a2c3a; font-size:11px;   text-decoration: underline; }

.side_menu { font-size: 11px; color:#a0898f;  }
.side_menu  a:link    {color:#444444;  font-size:11px;  text-decoration:none; }
.side_menu  a:active   {color:#444444; font-size:11px;   text-decoration:none;  }
.side_menu  a:visited   {color:#444444;  font-size:11px;   text-decoration:none; }
.side_menu  a:hover    {color:#7a2c3a; font-size:11px;   text-decoration: underline; }

.product_desc{
    line-height:14px;
    vertical-align: text-top;
    overflow: hidden;
    width: 370px;
    height: 42px;
    word-wrap: break-word;
    word-break: normal;
    text-align:center;
    text-overflow:ellipsis;
}
/*프로필설정menu*/
a.my_edit:link		{color:#6a303c; text-decoration:none; text-align:center; font-weight:bold; font-size:12px; text-decoration:none;}
a.my_edit:active	{color:#6a303c; text-align:center; font-size:12px; text-decoration:none;}
a.my_edit:visited	{color:#62444a; text-align:center; font-size:12px; text-decoration:none;}
a.my_edit:hover	{color:#62444a; text-align:center; font-size:12px; text-decoration:underline;}

.side_pad{ padding-top:8px; padding-bottom:8px;}
.info_side{ font-weight:bold; background-color:#f5f1f2;  height:16px;padding-top:5px;padding-left:5px; padding-right:0px }/*마이페이 타이틀 검정색메뉴*/
.left_bg{background-color:#f7f7f7; font-size:12px; height:100px; margin-top:3px; margin-bottom:3px;padding-top:5px;margin-right:2px; }
/*연우 090611*/
.gray_color{background-color:#f2f2f2; padding:10px;}
.pro_url{color:#6a303c; font-weight:bold; font-size:12px;}
/*팝업*/
.box_top{border-top:2px solid #90061d; border-bottom:1px solid #e7e7e7;  padding-left:8px;}
.bg{background-color:#f2f2f2;  }
.box_bottom{border-bottom:1px solid #e7e7e7;padding-left:8px;}