/* ---------------------------
   SIGNIN BOX
----------------------------*/
#header #signin input { 
 background-color:#F9FAFF;
 border:1px solid #6B6BB5;
 border-radius:6px;
 padding:5px;
}

#header #signin #forget {
 text-decoration:none;
 color:#4A4A9C;
}

/* ---------------------------
   MESSAGE SEND BUTTON
----------------------------*/
#message_send {
 text-decoration:none;
 display:block;
 width:25%;
 padding:8px;
 background-color:#5C4BFF;
 color:#FFFFFF;
 border-radius:6px;
 font-weight:bold;
 text-align:center;
}

/* ---------------------------
   MENU BAR
----------------------------*/
#header #menu {
 text-align:center;
}

#header #menu a {
 text-decoration:none;
 display:block;
 padding:8px;
 background-color:#2D1FA8;
 color:white;
 font-weight:bold;
 font-family:Arial, Helvetica, sans-serif;
 font-size:13px;
 width:100%;
 border-radius:6px;
 transition:0.2s;
}

#header #menu a:hover {
 background-color:#3D2FFF;
}

/* ---------------------------
   HINT AND SECTION COLORS
----------------------------*/
#hint_draw {
 padding:5px;
 background-color:#E4E1FF;
 font-size:16px;
 font-weight:bold;
}

#s1 {
 background-color:#4DA6FF;
 font-size:16px;
 font-weight:bold;
 color:#FFFFFF;
}

/* ---------------------------
   SIDE MENU + USER CP
----------------------------*/
#side_menu a, #user_cp a {
 text-decoration:none;
 display:block;
 background-color:#1D1B2F;
 border:1px solid #A04FFF;
 padding:7px;
 color:#FFFFFF;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:12px;
 border-radius:6px;
}

#side_menu a:hover, #user_cp a:hover {
 background-color:#FFFFFF;
 color:#2D1FA8;
}

/* ---------------------------
   LEFT SMALL MENU
----------------------------*/
#l_s_menu {
 color:white;
 font-weight:bold;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 background-color:#6464A8;
 font-size:12px;
 text-align:center;
 padding:5px;
}

/* ---------------------------
   REGISTER & UPLOAD INPUTS
----------------------------*/
#register input, #register select, #upload input {
 width:250px;
 height:32px;
 border:1px solid #7C7CCE;
 border-radius:6px;
 padding:5px;
}

#register button, #upload button {
 background-color:#6C5CFF;
 color:#FFFFFF;
 padding:10px;
 width:140px;
 border:none;
 border-radius:6px;
 font-weight:bold;
 cursor:pointer;
}

#register button:hover, #upload button:hover {
 background-color:#7A6AFF;
}

/* ---------------------------
   UPLOAD AREA
----------------------------*/
#upload {
 border:3px solid #000000;
 padding:10px;
 border-radius:6px;
}

#upload a {
 text-decoration:none;
 display:block;
 width:130px;
 background-color:#6464A8;
 color:#FFFFFF;
 text-align:center;
 border-radius:6px;
 padding:6px;
}

/* ---------------------------
   SIGNIN ERROR
----------------------------*/
#signin_err input {
 border:1px solid #7C7CCE;
 width:200px;
 height:32px;
 border-radius:6px;
}

#signin_err a {
 text-decoration:none;
}

/* ---------------------------
   USER LOGIN BUTTONS
----------------------------*/
#us_login a {
 text-decoration:none;
 display:inline-block;
 width:75px;
 background-color:#6755FF;
 color:#FFFFFF;
 padding:6px;
 border-radius:6px;
 text-align:center;
}

#us_login a:hover {
 background-color:#8376FF;
}

/* ---------------------------
   CONTROL PANEL CAPTION
----------------------------*/
#cp_caption {
 font-family:Arial, Helvetica, sans-serif;
 font-size:24px;
 font-weight:bold;
 background-color:#8A82FF;
 color:#FFFFFF;
 padding:8px;
 border-radius:6px;
}

/* ---------------------------
   PAGINATION
----------------------------*/
div.pagination {
 padding: 3px;
 margin: 3px;
}

