/*
-----------------------------------------------------------------------
Common Look and Feel
-----------------------------------------------------------------------
*/
body {
 text-align:center;
 font-size:10px;
 font-family:verdana, arial, sans-serif;
 padding:35px 0;
 background:url(http://www.smallboxsoftware.com/images/summer2007/fader_bg.gif) repeat-y 100% 0% #ffffff;
}
#container  {
 width:980px;
 margin:auto;
 text-align:left;
}
#header {
 background:url(/smallbox4/images5/header/bg.gif); 
 width:980px;
 height:61px;
}
#header ul {
 list-style:none;
 margin:0;
 padding:8px 0 0 0;
 float:left;
}
#header ul li {
 margin:0;
 padding:22px 0 0 0;
 float:left;
}
#header ul li.logo {
 padding:0 60px 0 25px;
}
#header ul li.pipe {
 padding:0px 25px;
}
#content {
 clear:both;
 width:968px;
 padding:0px 5px;
 background-color:#FFFFFF;
 border-left:solid 1px #D0D4D0;
 border-right:solid 1px #D0D4D0;
}
#left {
 float:left;
 width:168px;
 min-height:100px;
}
.navigation ul {
 padding:0 0 0 3px;
 margin:0;
}
.navigation li A {
 display:block;
 padding:5px 10px 5px 17px;
 text-decoration:none;
 font-size:12px;
 color:#555555;
}
.navigation li.on A {
 background-image:url(/smallbox4/images5/left_arrow.gif);
 background-position:0 9px;
 background-repeat:no-repeat;
 text-decoration:underline;
}
.navigation li A:hover {
 color:#67819d;
 background-image:url(/smallbox4/images5/left_arrow_2.gif);
 background-position:0 9px;
 background-repeat:no-repeat;
 text-decoration:underline;
}
#main {
 float:left;
 width:800px;
}
#footer {
 background:url(/smallbox4/images5/footer/bg.gif); 
 width:980px;
 height:22px;
}


/*
-----------------------------------------------------------------------
Login
-----------------------------------------------------------------------
*/
#main .login {
 width:220px;
 padding:0px 75px;
 color:#666666;
 background:url(/smallbox4/images5/login/bubble_content.gif);
}
#main .login .username,
#main .login .password {
 padding-bottom:10px;
}
#main .login .username .sb_text,
#main .login .password .sb_text {
 width:214px;
}



/*
-----------------------------------------------------------------------
Transactions
-----------------------------------------------------------------------
*/
.sb_admin .transactions {}
.sb_admin .transactions table.response td,
.sb_admin .transactions table.response th {
 padding:2px 0;
}
.sb_admin .transactions table.response th {
 padding-right:10px;
 text-align:right;
}
.sb_admin .transactions table td {
 padding:0 20px 0 0;
}

.sb_admin table.long_total thead td {
 font-weight:bold;
}
.sb_admin table.long_total td, 
.sb_admin table.long_total th {
 padding:2px 30px 2px 0;
}
.sb_admin table.long_total th {
 padding-right:20px;
 text-align:right;
}
.sb_admin table.long_total thead td,
.sb_admin table.long_total tbody td {
 border-bottom:1px solid #dedede;
}
.sb_admin table.long_total ul {
 padding:0;
 margin:0;
}
.sb_admin table.long_total ul li {
 margin-left:15px;
}
.sb_admin table.long_total td.count {
 padding:2px 0px 2px 0;
 text-align:center;
}
.sb_admin table.long_total td.quantity {
 text-align:center;
}
.sb_admin table.long_total td.unit_price,
.sb_admin table.long_total td.amount,
.sb_admin table.long_total td.price {
 text-align:right;
}