/*---------------------------------------------------------------------------------------
This css includes
-content-style
 --artview
 --arttool
 --home
 --mypage/user
 --list
---------------------------------------------------------------------------------------*/

/* TITLE STYLE
---------------------------------------------------------------------------------------*/
#TITLE {
width:950px;
height:20px;
float:left;
margin:0px 0px 0px 0px;
padding-bottom: 0px;
border-bottom: 1px solid #959595;
}

#TITLE .titleimage {
float:left;
color:#848484;
font-size:120%;
font-weight:bold;
margin:0px 0px 3px 0px;
}

#TITLE .titletext{
color:#848484;
float:right;
margin:-1px 0px 0px 0px;
}

.titlename{
font-weight: bold;
font-size:120%;
margin:3px 0px 0px 0px;
}

.listtitle{
width:100%;
height:15px;
padding-bottom: 4px;
border-bottom: 2px dotted #959595;
margin:0px 0px 6px 0px;
text-align:left;
float:left;
}

.listimage{
float:left;
background-repeat: no-repeat;
}

.listtext{
color:#848484;
float:left;
font-weight: bold;
font-size:100%;
margin:0px 0px 0px 6px;
}

/* ARTVIEW STYLE
---------------------------------------------------------------------------------------*/

/* ARTVIEW - POPUP Base STYLE
------------------------------------------*/

.close{
width:16px;
height:20px;
margin:0px 0px 0px 0px;
float:right;
}

.black_overlay{
display: none;
position: absolute;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}

.popuptitle{
width:500px;
height:20px;
font-weight: bold;
margin:0px 0px 0px 0px;
float:left;
}

/* ARTVIEW - POPUP favorite
------------------------------------------*/

.white_content {
display: none;
position: absolute;
top:442px;
width: 564px;
height: 150px;
padding: 8px;
border: 1px solid #666666;
background-color: white;
overflow: auto;
}

.popuptext1{
float:left;
width:564px;
text-align:center;
margin:30px 0px 0px 0px;
}

.popuptext2{
float:right;
margin:50px 0px 0px 0px;
}

.popupimage{
vertical-align:bottom
}
/* ARTVIEW - POPUP share
------------------------------------------*/
.white_content2 {
display: none;
position: absolute;
top:462px;
width: 564px;
height: 130px;
padding: 8px;
border: 1px solid #666666;
background-color: white;
overflow: auto;
}

.popuptext3{
float:left;
width:564px;
margin:20px 0px 0px 0px;
}

.url{
float:left;
width:540px;
}

/* ARTVIEW - POPUP report
------------------------------------------*/
#SELECT{
margin:0px 0px 0px 0px;
float:left;
}

textarea{
width:500px;
height:50px;
font-size:12px;
float:left;
margin:0px 0px 0px 0px;
}

.submit{
float:left;
margin:10px 0px 0px 250px;
}

.report_text{
float:left;
margin:0px 0px 0px 0px;
}

.white_content3 {
display: none;
position: absolute;
top:382px;
width: 564px;
height: 210px;
padding: 8px;
border: 1px solid #666666;
background-color: white;
overflow: auto;
}

/* ARTVIEW - LEFT pain
------------------------------------------*/
#LEFT{
width:582px;
float:left;
}

#LEFT img,img a{
border:none
}

#LEFT p a{
display:block;
height:47px;
}

#LEFT p a:hover {
background-color:transparent;
}

#LEFT p a:hover img{
visibility:hidden;
}

#LEFT .left1 {
width:582px;
height:402px;
margin:6px 0px 5px 0px;
float:left;
}

#LEFT .left2 {
float:left;
width:82px;
height:47px;
margin:3px 0px 0px 2px;
background:url(/images_en/artview/artview_favourites_f.jpg);
}

#LEFT .left3 {
float:left;
width:84px;
height:47px;
margin:3px 0px 0px 0px;
background:url(/images_en/artview/artview_share_f.jpg);
}

#LEFT .left4 {
float:left;
width:84px;
height:47px;
margin:3px 0px 0px 0px;
background:url(/images_en/artview/artview_report_f.jpg);
}

