@charset "utf-8";
/* CSS Document */

body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
background-color: #CCCCCC;
}

form{
margin:0;
}

label{
padding:0 5px;
}

ul{
margin:0;
padding:0;
}
li{
margin:0;
padding:0;
list-style-type:none;
}

a{
text-decoration:none;
color: #333333;
}
a:hover{
color: #999999;
}

h1{
margin:0;
padding:0;
font-size: small;
}
h2{
margin:5px;
padding:0;
font-size:medium;
}
h3{
margin:5px;
padding:0;
font-size:medium;
font-weight:normal;
}

img{
border:none;
}

/*FORM*/

.inputtext{
padding:1px;
}


/*TOP*/

#toolbar{
position:fixed;
top:0;
left:0;
}

#top{
position:fixed;
top:21px;
left:0;
width:100%;
}

ul#logo{
margin:5px 10px;
padding:5px 10px;
background:url(bin/bg_shade.png) repeat-x top;
float:left;
}
#logo li{
padding:5px;
float:left;
}
#logo a:hover{
position:relative;
bottom:1px;
}
#indexpage{
border-bottom:5px solid #333333;
}


#searchform{
margin:5px 10px;
padding:5px 10px;
background:url(bin/bg_shade.png) repeat-x top;
float:left;
}

ul#menuselect{
margin:0;
padding:0;
}
#menuselect li{
margin:0;
padding:5px;
float:left;
}
#menuselect li:hover{
background-color:#EEEEEE;
}
#menuselect a{
font-weight:bold;
}

#thismenuselect{
background: #FFFF00;
}
#thismenuselect a{
font-weight:bold;
color: #666666;
}

#field{
position:fixed;
top:50px;
left:0;
margin:5px;
background-color:#EEEEEE;
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}

ul#fieldlist{
clear:both;
}
ul#fieldlist li{
padding:5px;
float:left;
}

ul#settings{
margin:5px;
float:right;
}
#settings li{
margin:0 1px;
float:left;
}
#settings li.setleft{
border:1px solid #FFFFFF;
}
#settings li.setmain{
border:1px solid #FFFF00;
}
#settings li.setauto{
border:1px solid #666666;
}
#settings a{
display:block;
padding:2px 5px;
color:#FFFFFF;
float:left;
}
.seta{
background:url(bin/bg_menu.png) repeat-x top;
}
.thisseta{
background-color: #999999;
color:#333333;
}
.setal{
background:url(bin/bg_menu.png) repeat-x top;
}
.thissetal{
background-color: #999999;
color:#FFFF00;
}

/*MAIN*/

#main{
margin:70px 5px;
}

#mainplus{
margin:100px 5px 50px;
padding:5px;
}

/*MENU*/

#menulistbox{
position:fixed;
top:70px;
left:10px;
width:25%;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}

ul#leftmenuselect{
margin:0 5px;
}
#leftmenuselect li{
margin-bottom:5px;
padding:5px 10px 10px;
float:left;
}
.lefttab{
background:url(bin/bg_menutab.png) no-repeat center bottom;
}
.thislefttab{
background:url(bin/bg_thismenutab.png) no-repeat center bottom;
}
#leftmenuselect a{
font-weight:bold;
}

ul#menulist{
margin:0 5px;
padding:0;
background-color:#FFFFFF;
clear:both;
}
#menulist li{
margin:0;
line-height:1.2;
}
#menulist li:hover{
background-color:#EEEEEE;
}
li.menunew{
padding:5px 10px;
}
li.menu{
margin:0 5px;
padding:5px 10px;
white-space:nowrap;
float:left;
}
li.menuday{
margin:0 5px;
padding:5px 10px;
white-space:nowrap;
float:left;
}
li.menutag{
margin:0 5px;
padding:5px 10px;
white-space:nowrap;
float:left;
}
li.menusou{
margin:0 5px;
padding:5px 10px;
white-space:nowrap;
float:left;
}
li.menumore{
padding:5px;
text-align:center;
font-weight:bold;
clear:both;
}

.one{
color:#000000;
}
.two{
color:#666666;
}
.three{
color: #999999;
}
.four{
color: #CCCCCC;
}

/*URL*/

#mainmenubox{
width:70%;
margin:0 10px 60px;
padding-bottom:50px;
border:5px solid #FFFF00;
background-color: #FFFFFF;
float:right;
}

#mainmenuselect{
padding:10px;
background:url(bin/bg_maintitle.png) repeat-x top;
}
#mainmenuselect b{
color:#999999;
float:right;
}
b#maxnum{
margin:5px 10px;
font-size:small;
background:url(bin/bg_menu.png) repeat-x top;
padding:0 5px;
}
#maxnum a{
padding:5px;
color:#999999;
}

