body { 
    background-color: #EEFFFF; 
    color: #333; 
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    border:0;
    padding:0;
    font-family: 新細明體, verdana, arial, helvetica, sans-serif;
 
}



pre {
  background-color: #eee;
  padding: 10px;
 
}

a { color: #3CAAE6; text-decoration: none}
a:hover {color: #FF8C00;cursor:pointer;}

dfn {
    font-style:normal;

}
.fieldWithErrors {
  padding: 2px;
  background-color: red;

}

.errorExp {
  padding: 2px;
  padding-left:8px;
  background-color: red;
  color:blue;

}

.errorExp1 {
  padding: 3px;
  padding-left:8px;
  color:green;
  text-align:center;

}

#errorExplanation {

  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 5px;
 
  margin: -7px;
  background-color: #1c0;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

.tags_on_things {
    color: #0000FF;
    font-size: 0.9em;
    float:left;
 
 }
 
 
.timestamp_in_list{
    text-align:right;
  
 }
 
.list_head_block {
    width:100%;
    font-family: 新細明體 ,arial;
    font-size:0.8em;
    border-bottom:solid 1px #CCCCCC;
    padding:0.2em;
    cursor: pointer;
    background-color:#FFF;
    padding:0.2em; 
    border-bottom:solid 1px #CCCCCC;
    text-align:left;
    }
    
 span.pages_class {
    float:right;
     font-size:0.95em;
 
 }
 
 
 .loading_sign{
    width:140px;    
    color:#CCCCCC;
    background-color:#993322; 
    position: absolute;
 
 }
 
 abbr, acronym {
    cursor: help; 
 
    }
    
.left_block_rim {
    background-color:#99FFFF;
    padding:0.3em;
    margin:0.3em;
 }
 
.left_block{
    width:98%;
    text-align:left;
    font-size:0.9em;
    padding:0.5em;
    background-color:#FFF;
 }
 
 .message_status {
    background-color:#D00;
    color:white;
    font-size:0.9em;
    margin:0.1em;
    padding:0.2em; 
 }
 
 .s_order_status_title{
    width:100%;
    font-size:1.2em;
    padding:0.3em;
    background-color:blue;
    color:white;
    
 }
 
 .order_detail_block{
    width:100%; 
    border:1px #CCC solid;
    font-size:0.92em;
    text-align:left;
 }
 
 .list-line-odd {
    background-color: #DDD;
 
 }
 
  .list-line-even {
    background-color: #DDF;
 
 }


.itemlistblock {
    display: table;

}




.item-img{
background-color: #fff;


}

.item_status_sign{
    border: 1px dashed #666;
    width: 120px
}


.mainsetup {
    border-color:#66FFFF; 
    padding:8px; 
    background-color:#FFCC99;
    vertical-align: top;
    text-align:left;
    width:98%;
    }



.activemaincontent {   
    width: 95%; 
    background-color:#FFFF00
    
        
}
.setupmenu{  
  float: left;
  background-color:#FFFF00;  
  padding-left:10px;
  padding:5px;
  border-right:groove 2px #FFCC00;
  border-top:groove 2px #FFCC00;
  border-left:groove 2px #FFCC00;
  
}
.setupmenulink{
    float: left;    
    padding:5px;
    padding-left:10px;
    
}

.setupcontent{
  background-color:#FFFF00;  
  padding:5px;

  
}


table.contactedit {
   width:95%;
   border-width: 0px;
	border-spacing: ;
	border-style: dotted;
	border-color: blue;
	border-collapse: collapse;
	background-color: #fffff0;


}
table.contactedit th {
	border-width: thin;
	padding: 5px;
	border-style: dashed;
	border-color: blue;
	background-color: #fffff0;
	-moz-border-radius: ;
}
table.contactedit td {
	border-width: 1px;
	padding: 5px;
	border-style: dotted;
	border-color: green;
	background-color: #faf0e6;
	-moz-border-radius: ;

	}
	
	
	
table.contacteditfromorder {
   width:300px;
   border-width: 0px;
	border-spacing: ;
	border-style: dotted;
	border-color: blue;
	border-collapse: collapse;
	background-color: #fffff0;


}
table.contacteditfromorder th {
	border-width: thin;
	padding: 5px;
	border-style: dashed;
	border-color: blue;
	background-color: #fffff0;
	-moz-border-radius: ;
}
table.contacteditfromorder td {
	border-width: 1px;
	padding: 5px;
	border-style: dotted;
	border-color: green;
	background-color: #faf0e6;
	-moz-border-radius: ;

	}



.dojoDialog {
	background-color: #eee;
	border: 1px solid #999;
	-moz-border-radius: 5px;
	padding: 4px;
}

.newdata {
    padding:0.2em;
    color:#E01919;
    font-size:0.8em;
}




/********** Outer Window ***************/

.dojoFloatingPane {
	/* essential css */
	position: absolute;
	overflow: visible;		/* so drop shadow is displayed */
	z-index: 10;

	/* styling css */
	border: 1px solid;
	border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
	background-color: ThreeDFace;
}


/********** Title Bar ****************/

.dojoFloatingPaneTitleBar {
	vertical-align: top;
	margin: 2px 2px 2px 2px;
	z-index: 10;
	background-color: #FF0000;
	cursor: default;
	overflow: hidden;
	border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
	vertical-align: middle;
}

.dojoFloatingPaneTitleText {
	float: left;
	padding: 2px 4px 2px 2px;
	white-space: nowrap;
	color: CaptionText;
	font: small-caption;
}

.dojoTitleBarIcon {
	float: left;
	height: 22px;
	width: 22px;
	vertical-align: middle;
	margin-right: 5px;
	margin-left: 5px;
}

.dojoFloatingPaneActions{
	float: right;
	position: absolute;
	right: 2px;
	top: 2px;
	vertical-align: middle;
}


.dojoFloatingPaneActionItem {
	vertical-align: middle;
	margin-right: 1px;
	height: 22px;
	width: 22px;
}


.dojoFloatingPaneTitleBarIcon {
	/* essential css */
	float: left;

	/* styling css */
	margin-left: 2px;
	margin-right: 4px;
	height: 22px;
}

/* minimize/maximize icons are specified by CSS only */
.dojoFloatingPaneMinimizeIcon,
.dojoFloatingPaneMaximizeIcon,
.dojoFloatingPaneRestoreIcon,
.dojoFloatingPaneCloseIcon {
	vertical-align: middle;
	height: 22px;
	width: 22px;
	float: right;
}
.dojoFloatingPaneMinimizeIcon {
	background-image: url(images/floatingPaneMinimize.gif);
}
.dojoFloatingPaneMaximizeIcon {
	background-image: url(images/floatingPaneMaximize.gif);
}
.dojoFloatingPaneRestoreIcon {
	background-image: url(images/floatingPaneRestore.gif);
}
.dojoFloatingPaneCloseIcon {
	background-image: url(images/floatingPaneClose.gif);
}

/* bar at bottom of window that holds resize handle */
.dojoFloatingPaneResizebar {
	z-index: 10;
	height: 13px;
	background-color: ThreeDFace;
}

/************* Client Area ***************/

.dojoFloatingPaneClient {
	position: relative;
	z-index: 10;
	border: 1px solid;
	border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;
	margin: 2px;
	background-color: ThreeDFace;
	padding: 8px;
	font-family: Verdana, Helvetica, Garamond, sans-serif;
	font-size: 12px;
	overflow: auto;
}


#calcuator_basic {
	margin:50px;
	position:absolute;
	left: 120px;
	top : 250px;
	display:none;
}
/* delete the style declaration below if you do not want it to be transparent! */
#calculator {
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.90;
}
.drag
{
	position:relative;
	cursor:hand
}
#calculator
{
	background-color:#FF0800;
	cursor:move;
	width:190px;
}
.calculatorcontainer
{
	padding:5px;
	border-top:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
	border-right:3px outset #C0C0C0;
	border-bottom:5px outset #C0C0C0;
}
#calculator #control
{
	text-align:right;
}
#calculator input
{
	width:40px;
	height:30px;
	margin:2px;
	background-color:#FFF;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:0.95em;
	border:1px solid #C0C0C0;
	cursor:hand;
	cursor:pointer;
}
#calculator img
{
	border:0;
}
#calculator #result
{
	width:173px;
	font-size:1.3em;
	padding:3px;
	cursor:text;
}
#calculator .operation
{
	color:#2C0510;
	font-weight:bold;
	background-color:#FA8602;
}
#calculator .equals
{
	color:#FFF;
	font-weight:bold;
	background-color:#0238FA;
}
#calv
{   color:#F2FA02;
	float:left;
	padding:2px 0px 0px 2px;
	font-size: 1em;
}