div.pagination a {
 padding: 3px 7px;
 margin: 2px;
 border: 1px solid #B0B0FF;
 text-decoration: none;
 color: #1A1A99;
 border-radius:4px;
}

div.pagination a:hover, div.pagination a:active {
 border: 1px solid #000099;
 color: #000;
}

div.pagination span.current {
 padding: 3px 7px;
 margin: 2px;
 border: 1px solid #000099;
 font-weight: bold;
 background-color: #000099;
 color: #FFF;
 border-radius:4px;
}

div.pagination span.disabled {
 padding:3px 7px;
 margin:2px;
 border:1px solid #EEE;
 color:#BBB;
 border-radius:4px;
}

/* ---------------------------
   WARNING BUTTONS
----------------------------*/
.message, .post_del {
 border:1px solid #B60000;
 background-color:#D90000;
 width:135px;
 color:#FFFFFF;
 font-weight:bold;
 cursor:pointer;
 padding:8px;
 border-radius:6px;
 text-align:center;
}

.message:hover, .post_del:hover {
 background-color:#B30000;
}

/* ---------------------------
   PAPER UPLOAD
----------------------------*/
#paper_upload input {
 border:1px solid #7C7CCE;
 border-radius:6px;
 padding:5px;
}

/* ---------------------------
   MESSAGE BUTTONS
----------------------------*/
#mes_del, #mes_reply {
 display:block;
 text-decoration:none;
 color:#FFFFFF;
 padding:6px;
 background-color:#8A82FF;
 font-weight:bold;
 border-radius:6px;
}

#mes_del {
 width:75px;
}

#mes_reply {
 width:130px;
}

/* ---------------------------
   SEND MESSAGE AREA
----------------------------*/
#send_mes {
 border:3px solid #990000;
 border-radius:6px;
 padding:10px;
}

#send_mes input, #change_pass input {
 border:1px solid #7C7CCE;
 border-radius:6px;
 padding:5px;
}

/* ---------------------------
   HOMEPAGE TABLE
----------------------------*/
#homepage td {
 border-bottom:1px solid #FFFFFF;
 padding:4px;
}

/* ---------------------------
   SHOW BUTTON
----------------------------*/
#show {
 text-decoration:none;
 display:block;
 width:60px;
 padding:6px;
 background-color:#6A60FF;
 text-align:center;
 border:1px solid #000000;
 color:#FFFFFF;
 font-weight:bold;
 border-radius:6px;
}

/* ---------------------------
   LIST WRAPPER
----------------------------*/
#w_list {
 border:8px solid #C7C7FF;
 border-radius:6px;
}

/* ---------------------------
   TABLE HEADER BOX
----------------------------*/
.thTable {
 border:3px solid #990000;
 background-color:#F8F8FF;
 border-radius:4px;
}

.thButton {
 padding:10px;
 background-color:#00A050;
 color:#FFFFFF;
 font-weight:bold;
 border:none;
 border-radius:6px;
 cursor:pointer;
}

/* ---------------------------
   INVITE NOTE
----------------------------*/
#invite_note {
 width:50%;
 background-color:#F5F5FF;
 border:1px solid #000000;
 font-size:16px;
 font-weight:bold;
 padding:10px;
 border-radius:6px;
}

/* ---------------------------
   AGREE BUTTON
----------------------------*/
#agree {
 padding:10px;
 background-color:#00A050;
 width:120px;
 color:#FFFFFF;
 font-weight:bold;
 border:none;
 border-radius:6px;
 cursor:pointer;
}

#agree:hover {
 background-color:#00B060;
}

/* ---------------------------
   FOOTER
----------------------------*/
#footer a, #footer {
 text-decoration:none;
 color:#000000;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:12px;
}

/* ---------------------------
   PAGE BACKGROUND
----------------------------*/
body {
 background-color:#EEECFF;
 font-family:Arial, sans-serif;
}

/* ---------------------------
   SHOW DETAIL LINK
----------------------------*/
#show_detail {
 color:#5C4BFF;
 font-weight:bold;
}

#show_detail:hover {
 color:#8A00CC;
}