ul#minipostit{
margin:0;
padding:0;
}
#minipostit li{
margin:0 5px;
list-style-type:none;
color:#666666;
font-size:small;
float:left;
}

#mainlist{
width:95%;
margin:10px;
padding:0;
float:left;
}
#mainlist dt{
margin:5px 0;
padding:10px 0 0;
font-size:medium;
clear:right;
}
#mainlist dd{
margin:0 0 5px 50px;
padding:0;
}
dd.ddinfo{
height:110px;
overflow:hidden;
}
#mainlist p{
margin:0;
padding:3px;
color:#666666;
border-top:1px solid #FFFFCC;
border-left:1px solid #FFFFCC;
border-right:1px solid #FFFFCC;
border-bottom:1px solid #FFFFFF;
}
p.ddmemo{
background-color: #FFFFDD;
}
p.ddcom{
background-color: #FFFFEE;
}
#mainlist b{
font-size:small;
color:#999999;
margin-left:5px;
padding:2px;
}
.mainimage{
width:100px;
height:100px;
padding:5px;
background:url(bin/bg_img.png) no-repeat top;
float:right;
}
.postimage{
margin-right:5px;
float:left;
}
.thispostimage{
margin-right:5px;
float:left;
border-bottom:2px solid #CCCCCC;
}

#mainlistimg{
margin:5px;
padding:0;
clear:both;
float:left;
}
#mainlistimg li{
width:100px;
height:120px;
padding:5px;
list-style-type:none;
font-size:smaller;
overflow:hidden;
white-space:nowrap;
background:url(bin/bg_img.png) no-repeat;
float:left;
}
#mainlistimg li:hover{
background:#FFFF00;
}
#mainlistimg b{
display:block;
margin-top:5px;
font-weight:normal;
}

#plusf{
margin-left:5px;
}

.pnt{
background-color: #FFFFCC;
float:right;
}
.pnt1{
background-color: #FFFF66;
float:right;
}
.pnt2{
background-color: #FFFF00;
float:right;
}
.pmax{
background-color: #FF9900;
float:right;
}

.viw{
background-color: #CCFFFF;
float:right;
}
.viw1{
background-color: #99FFFF;
float:right;
}
.viw2{
background-color: #66FFFF;
float:right;
}
.viwmax{
background-color: #00FFFF;
float:right;
}

.cmt{
background-color: #FFCCFF;
float:right;
}
.cmt1{
background-color: #FFCCCC;
float:right;
}
.cmt2{
background-color: #FF99FF;
float:right;
}
.cmax{
background-color: #FF66FF;
float:right;
}

.urltags{
margin-right:1px;
padding:2px 5px;
font-size:smaller;
background-color: #CCFF00;
}
.urltags1{
margin-right:1px;
padding:2px 5px;
font-size:smaller;
background-color: #99FF00;
}
.urltags2{
margin-right:1px;
padding:2px 5px;
font-size:smaller;
background-color: #66FF00;
}
.urltagsmax{
margin-right:1px;
padding:2px 5px;
font-size:smaller;
background-color: #33FF00;
}

#editlink{
margin-left:5px;
padding:1px;
float:right;
border:1px solid #CCCCCC;
}
#deletelink{
margin-left:1px;
margin-right:10px;
padding:1px;
float:right;
border:1px solid #CCCCCC;
}

/*NEXT*/

#next{
margin:10px;
text-align:center;
clear:both;
}
#next a{
padding:2px 5px;
color: #FFFFFF;
font-weight:bold;
}
#next a:hover{
color:#FFFF00;
}
.nextclass{
background-color:#CCCCCC;
}
.thisnextclass{
background-color:#999999;
}

/*FOOT*/

#foot{
position:fixed;
bottom:0;
right:0;
}

#postform{
margin:5px;
padding:5px 10px;
background:url(bin/bg_shade.png) repeat-x top;
float:right;
}

#loginform{
margin:5px;
padding:5px 10px;
background:url(bin/bg_shade.png) repeat-x top;
float:right;
}

.inputbtn{
padding:1px 3px;
background:url(bin/bg_input.png) repeat-x center;
color: #FFFFFF;
font-weight:bold;
border:none;
}

.newbtn{
padding:2px 5px;
background:url(bin/bg_linkbtn.png) repeat-x center;
font-weight:bold;
color: #666666;
}

div#pleaselogin{
position:absolute;
top:50%;
left:50%;
font-size:large;
font-weight:bold;
color:#FFFFFF;
}