body {
  font:12px Arial;
  margin:0;padding:0;
  color:#3a3a3a;
  background:#f2f2f2 url('/images/bg_tile.jpg') repeat-x;
}
input.text { margin-bottom:12px; width:95%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:25px; }
h1 { font-size: 1.75em; margin: .25em 0; }
h2 { font-size: 1.5em; margin: .25em 0; margin-left:0.75em;}
h3 { font-size: 1.25em; margin: .25em 0; margin-left:0.75em;}
h4 { font-size: 1em; margin: .25em 0; }

a{ color:#24648b;}
a:hover{ text-decoration:underline;}

#wrapper{
    height:700px;
	background:url('/images/home_bg.jpg') no-repeat center top !important;
}
#container{
  margin:0 auto;
  padding:0;
  width:960px;
}

#content{
  padding:40px 40px 15px 39px;
}

#step_header{
  background:url('/images/step_bg1.gif') no-repeat;
  width:881px;
  height:27px;
  float:left;
}
#step{
  background:url('/images/step_bg2.gif') repeat-y;
  width:881px;
  float:left;
}

#step_left{
  width:156px;
  padding-left:12px;
  /*position:absolute;*/
  margin-top:-9px;
  float:left;
}
#step_right{
  width:653px;
  min-height:500px;
  float:left;
  padding:0 15px 20px 30px;
  /*padding-left:168px;*/
  /*padding:0 30px 20px 198px;*/
}
#step_btm{
  background:url('/images/step_bg3.gif') no-repeat;
  width:881px;
  height:34px;
  float:left;
}

.uploaded{
  background:url('/images/view.jpg') no-repeat;
  width:148px;
  height:148px;
  padding:1px 3px 4px 1px;
  overflow:hidden;
}

.uploadspan a{
  color:#24648b;
  font-size:11px;
  text-decoration:none;
}

.deletespan a{
  color:#d00b6c;
  font-size:0.9em;
  text-decoration:none;
}

.remark{
	font-size:0.9em;
	background:#f6f6f6;
	padding:12px;
	margin-bottom:15px;
}



#header_top_link{
  float:right;
  line-height:100px;
  font-size:0.9em;
  padding-right:50px;
}
#header_top_link a{
 // font-weight:bold;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  padding:5px 10px;
  background:#fff000;
  border:solid 1px #b0b0b0;
}
#header_top_link a:hover{
  color:#000;
  background:#fff55c;
}

#login_form{
  width:328px;
  //width:328px;
  height:400px;
  padding:85px 147px 0 0;
  //padding:85px 127px 0 0;
}

.login_field{
  background:url('/images/login_field_blank.gif') no-repeat;
  width:198px;
  height:29px;
  line-height:29px;
  font-size:0.9em;
  border:0;
  padding:0 10px;
   color:#555;
}

.point_error{
  color:#ed1154 !important;
  padding:5px !important;
  border: dotted 1px #ccc;
}
.point_success{
  color:#4c9a00 !important;
  padding:5px !important;
  border: dotted 1px #ccc;
}

.ui-button { outline: 0; margin:.2em; padding: .2em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; line-height:1em; white-space:nowrap}
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }

#menu {
border-bottom:1px solid #ccc;
height:24px;
}
#menu ul {
margin:0;padding:0;list-style:none;
z-index:100;
}
#menu a {
border:1px solid transparent;
padding:2px 5px;
height:16px;line-height:16px;
display:block;
color:#333;
text-decoration:none;
white-space:nowrap;
}
#menu li {
cursor:pointer;
margin:1px;
float:left;
}
#menu ul ul {
position:absolute;
padding:.2em;
border:1px solid #ccc;
border-right:1px solid #999;
border-bottom:1px solid #999;
background:#fff;
margin-left:-.4em;
// width:150px;
}
#menu li li {
float:none;
}
#menu ul ul ul {
float:left;
margin-top:-2em;
}
#menu .ui-state-hover, #menu .ui-state-default {
color:#fff;
}
.ui-icon, .left {
	float:left;
}
.right {
	float:right;
}

#body { margin:10px; }
.ui-follow-height { overflow-y:auto;float:left; padding:10px; border:1px solid #ccc; background:#fff;}

.ui-list{
	margin:0;
	padding:0;
	list-style:none;
}
.ui-list li {
	margin:0;
	padding:.5em;
	border-bottom:1px solid #ccc;
	cursor:pointer;
}
.ui-list li a{
	display:block;
}
.ui-list li:hover {
	background:#eee;
}

.ui-corner-all {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
}

.pagination {
	line-height:25px;
	text-align:center;
}

.pagination a {
	border:1px solid #ccc;
	color:#c02;
	text-decoration:none;
	padding:0 5px;
}

#help_topics { }
#help_topics a {
	text-decoration:none;
}

.top { margin-top:20px; margin-left:10px;}

table.sheet, table.sheets {
    border-collapse: collapse;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin: 1em;
}

table.sheet thead {
	color:#fff;
	background:#c00;
}

table.sheet td, table.sheet th {
	padding:5px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
}

table.sheet .d {
	text-align:right;
}

table.sheet .subtotal {
    font-weight:bold;
    color:#3b3131;
    background:#eeeeee;

}

table.sheet .total {
	font-weight:bold;
	background:#98AFC7;
}
.negative {
font-style: italic;color:red;
}

.replace_box{
  position:absolute;
  /*visibility:hidden;*/
  width:400px;
}

.figure {
  font-size:10px;
}

table.sheets td, table.sheets th {
   padding:4px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
   white-space:nowrap;
}

table.sheets th {
  background:#000000;
  color:#ffffff;
}

.input_box {
 visibility:hidden;
 position:absolute;
 /*width:300px;*/
}


.step2_box{
	width:35px;
	height:35px;
	/*overflow:hidden;*/
	border:solid 1px #eee;
	float:left;
	cursor:pointer;
    background:#fff;
    /*--added by cheryl 02/04/2010*/
	margin:8px 0 8px 5px;
	z-index:-1;
}
.viewlarger{
  z-index:1000 !important;
  position:absolute;
  margin:35px 0 0 -50px;
  border:solid 1px #e0e0e0;
}
.step2_box img{	z-index:0;}
.step2_box:hover{ border:solid 1px #999;}
.active_step2_box{
    overflow:hidden;
	width:51px;
	height:51px;
	float:left;
	margin-right:5px;
	cursor:pointer;
    background:#fff;
	/*border:solid 3px #df6e6e;*/
	border:solid 3px red !important;
}


.field_type{
	border:solid 1px #e5e5e5;
	height:22px;
	width:334px;
	padding:3px 8px 0 8px;	
}

.subtitle{
	width:206px;
	height:23px;
	margin:5px 0;
}
.hr_strip1{background:#eaeaea; height:1px;margin-top:10px;}
.hr_strip{
	/*background:url('images/strip.jpg') repeat-x;*/
	background:#f5f5f5;
	height:1px;
	margin-top:1px;
}
.hover_table tr:hover{
	background:#e6e6e6;
}

/*--review--*/
.big_pic{
	padding:1px 0 0 1px;
	width:265px;
	height:266px;
	background:url('/images/big_bg_pic.jpg') no-repeat;
}
.small_pic{
	padding:1px 0 0 1px;
	width:151px;
	height:152px;
	background:url('/images/f_img.gif') no-repeat;
}
.small_pic img{ float:left;}
.review_ver_title{
	font-weight:bold;
	background:#e9eff6;
	line-height:30px;
	padding:0 15px;
}
.review_ver{
	font-weight:bold;
	/*background:#f0f0f0;*/
	background:#f3f3f3;
	line-height:30px;
	padding:0 15px;
}
.review_ver_title i,.review_ver i{
	font-weight:400;
}
.version_view tr td table tr td{ font-size:0.9em;}


/*--step2 / thumb --*/
.step2_list{
	margin:0;
	padding:0;
	list-style:none;
}
.step2_list li{
	float:left;
	display:block;
	height:75px;
	width:52px;
	margin-right:5px;
	text-align:center;
}

.smartpack_step1_list{
	margin:0;
	padding:0;
	list-style:none;
}

.smartpack_step1_list li{
	float:left;
	display:block;
	height:75px;
	width:76px;
	margin-right:0;
	text-align:center;
}

.smartpack_step1_list li .active_step2_box{
	margin-left:10px;
}

.smartpack_step1_list li .step2_box{
	margin-left:19px;
}


.feedback_box ol{ margin-bottom:0;}
.feedback_box li{	padding-bottom:8px;}

.figurine_f{
	background:#faff66;
	padding:3px 5px;
}
.figurine_c{
	background:#ff8e66;
	padding:3px 5px;
}

/*review confirm*/
.review_confirm_list{
	width:100%;
	border:solid 1px #ccc;
}
.review_confirm_list th{
	background:#e9eff6;
	line-height:30px;
	border-bottom:solid 1px #ccc;
}
.status_yes,.status_no{ color:#fff; padding:2px 5px;}
.status_yes{ background:green;}
.status_no{ background:red;}


#footer{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  border:1px solid #e1e1e1;
  padding:20px;
  background:#fff;
  overflow:hidden;
  line-height:18px;
}
#footer a{
  color:#3a3a3a;
  padding:0 8px;
}
.right{ float:right;}
.left{ float:left;}
.clear{ clear:both;}