#LEFT .left5 {
width:312px;
height:47px;
float:left;
margin:3px 0px 0px 18px;
background:url(/images_en/artview/artview_paint_f.jpg);
}

/* ARTVIEW - RIGHT pain
------------------------------------------*/
#RIGHT{
width:354px;
float:left;
margin:0px 0px 0px 14px;
}

#RIGHT .right1{
width:354px;
height:18px;
float:left;
margin:41px 0px 0px 0px;
}

#RIGHT .right2{
width:354px;
height:215px;
margin:7px 0px 7px 0px;
float:left;
}

/*---- ARTLIST Area ----*/

#ARTLIST{
width:950px;
float:left;
margin:10px 0px 0px 0px;
}

.dl1 {
width:346px;
height:210px;
float:left;
margin:0px 10px 5px 0px;
}

.dl2{
color:#000000;
width:300px;
height: 70px;
float:left;
margin:0px 0px 10px 10px;
}

.dl3{
font-weight: bold;
color:#000000;
margin:0px 0px 0px 0px;
}

.dl4{
width:76px;
color:#000000;
height: 111px;
float:left;
margin:0px 10px 0px 10px;
}

.dl5{
width:190px;
color:#000000;
height: 111px;
float:right;
margin:0px 0px 0px 0px;
}

#ARTVIEW.dl6{
width:212px;
height:129px;
float:left;
margin:0px 10px 10px 0px;
}

.span-12
{text-align:left;}

/* ARTTOOL STYLE
---------------------------------------------------------------------------------------*/
.draw_content1 {
text-align:center;
float:left;
margin:20px 0px 0px 0px;
}

.draw_content2{
float:left;
width:950px;
height:180px;
border: solid;
border-width:1px;
border-color:#666666;
margin:20px 0px 20px 0px;
text-align:left;
}

.draw_content3 {
width:900px;
height:32px;
float:left;
margin:10px 30px 10px 10px;
}

.draw_content4{
list-style-type:none;
color:#848484;
padding:0;
margin:10px 30px 10px 30px;
}

/* HOME STYLE
---------------------------------------------------------------------------------------*/
#HOME .map{
width:736px;
float:left;
}

#HOME .right_recomend{
width:214px;
float:left;
}

.viewall{
float:right;
text-align:right;
}

#MOSTVIEW{
float:left;
width:350px;
margin:10px 0px 0px 0px;
}

#MOSTVIEW .leftblock{
float:left;
width:350px;
}

#HOME .dl6 {
width:346px;
height:210px;
float:left;
margin:0px 0px 2px 0px;
}

#ARTLIST .dl6 {
width:346px;
height:210px;
float:left;
margin:0px 0px 10px 0px;
}

#MOSTVIEW .dl6 {
width:346px;
height:210px;
float:left;
margin:0px 10px 5px 0px;
}

.dl6 {
width:346px;
height:210px;
float:left;
margin:0px 10px 10px 0px;
}


#NEWART {
float:left;
width:350px;
margin:10px 0px 0px 5px;
}

#MOSTVIEW .dl2{
color:#000000;
width:310px;
height: 70px;
float:left;
margin:0px 0px 10px 0px;
}

.rightblock {
float:left;
width:400px;
margin:0px 7px 0px 0px;
}

/* MYPAGE STYLE
---------------------------------------------------------------------------------------*/
#PROFILE{
float:left;
}

#PROFILE .titlename{
width:350px;
float:left;
}

#PROFILE .link{
width:600px;
float:right;
text-align:right;
margin:6px 0px 0px 0px;
}

#PROFILE .userimage{
width:80px;
float:left;
margin:5px 0px 0px 0px;
}

#PROFILE .userinfo{
width:200px;
float:left;
margin:5px 0px 0px 10px;
}

#PROFILE .userprofile{
width:600px;
height:70px;
float:left;
border: solid;
padding: 8px;
border-width:1px;
border-color:#666666;
margin:5px 0px 0px 30px;
}

.righttext{
width:90%;
float:left;
text-align:right;
margin:36px 0px 0px 0px;
}

