/*
    Theme Name: Blue Navee
    Theme URI: http://www.rioleo.org
    Description: Blue and gray colors
    Version: 1.0
    Author: Rio Akasaka
    Author URI: http://www.rioleo.org
*/

/*  
    Please note that this stylesheet is available simply 
    as a guide to web designers (as I'm one myself) and as
	such is strict not for copying.

*/
.notice {
width:600px;
float:right;
background:#eee;

}
.notice p {
margin-left:10px;
margin-right:10px;
padding:5px;
}
.good {
background:#166E00;
color:#fff !important;
padding:10px;
display:block:
}
.error {
background:#BA1313;
color:#fff !important;
padding:10px;
width:500px;

display:block;
height:20px;
}
#myspan2 {
margin:10px;
}
input.submitlarge {
font-size:19px;
}
input.submitlarge2 {
font-size:19px;
}
body {
width:900px;
font-family:"Trebuchet MS", Verdana, sans-serif;
color:#000;
background:#fff;
font-size:13px;
margin:0 auto;
}
.box {
padding:10px;
border:1px solid #ddd;
background-color:#eee;
margin-bottom:15px;
}

.wrapper {
padding-left:20px;
padding-right:20px;
background:#fff;
border:10px solid #eee;
}
.maincontent a {
color:#003577;
font-family:Trebuchet MS;
font-size:14px;
}
.maincontent p {
line-height:1.6em;
}
img.amazon {
margin-bottom:0;
border:1px solid #ddd;
background-color:#eee;
padding:4px;
}
.logo
{
background:url(logo.jpg) left top no-repeat;
width:387px;
height:100px;
float:left;
}
.login
{
float:right;
background:url(loginbg2.jpg);
width:284px;
height:140px;
}
.login2
{
float:right;
background:url(controlpanel.jpg);
width:284px;
height:123px;
}
.login2 p
{
padding-left:80px;
padding-top:20px;
color:#fff;
}
.login2 a {
color:#fff;
font-size:14px;
}
.spacer
{
height:20px;
clear:both;
}
.menu 
{
width:207px;
float:left;
}
.none 
{
border:0px;
}
h3 {
border:0;
margin:0;
padding:0;

}
.explanation {
margin-bottom:10px;

}
.mainarea {
background:url(mainarea.jpg) right no-repeat;
height:485px;
_width:550px;
_margin-left:250px;

}
.login a, .login a:visited {
color:#aaa;
font-size:11px;
}
.login p {
margin-left:10px;
}
.maincontent {
margin-left:250px;
width:550px;
}
.menu ul {
margin:0;
padding:0;
list-style-type:none;
margin-bottom:10px;
}
.menu ul li a {
display:block;
padding-left:10px;
padding-top:4px;
padding-bottom:4px;
background:#eee;
text-decoration:none;
color:#444;
font-family:Trebuchet MS;
font-size:13px;
margin:0;
}
.footer {
clear:both;
width:800px;
}
.footer p {
color:#003577;
text-align:center;
}
.footer a, .footer a:visited {
color:#003577;
}

/* input properties */

input.txt {
	border:1px #aaa solid;
	font:12px Trebuchet MS;
	color:#555;
	background: #fff url(input.gif);
	padding:1px;
	margin-top:4px;
}
input.txt2, select {
	border:1px #aaa solid;
	font:14px Trebuchet MS;
	color:#555;
	background: #fff url(input.gif);
	padding:4px;
	margin-top:6px;
}
textarea {
	border:1px #aaa solid;
	font:14px Trebuchet MS;
	color:#555;
	background: #fff url(input.gif);
	padding:4px;
	margin-top:6px;
}
select {
background:#fff;
}
#cForm {
margin-top:50px;
margin-left:10px;
}
#sForm {
margin-left:0px;
}
.form {
color:#fff;
width:500px;
border:1px solid #eee;
background: #0e4890;
padding:10px;
}
.stretcher ul {
_margin-top:10px;
_margin-bottom:0px;
_padding:0;
}
.stretcher ul li {
_margin-top:0;
_padding:0;
}
input.submit {
	border:0;
	width:34px;
	font-size:0px;
	height:25px;
	background:#fff url(submitbutton.jpg) no-repeat;
}


/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #4e4e4e; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #4e4e4e; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #e9e9e9; /* set unselected tab background color as desired */
color: #333; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */