html,body { background-color:#f1f1f1; padding:0px; margin:0px; }
form,p,div,ul,li,ol { margin:0px; padding:0px; }
p { margin-bottom:15px; }
h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px; padding-bottom:10px; font-family:calibri, "lucida grande", "lucida sans unicode", tahoma; }
form { display:inline }
ul { list-style:square ; padding-left:15px; }
li { padding:3px; }
a,img { border:0px ; text-decoration:underline }
a,a:link,a:visited { color:#1574ca ; }
a:hover { text-decoration:underline }
.clear { clear:both; }
.left { float:left;}
.right { float:right;}
.hidden { display:none; }
.visible {display:block; }
.hand { cursor:pointer; cursor:hand; }
hr { color:#d1d1d1;background:#d1d1d1;height:1px;margin:0px;padding:0px;border:0px;margin:5px 0px;border-bottom:1px solid #fff; }
small {color: #666 }
.padding5 {padding:5px;}

/*misc*/
.border {
height:1px;
overflow:hidden;
font-size:1px;
}

.bgf1f1f1 {
background:#f1f1f1;
}

.bgf7f7f7 {
background:#f9f9f9;
}

/*main*/
.body {
margin:0 auto;
font-family:tahoma, sans-serif;
font-size:13px;
color:#444;
position:relative;
background:#fff;
border-top:2px solid #000;
}

.label {
border:1px solid #eee;
display:inline-block;
padding:5px;
margin-bottom:5px;
background:#fafafa;
cursor:pointer;
cursor:hand;
text-align:left;
}

.onek {
width:1100px;
margin:0 auto;
}

/*header*/
#header h1 {
padding:0px;
}

#header {
background:#222;
position: relative;
padding: 10px;
}

#header a,#header a:link,#header a:visited {
color:#fff;
text-decoration:none;
}

#header h1 {
font-size:16px;
text-transform:uppercase;
}

#header h1 {
float:left;
}

#header #login {
float:right;
}

form .clear {
padding:5px;
}

.inputtext {
padding:5px;
color:#333;
background:#f7f7f7;
border:1px solid #ccc;
margin-bottom:10px;
width:350px;
}

.inputtextsmall {
padding:5px;
color:#333;
background:#f7f7f7;
border:1px solid #ccc;
margin-bottom:10px;
width:60px;
}

.formbtn {
font-size: 11px;
padding:5px 9px;
font-weight:bold;
color:#fff;
background:#444;
border:1px solid #333;
}

input[readonly="readonly"], textarea[readonly="readonly"]{
background:#f1f1f1;
border:0px;
}

/*content */
#content {
padding:15px;
}

h1.pagetitle {
border-bottom:1px solid #ccc;
margin-bottom:20px;
}

h1.pagetitle small a {
padding-top:15px;
font-size:13px;
}

#sidenav {
width:190px;
float:left;
margin-right:-1px;
border-right:1px solid #f1f1f1;
}

#sidenav ul {
padding:0px;
list-style:none;
}

#sidenav ul li {

}

#sidenav ul li a,#topnav ul li a:link,#topnav ul li a:visited {
display:inline-table;
padding:10px;
width:150px;
background:#eee;
color:#222;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

#sidenav ul li a:hover {
background:#ddd;
text-decoration:none;
}

.rightcontent {
min-height:400px;
float:left;
width:885px;
padding-left:15px;
border-left:1px solid #f1f1f1;
}

.formlabel {
width: 130px;
float: left;
padding-top: 5px;
}

#searcharea {
background:#f7f7f7;
padding:10px;
border-bottom:1px solid #ccc;
margin-top:-20px;
margin-bottom:20px;
}

#searcharea .formlabel {
width: 170px;
}

.valMsg {
display:inline-table;
 margin-top: 5px;
 margin-left: 5px; 
 font-size:11px;
 color:#555;
}

.table th {
padding: 10px;
background: #666;
color: #fff;
}

.table td {
padding: 10px;
text-align:center;
background: #f1f1f1;
border-bottom: 1px solid #ddd
}

.ordertable td {
vertical-align:top;
}

.ordertable td code {
padding-top:0px;
margin-top:0px;
}

span.title {
font-weight: bold;
margin-right: 5px;
font-size: 11px;
color: black;
background: #eee;
padding: 8px;
}

.box,.redbox {
background:#f1f1f1;
padding:10px;
border:1px solid #ddd;
margin-bottom:15px;
}

.redbox {
background:#F7E9E9;
border:1px solid #BA2727;
color:#8A0606
}

.formborder {
width:450px;
border:1px solid #e1e1e1;
padding:13px;
margin-bottom:5px;
}

/*footer*/
#footer {
text-align:center;
padding:10px;
padding-top:50px;
color:#666;
}