/*************************************************/
/* ATOM CSS - Applying to All Pages              */
/* (C) Up-Turn 2008 All rights reserved.         */
/*************************************************/

/* -------------- Standerd ---------------- */
body{ text-align:center; margin:0px; padding:0px; background-image: url(images/body_bg.gif);}
form,input{ margin:0px; padding:0px; }
img{ border-width:0px; }
p{ margin:0px; padding:0px; }
p.r{ text-align:right; }
ul{	list-style-position:inside; padding:0px; margin:0px; }
li{ margin-bottom:5px; }
a{ text-decoration:none; }
a:link{ color:#039; }
a:visited{ color:#06c; }
a:hover{ text-decoration:underline; color:#06f; }   
a:active{ color:#c00; }
td { font-size:80%;}
h4 { font-size:70%;}

.out { position:relative; background:#bbb; margin:10px auto; width: auto;align:left;} 
.out1 { position:relative; background:#bbb; margin:10px auto; width: auto; align:left;}
.in { background:#fff;  border:1px solid #555; 
  padding:10px 5px; position:relative;  
  top:-5px; left:-5px;align:left; }

/* --------------- WRAPPER ----------------- */
#wrapper{ text-align:left; width:900px; margin:0px auto; padding:0px; background:#fff; border-left:1px #333 solid; border-right:1px #333 solid; padding-left:10px; padding-right:10px;}

/* --------------- CONTENTS DIV ---------------- */
#contents{ min-height:500px; margin:0px auto; width: 95%;}

/* --------------- RIGHT COLUMUN --------------- */
#right{ float:right; width:200px; min-height:200px; }

/* ---------------- LEFT COLUMN ---------------- */
#left{ width:610px; float:left; text-align:left; margin-bottom:30px; }

/* ----------------- HEAD ------------------ */
#head{ width:900px; height:60px; margin: 0 auto; }

/* LOGIN */
#login{ font-size:80%; margin:0px; background:#e9e9ff; color:#999;
	text-align:center;
	background-image:url('images/waku-bottom-300.gif');
	background-repeat:no-repeat; background-position:left bottom; }
#login form{ margin:2px 10px 2px 10px; }
#login input.t{ padding:1px 2px; border:#999 1px solid; }
#login input.b{ font-size:95%; }

/* HELP */
#help{ font-size:70%; text-align:right; }
#help p a{ color:#999; }
#help p a:hover{ text-decoration:none; color:#000; }

/* ----------------- TAB ------------------ */
#tab{ margin-bottom:15px;border-bottom:#30f 3px solid; }
#tab table{ border-collapse:collapse;}
#tab td{ text-align:center;
background-image:url('images/blank.gif'); }
#tab a{ display:block; margin:0px; padding:0px; width:100%;
line-height:1.0; }
#tab a.selected{ background-image:url('images/over.gif'); }
#tab a:hover{ background-image:url('images/over.gif'); }

/* ----------------- FOOT ------------------ */
#foot{ clear:both; color:#ccc; overflow:auto;
	width:900px; font-size:75%; margin-top:30px; }
#foot A{ color:#00c; margin-left:5px; margin-right:5px; }
#foot A:hover{ text-decoration:underline; color: #00f; } 
#sitelink{ text-align:center; padding:7px; border-bottom:#999 1px dotted; }
#siteinfo{ text-align:center; padding:7px; }
P#f{ clear:both; margin:0px; width:900px;
	padding:10px 0px;
	background-image:url('images/foot.jpg');
	background-repeat:repeat-x; text-align:right; font-size:70%; color:#666; }


/* AD */
#ad img{ margin-bottom:15px; }