body {
background-color:#036;
margin:0;
padding:0;
}
body,td,select,input,textarea {
	font: 12px verdana, arial, helvetica, sans-serif;
}

h1 {
font-size: 18px;
color:#036;
margin:10px 0 10px 0;
}

h2 {
font-size: 14px;
color:#333;
margin:5px 0 5px 0;
}

h3 {
font-size: 12px;
color:#333;
margin:0;
}

hr {
height:1px;
background-color:#036;
border:0;
}

a {color:#00f;text-decoration:underline}
a:visited {color:#00f}
a:hover {color:#c00;text-decoration:none;}

a.inv {color:#c00;text-decoration:none;}
a.inv:visited {color:#c00}
a.inv:hover {color:#00f;text-decoration:underline;}


a.sm {color:#00f;text-decoration:none;}
a.sm:visited {color:#00f}
a.sm:hover {color:#c00;text-decoration:underline;}

a.smblack {color:#000;text-decoration:none;font-size:10px;}
a.smblack:visited {color:#000}
a.smblack:hover {color:#c00;text-decoration:underline;}

a.smblacku {color:#000;text-decoration:underline;font-size:10px;}
a.smblacku:visited {color:#000}
a.smblacku:hover {color:#c00;text-decoration:none;}

a.smgrey {color:#666;text-decoration:none;font-size:10px;}
a.smgrey:visited {color:#000}
a.smgrey:hover {color:#c00;text-decoration:underline;}

.clear {
clear:both;
}

.clr {
clear:both;
}

.sm {
font-size:10px;
}

.sm_black {
font-size:10px;
color:#000;
}

.sm_grey {
font-size:10px;
color:#666;
}
.smgr {
font-size:10px;
color:#666;
}

.smred {
font-size:10px;
color:#c00;
}
.red {
color:#c00;
}
#c {
margin:0 auto;
width:960px;
background-color:#fff;
}

#head {
padding-top:20px;
height: 70px;
width: 960px;
background-color:#036;
}

.trhover:hover td {background-color: #f0f0f0;}








ul.topnav {
	list-style: none;
	padding: 8px 0 0 10px;
	margin: 0;
	float: left;
	width: 960px;
	height:49px;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 40px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	font-size:12px;
	text-shadow:1px 1px 0px #003;
}
ul.topnav li a:hover{
	color:#fc0;
	text-decoration:none;
}

ul.topnav li a:focus {
    outline: 0px solid #005cbb;
}


/*ul.topnav li span {
	width: 17px;
	height: 35px;
	float: left;
	background: url(subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;}
*/

ul.dropdown
{
margin: 0;
padding: 0;
display: block;
position: absolute;
z-index: 999;
top: 100%;
width: 180px;
display: none;
left: 0;
background-color:#005cbb;
}

ul.dropdown ul.dropdown
{
top: 0;
left: 95%;
}

ul.dropdown li
{
margin: 0;
padding: 0 0 0 10px;
float: none;
position: relative;
list-style: none;
display: block;
}

ul.dropdown li a
{
display: block;
clear:both;
}



ul.topnav li.right {
display:inline;
padding-right:0;
padding-right:30px;
float:right;
}

ul.topnav li.home {
display:inline;
padding-right:10px;
}







#navi {
width:960px;
height:49px;
background: url(/img/navi.gif) no-repeat;
}
/*
#navi ul {
padding:18px 0 0 20px;
margin: 0;
list-style-type:none;
}
#navi ul li {
display:inline;
padding-right:30px;
}

#navi ul li.right {
display:inline;
padding-right:0;
padding-left:380px;
}

#navi ul li.home {
display:inline;
padding-right:10px;
}

#navi ul li a {
color:#fff;
text-decoration:none;
font-size:12px;
padding:10px;
text-shadow:1px 1px 0px #003;
}

#navi ul li a:hover {
color:#fc0;
text-decoration:none;
}


*/


#main {
width:940px;
padding:10px;
min-height:500px;
line-height:18px;
}

#footer {
clear: both;
width:920px;
height:80px;
background: url(/img/footer.gif) repeat-x;
color:#369;
padding:20px;
line-height:18px;
border-top:10px solid #333;
}

#col_3_1 {
float:left;
width:340px;
}

#col_3_1 input[type=text], #col_3_1 textarea {
width:160px;
}

.col_3 {
float:left;
}

#col_3_2 {
float:left;
width:270px;
}

#col_3_3 {
float:left;
width:270px;
}
#col_3_gap {
width:40px;
height:280px;
float:left;
background: url(/img/gap.png) no-repeat;
}

#col_2_1 {
float:left;
width:400px;
}
#col_2_2 {
float:left;
width:470px;
}
#col_2_gap {
width:50px;
height:280px;
float:left;
background: url(/img/gap.png) no-repeat;
}

.fileQueue_multi {
	width: 250px;
	height: 230px;
	overflow: auto;
	border: 1px solid #E5E5E5;
	margin-bottom: 10px;
	padding: 0 0 0 5px;
}
.fileQueue_single {
	width: 250px;
	height: 50px;
	overflow: auto;
	border: 1px solid #E5E5E5;
	margin-bottom: 10px;
	padding: 0 0 0 5px;
}

.order {
float:left;
width:940px;
border-bottom: 1px dashed #999;
padding:20px 0 20px 0;
}

.upload {
margin: 60px 0 0 50px;
}
.upload a {
display:block;
width:180px;
height:33px;
padding:14px 0 0 14px;
background: url(/img/button_upload_2.png) no-repeat;
color:#fff;
text-decoration:none;
font-size:10px;
}
.upload a:hover {
text-decoration:underline;	
}

#new_order {
clear:left;
padding-top:20px;
}

.img_prev {
float:left;
padding:10px;
text-align:center;
}

.img_prev img {
background_color:#fff;
padding:5px;
border:1px solid #999;
}

#img_prev_edit_sort {
list-style-type: none; margin: 0; padding: 0;
}

#img_prev_edit_nosort {
list-style-type: none; margin: 0; padding: 0;
}

.img_prev_edit {
float:left;
padding:10px;
text-align:center;
margin:0 10px 15px 0;
border:2px solid #fff;
background-color:#fff;
}

.img_prev_edit:hover {
border:2px dashed #c00;
}

.img_prev_edit img {
background-color:#fff;
padding:5px;
border:1px solid #999;
cursor:move;
}

#img_prev_edit_nosort img {
cursor:default;	
}

.img_prev_but {
font-size:10px;
}

.ord_list_th td {
background-color:#ccc;
color:#333;
font-weight:bold;
}
.ord_list td {
padding:10px 0 10px 0;
margin:0;
}

.ord_list:hover {
background-color:#f0f0f0;
}

div.flagged {
background-color:#ffc;
color: #c00;
}

div.ord_list {
border-bottom: 1px solid #ccc;
padding:10px 0 10px 0;
margin:0;
}

.ord_list_img td {
border-bottom: 1px solid #ccc;
}

.ord_list_col1 {
float:left;
width:150px;
}
.ord_list_col2 {
float:left;
width:50px;
}
.ord_list_col3 {
float:left;
width:250px;
text-align:center;
}
.ord_list_col4 {
float:left;
width:120px;
text-align:right;
}
.ord_list_twr {
font-weight:bold;
font-size:11px;
color:#666;
}

.ord_proc_col1 {
float:left;
width:110px;
}
.ord_proc_col2 {
float:left;
width:250px;
}
.ord_proc_col3 {
float:left;
width:50px;
text-align:right;
}
.ord_proc_col4 {
float:left;
width:190px;
text-align:center;
}
.ord_proc_col5 {
float:left;
width:110px;
text-align:left;
font-size:10px;
}
.ord_proc_col6 {
float:left;
width:330px;
text-align:right;
font-size:10px;
}


.partn_col0 {
float:left;
width:30px;
font-size:10px;
}
.partn_col1 {
float:left;
width:200px;
}
.partn_col2 {
float:left;
width:200px;
}
.partn_col3 {
float:left;
width:120px;
}
.partn_col4 {
float:left;
width:150px;
text-align:center;
}
.partn_col5 {
float:left;
width:60px;
text-align:center;
}
.partn_col6 {
float:left;
width:60px;
text-align:right;
font-size:10px;
}

.rght {
float:right;
}

a.add {
display:block;
width:194px;
height:28px;
background: url(/img/button_new_order.png) no-repeat;
color:#fff;
font-size:10px;
text-shadow:1px 1px 0px #214b6e;
text-decoration:none;
padding:5px 0 0 10px;
}

/*settings*/
#reg_form {
width:500px;
}
#reg_form input,#reg_form select {
width:250px;
}

.err {
display:inline-block;
text-align:center;
padding:5px;
background-color:#f00;
color:#fff;
margin-bottom:5px;
}

/* popup */
.popup {background:#FFF; border:1px solid #333; padding:1px;}
.popup-header {padding:7px; background-color:#36c}
.popup-header h2 {color:#fff;margin:0; padding:0; font-size:18px; float:left;}
.popup-header .close-link {float:right; font-size:11px;color:#fff}
.popup-body {padding:10px;line-height:18px;}


.decorform td {
border:1px solid #999;
}

.invoice {
margin:10px;
padding:5px;
border: 1px solid #999;
background-color:#fff;
}

table.ordertabe {
width:100%;
}
table.ordertabe td {
border-bottom:1px solid #ccc;
}

table.ordertabe tr.trbordt td {
border-bottom:0px;
}

table.ordertabe tr:hover {
background-color:#f0f0f0;
}
#ord_l {
	float:left;
	padding-right:25px;
}
#ord_r {
	float:left;
	padding-right:25px;
}

table.partnerTable td {
	padding: 3px;
}