#DRAFT{
height:210px;
background:#F0F7F9;
margin:0px 0px 10px 0px;
}

/* ABOUT STYLE
---------------------------------------------------------------------------------------*/
#HOWTO{
float:left;
width:950px;
border: solid;
border-width:1px;
border-color:#666666;
margin:20px 0px 20px 0px;
text-align:left;
}

#ABOUT p a{
display:block;
width:233px;
height:48px;
}

#ABOUT p a:hover {
background-color:transparent;
}

#ABOUT p a:hover img{
visibility:hidden;
}


#ABOUT .index3 {
width:233px;
background:url(/images_en/index/index_button_D_f.jpg);
float:left;
margin:0px 0px 20px 357px;
}

/* REGISTER STYLE
---------------------------------------------------------------------------------------*/

#REGIST {
font-weight:bold;
padding-bottom: 1px;
border-bottom: 1px solid #959595;
margin:15px 0px 10px 0px;
text-align:left;
}

#OPEN{
width:340px;
float:left;
text-align:left;
}

#OPEN p{
font-size:150%;
color:#666666;
}

#TABLE{
width:600px;
float:right;
}

table{
border: 1px #E3E3E3 solid;
}

.table1 {
width:200px;
}

.table2 {
text-align:center;
}

/* EDIT STYLE
---------------------------------------------------------------------------------------*/
#EDIT
{
height:500px;
}

#EDIT .content2{
margin:14px 0px 0px 0px;
}

#FORGET{
width:950px;
height:400px;
margin:20px 0px 0px 0px;
}

#FORGET table{
width:500px;
}

#FORGET .table2 {
text-align:right;
}

#EDIT_INFO
{
margin:10px 0px 10px 0px;
}

#EDIT_INFO2
{
margin:10px 0px 10px 0px;
}

#EDIT_INFO2 TEXTAREA{
width:550px;
height:90px;
border: 1px #E3E3E3 solid;
}


.userprofile{
width:600px;
border: solid;
border-width:1px;
border:0px;
margin:3px 0px 10px 0px;
}

#EDIT01
{
float:left;
width:700px;
margin:14px 0px 10px 0px;
}

#EDIT02
{
float:left;
width:700px;
margin:14px 0px 10px 0px;
}

#edit-1
{
float:left;
width:700px;
margin:14px 0px 10px 0px;
}

#edit-2
{
float:left;
width:700px;
margin:14px 0px 10px 0px;
}

.leftedit{
float:left;
width:650px;
height:20px;
}

.rightedit{
float:left;
width:50px;
height:20px;
}

#EDIT01 .userimage{
float:left;
width:700px;
}

.white_content4 {
display:none;
width:650px;
float:left;
background-color: white;
overflow: auto;
margin:5px 0px 0px 0px;
}

.white_content5 {
display:none;
width:650px;
float:left;
background-color: white;
overflow: auto;
margin:5px 0px 0px 0px;
}

.close2{
width:30px;
height:20px;
margin:0px 0px 0px 0px;
float:left;
}

#edit-1 .edit_table{
width:650px;
margin:15px 0px 0px 0px;
float:left;
}

#edit-1 .table2{
text-align:left;
font-size:80%;
color:#666666;
}

#edit-2 .edit_table2{
width:650px;
margin:15px 0px 0px 0px;
float:left;

}

#edit-2 .table2{
text-align:left;
font-size:80%;
color:#666666;
margin:3px 0px 0px 0px;
}

#EDIT02
{
margin:14px 0px 10px 0px;
}


.useredit{
float:left;
width:650px;
color:#666666;
border: 0px;
border-collapse: collapse;
margin:0px 0px 0px 0px;
}

.tableleft{
width:250px;
}

.useredit td{
padding: 0px;
margin: 0px;
border: 0px;
}

.useredit h5{
color:#888888;
margin:0px;
}

#DEACTIVE{
width:600px;
float:left;
font-weight:bold;
text-align:left;
}

#DEACTIVE .deactive{
width:700px;

float:left;
font-weight:bold;
text-align:left;
}