@charset "utf-8";
/*------------------------------------------------------------------------------
 BASIC
 -------------------------------------------------------------------------------*/
body, div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, p, blockquote, pre, cite, code, caption, form, fieldset, legend, input, textarea, select, option, label {
	margin: 0;
	padding: 0;
}
img, table {
	border: none;
}
table {
	border-collapse: collapse;
}
ul {
	list-style: none;
}
li img, dt img {
	vertical-align: bottom;
}
address, em, cite {
	font-style: normal;
}
/* FireFox textarea */
textarea {
	font-size: 100%
}
/* HTML5 NEW-ELEMENTS RESET */
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;
}
/*-------------------------------------------------------------------------------
 FONTS
 -------------------------------------------------------------------------------*/
body, table, th, td, input, textarea, select, a {
	font-family: "Hiragino Pro W3", "Hiragino Kaku Gothic Pro", "???C???I", Meiryo, "?l?r ?o?S?V?b?N", arial, helvetica, sans-serif;
}
/*------------------------------------------------------------------------------
 HTML 
 -------------------------------------------------------------------------------*/
html {
	height: 100%;
}
body {
	background:#FFF;
	font-size:11px;
	line-height:1.4;
	color:#111;
}
h1, h2, h3, h4, h5, h6, big, small {
	font-weight: normal;
	font-size: 100%;
}
input, textarea, select {
	font-family: Verdana, sans-serif;
	font-size:13px;
}
/*LINK---------------------------------*/
a img {
	border:0;
}
a {
	color:#06c;
	text-decoration: underline;
	cursor:pointer;
}
a:hover {
	color:#06c;
	text-decoration: none;
}
/* width ---------------------------------*/
.w20 {
	width: 20px;
}
.w25 {
	width: 25px;
}
.w50 {
	width: 50px;
}
.w120 {
	width: 120px;
}
.w140 {
	width: 140px;
}
.w180 {
	width: 180px;
}
.w200 {
	width: 200px;
}
.w240 {
	width: 240px;
}
.w300 {
	width: 300px;
}
.w400 {
	width: 400px;
}
.w10p {
	width: 10%;
}
.w15p {
	width: 15%;
}
.w20p {
	width: 20%;
}
.w25p {
	width: 25%;
}
.w40p {
	width: 40%;
}
.w50p {
	width: 50%;
}
.w60p {
	width: 60%;
}
.w70p {
	width: 70%;
}
.w80p {
	width: 80%;
}
.w90p {
	width: 90%;
}
.w100p {
	width: 100%;
}
.h60 {
	height: 60px;
}
.h80 {
	height: 80px;
}
.h100 {
	height: 100px;
}
.h120 {
	height: 120px;
}
/* margin ---------------------------------*/
.m5 {
	margin: 5px;
}
.m10 {
	margin: 10px;
}
.m15 {
	margin: 15px;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mr5 {
	margin-right: 5px;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
/* padding ---------------------------------*/
.pt5 {
	padding-top: 5px;
}
.pt10 {
	padding-top: 10px;
}
.pt15 {
	padding-top: 15px;
}
.b {
	font-weight: bold;
}
.Tit {
	font-size:12px;
	font-weight: bold;
	margin: 10px 10px 0 10px;
	padding-bottom:5px;
	border-bottom:solid 2px #d3cfc7;
}
.field {
	border:solid 1px #d3cfc7;
	background:#fff;
	padding:5px;
}
.L-field {
	border:solid 1px #d3cfc7;
	background:#fff;
	padding:3px 1px;
	font-size:11px;
	width:93%;
}
.M-field {
	border:solid 1px #d3cfc7;
	background:#fff;
	padding:3px 1px;
	font-size:11px;
	width:280px;
}
.S-field {
	border:solid 1px #d3cfc7;
	background:#fff;
	padding:3px 1px;
	font-size:11px;
	width:100px;
}
.checkbox {
	width:13px;
	height:13px;
	vertical-align:top;
	position:relative;
	top:2px;
}
.button {
	background:#eee url(../img/button.gif) repeat-x 0 0;
	border:solid 1px #CCCCCC;
	color:#7f7f7f;
	font-size:14px;
	padding:4px 6px 4px 6px;
	cursor:pointer;
	line-height:14px !important;
}
.buttonAdmn {
	background:#eee url(../img/button.gif) repeat-x 0 0;
	border:solid 1px #CCCCCC;
	color:#7f7f7f;
	font-size:14px;
	padding:4px 6px 4px 6px;
	margin: 5px 0;
	cursor:pointer;
	line-height:14px !important;
	width:160px;
}
.ylw {
	background: #FFFF99!important;
}
 .button, x:-moz-any-link {
 padding: 1px 6px;
}
 .button, x:-moz-any-link, x:default {
 padding: 1px 6px;
}
.button:hover {
	color:#333;
	border-color:#999;
}
.field:focus {
	color:#000;
	border-color:#857b42;
}
.left, .alignleft {
	float:left;
	display:inline;
}
.right, .alignright {
	float:right;
	display:inline;
}
.cl {
	font-size:0;
	line-height:0;
	clear:both;
	display:block;
	height:0;
}
h1 {
	font-size:22px;
	line-height:24px;
	color:#fff;
	font-weight: normal;
}
h1 a {
	color:#fff;
	text-decoration: none;
}
h2 {
	font-size:15px;
	font-weight: normal;
}
h3 {
	font-size:12px;
	line-height:14px;
	font-weight: normal;
}
h3 a {
	text-decoration: none;
}
.shell {
	width:100%;
	margin:0 auto;
}
#header {
	height:89px;
	background-color:#1b3f18;
	white-space:nowrap;
}
#headerLogin {
	background-color:#111;
	white-space:nowrap;
}
#header h1, #headerLogin h1 {
	float:left;
	display:inline;
	padding-top:15px;
}
#top-navigation {
	float:right;
	white-space:nowrap;
	color:#fff;
	padding-top:15px;
}
.shoulder {
	float:left;
	font-size: 80%;
	white-space:nowrap;
	color:#fff;
	padding:23px 8px 0;
}
#top-navigation a {
	color:#fff;
}
#top-navigation span {
	color:#FFF;
	margin:0 5px;
}
#top {
	height:53px;
	width:95%;
	margin: 0 auto;
}
#navigation {
	height:36px;
	width:95%;
	margin: 0 auto;
}
#navigation ul {
	list-style-type: none;
}
#navigation ul li {
	float:left;
	display:inline;
	margin-right:1px;
}
#navigation ul li a {
	text-decoration: none;
	color:#111;
}
#navigation ul li a.noactive {
	float:left;
	height:36px;
	background-color:#999;
	padding: 0 10px;
	line-height:36px;
	color:#FFF;
	text-decoration: none;
}
#navigation ul li a.noactive:hover {
	background-color:#666;
}
#navigation ul li.active {
	float:left;
	height:36px;
	background-color:#FFF;
	padding: 0 10px;
	line-height:36px;
	color:#111;
	font-weight:bold;
}
#container {
	padding:0 0 20px;
}
.small-nav {
	width:95%;
	margin: 0 auto;
	padding: 15px 0;
}
#main {
}
#contentMain {
	width:95%;
	margin: 0 auto;
}
#content {
	float:left;
	width:750px;
}
#sidebar {
	float:right;
	width:225px;
}
/*TABLE --------------------------------*/
.table {
	width: 100%;
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	table-layout: fixed;
}
.table th {
	background-color:#e0e0e0;
	color:#111;
	text-align:center;
	padding:7px 10px;
	border-right:1px solid #ccc;
}
.table td {
	background:#fbfcfc;
	border-bottom:dashed 1px #999;
	border-right:1px solid #ccc;
	padding:8px 10px;
}
.tableE {
	width: 100%;
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	table-layout: fixed;
}
.tableE th {
	color:#111;
	text-align:center;
	padding:7px 10px;
	border-right:1px solid #ccc;
}
.tableE td {
	border-bottom:dashed 1px #999;
	border-right:1px solid #ccc;
	padding:8px 10px;
}
.tableTit {
	width: 180px;
	padding: 10px 3px;
	background-color: #EEE;
}
.required {
	width: 26px;
	padding: 10px 3px;
	background-color: #e0e0e0;
	text-align: center;
}
.supplement {
	color: #a4a4a4;
	margin-top:5px;
}
.red {
	color: #ff0000;
	margin-top:5px;
}
.txL {
	text-align: left;
}
.txC {
	text-align: center;
}
.txR {
	text-align: right;
}
table.total {
	margin-top: 3px;
	border-top:1px solid #ccc;
}
table.total th {
	background-color:#e0e0e0;
	color:#111;
	padding:7px 10px;
	border-right:1px solid #ccc;
}
table.total td {
	background:#fbfcfc;
	border-bottom:dashed 1px #999;
	padding:8px 10px;
}
.table td.last {
	background:#fbfcfc;
	border-bottom:dashed 1px #999;
	padding:8px 10px;
}
.table tr.odd td {
	background:#f8f8f8;
}
.table tr.last td {
	border-bottom:solid 1px #ccc;
}
.table tr:hover td {
	background:#fff9e1;
}
.tableS {
}
.tableS th {
	background:#fbfcfc;
	color:#111;
	text-align:left;
	padding:7px 10px 0;
	border-right:1px solid #ccc;
}
.tableS tr {
	vertical-align:top;
	line-height:20px;
}
.tableS td {
	background:#fbfcfc;
	border-right:1px solid #ccc;
	padding:0 10px;
	text-align:left;
}
.tableS td select {
	padding: 0;
	margin: 5px 0 10px;
	clear: both;
}
/*TABLE --------------------------------*/
.summary_table {
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	table-layout: fixed;
	margin:10px;
}
.summary_table th {
	background-color:#e0e0e0;
	color:#111;
	text-align:center;
	padding:2px 5px;
	border-right:1px solid #ccc;
}
.summary_table td {
	background:#fbfcfc;
	border:1px solid #ccc;
	padding:2px 5px;
}
/*box --------------------------------*/
.box {
	background:#fbfcfc;
	height:100%;
	padding:1px;
	margin-bottom:20px;
}
.box-head {
	background:#555;
	height:32px;
	color:#fff;
	padding: 0 10px;
	line-height:32px;
	white-space:nowrap;
	border-bottom:solid 1px #fff;
}
.box-head .right {
	padding-top:5px;
	line-height:13px;
}
.box-head .right label, .box-head .right input {
	float:left;
}
.box-head .right label {
	padding:4px 0 0 0;
}
.box-head .right input {
	margin-left:5px;
}
.box-content {
	padding:10px;
}
.box-content p {
	padding-top:10px;
}
/*half*/
.box-halfL {
	width:49%;
	float:left;
	background:#fbfcfc;
	height:100%;
	padding:1px;
	margin-bottom:45px;
}
.box-halfR {
	width:49.5%;
	float:right;
	background:#fbfcfc;
	height:100%;
	padding:1px;
	margin-bottom:45px;
}
.boxLogin {
	width:300px;
	margin: 18% auto;
	text-align: left;
	background:#fbfcfc;
	height:100%;
	padding:45px 10px;
}
.boxLogin p {
	text-align:center;
	margin-bottom:10px;
	width:100%;
}
/*TOPIC --------------------------------*/
.topic {
	margin: 10px 15px;
}
.topic li {
	border-bottom:dashed 1px #999;
	padding:8px 0;
}
.topic .odd {
	background:#f8f8f8;
}
/*** CSS3 ***/
.box, .box-halfL, .boxLogin, .box-halfR {
	-webkit-box-shadow: 0 0 5px #979797;
	-moz-box-shadow: 0 0 5px #979797;
	box-shadow: 0 0 5px #979797;
}
/**.box-head { -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }
.field, .button { -moz-border-radius:4px; -webkit-border-radius:4px; }
.small-field, .button, .pagging a { -moz-border-radius:3px; -webkit-border-radius:3px; }
.msg p { -moz-border-radius:6px; -webkit-border-radius:6px; }
.button { -moz-box-shadow: 0 0 2px #978f6c; -webkit-box-shadow: 0 0 2px #978f6c;}**/


/*pagging --------------------------------*/
.pagging {
	height:20px;
	padding:8px 10px;
	line-height:19px;
	color:#949494;
}
.btnS {
	padding:10px 10px 0;
	color:#949494;
}
.pagging .right ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pagging .right li {
	display: inline;
	padding: 0;
	margin: 0;
	float: left;
}
.pagging .right li.active {
	background-color:#FFF;
	height:20px;
	float:left;
	padding:0 8px;
	border:solid 1px #d5d5d5;
	text-decoration: none;
	color:#949494;
	margin-left:5px;
	font-weight:bold;
}
.pagging .right a {
	background:url(../img/pagging.gif) repeat-x 0 0;
	height:20px;
	float:left;
	padding:0 8px;
	border:solid 1px #d5d5d5;
	text-decoration: none;
	color:#949494;
	margin-left:5px;
}
.pagging .right a:hover {
	border-color:#999;
}
.pagging .right span {
	float:left;
	margin-left:5px;
	padding-top:2px;
}
/* icon ---------------------------------*/
a.ico {
	color:#9d9c9a;
	font-size:10px;
	text-decoration: none;
	padding:0 0 0 14px;
	background-repeat:no-repeat;
	background-position: 0 0;
	margin:0 5px;
}
a.ico:hover {
	color:#333;
}
a.icoBtn {
	background-image:url(../img/earn.gif);
	background-repeat:no-repeat;
	background-position: 3px;
	text-decoration: none;
	border:solid 1px #CCC;
	color:#7f7f7f;
	font-size:11px;
	padding:2px 6px 2px 23px;
	margin:0 0 3px 5px;
	cursor:pointer;
	line-height:14px !important;
}
a.icoBtn:hover {
	color:#333;
	border-color:#999;
}
a.del {
	background-image:url(../img/del.gif)
}
a.fail {
	background-image:url(../img/fail.gif);
}
a.accept {
	background-image:url(../img/accept.gif);
}
a.copy {
	background-image:url(../img/copy.gif);
}
a.calc {
	background-image:url(../img/calc.gif);
}
a.pdf {
	background-image:url(../img/pdf.gif);
}
a.line {
	background-image:url(../img/line.gif);
}
a.back {
	background-image:url(../img/back.gif);
}
a.edit {
	background-image:url(../img/edit.gif);
}
a.clear {
	background-image:url(../img/clear.gif);
}
a.earn {
	background-image:url(../img/earn.gif);
}
.issue-type-name {
	display:inline-block;
	width: 50px;
	font-size: 0.925em;
	padding: 2px 3px 2px 3px;
	margin: 0 2px;
	color: #FFFFFF;
	white-space: nowrap;
	text-align: center;
}
.issue-status-1 {
	display:inline-block;
	width: 60px;
	border: 1px solid #ccc;
	padding: 3px;
	background: #B2DFF7;
	text-align: center;
}
.issue-status-2 {
	display:inline-block;
	width: 60px;
	border: 1px solid #ccc;
	padding: 3px;
	background: #FFFF99;
	text-align: center;
}
.issue-status-3 {
	display:inline-block;
	width: 60px;
	border: 1px solid #ccc;
	padding: 3px;
	background: #C2D3A3;
	text-align: center;
}
.issue-status-4 {
	display:inline-block;
	width: 60px;
	border: 1px solid #ccc;
	padding: 3px;
	background: #FFE4A2;
	text-align: center;
}
.issue-status-5 {
	display:inline-block;
	width: 60px;
	border: 1px solid #ccc;
	padding: 3px;
	background: #FFCCCC;
	text-align: center;
}
.issue-status-6 {
	display:inline-block;
	width: 60px;
	border: 1px solid #ccc;
	padding: 3px;
	background: #D1D1D1;
	text-align: center;
}
/*form--------------------------------*/
.form {
	padding:15px 10px 0 10px;
}
.form label {
	display:block;
	font-weight: bold;
	padding-bottom:4px;
}
.form label span {
	color:#999;
	font-weight: normal;
}
.form .field {
	display:block;
}
.form .inline-field .field {
	display:inline;
}
.form .req {
	font-size:13px;
	float:right;
	white-space:nowrap;
	color:#999;
}
.form p {
	padding-bottom:15px;
}
.size1 {
	width:99%;
}
.size2 {
	width:80px;
}
.size3 {
	width:120px;
}
textarea.size1 {
	height:180px;
}
/*button --------------------------------*/
.buttons {
	text-align: center;
	padding:10px;
	background:#eee;
	border-top:solid 1px #e0e0e0;
}
.buttons .button {
	margin-left:3px;
}
.buttonLogin {
	text-align: center;
}
.buttonLogin p {
	margin-top: 5px;
}
/*sort --------------------------------*/
.sort {
	border-top:solid 1px #e0e0e0;
	padding-top:10px;
	margin-top:15px;
}
.sort label {
	display:block;
	font-weight: bold;
}
.sort .field {
	display:block;
	margin-top:5px;
}
.sort select.field {
	width:203px;
}
.select-all {
}
.select-all label {
	text-decoration: underline;
	padding-left:4px;
}
.add-button, .add-button span {
	float:left;
	height:26px;
	background:url(../img/add-button.gif) no-repeat 0 0;
	padding:0 0 0 28px;
}
.add-button span {
	background-position:right 0;
	padding:0 10px 0 0;
}
.add-button {
	font-weight: bold;
	font-size:12px;
	color:#747474;
	text-decoration: none;
	line-height:26px;
}
.add-button:hover {
	color:#333;
}
#footer {
	height:44px;
	background-color:#1b3f18;
	line-height:44px;
	color:#fff;
}
#footer p {
	text-align: center;
}
#footer a {
	color:#fff;
}
.msg {
	width:95%;
	margin: 0 auto;
	position:relative;
}
.msg p {
	padding:9px 10px;
	font-size:12px;
	background-repeat:no-repeat;
	background-position:10px 5px;
}
.msg a.close {
	font-size:0;
	line-height:0;
	position:absolute;
	top:0;
	right:0;
	width:34px;
	height:34px;
	background:url(../img/close.gif);
	text-indent: -4000px;
}
.msg-ok p {
	background-color:#fffac2;
	border:solid 1px #dbd6a2;
	color:#5e5c40;
	background-image:url(../img/msg-ok.gif);
}
.msg-error p {
	background: #ffdfdf;
	border:solid 1px #FFCCCC;
	color:#ba4c32;
}
.customerB {
	margin:5px 10px;
}
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #111;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #333;
}
.detailBox {
	vertical-align: top;
}
.detailBox dl {
	float: left;
	width: 100%;
	padding-bottom: 10px;
	display: block;
}
.detailBox dl dt {
	float: left;
	width: 90px;
	clear:both;
}
.dtlNavi {
	height:40px;
	width:100%;
	margin: 0 auto;
	border-bottom:3px solid #b5b5b5;
}
.dtlNavi ul {
	list-style-type: none;
	margin-left: 10px;
	color:#FFF;
	font-size:12px;
}
.dtlNavi ul li {
	float:left;
	display:inline;
	margin-right:1px;
	height:20px;
	margin-top:10px;
	background-color:#CCC;
	padding: 10px 10px 0 10px;
}
.dtlNavi ul li span {
	margin-left:17px;
}
.dtlNavi ul li a {
	text-decoration: underline;
	color:#FFF;
}
.dtlNavi ul li a:hover {
	text-decoration: none;
}
.dtlNavi ul li.active {
	background-color:#b5b5b5;
}
p.example2 {
	width: 250x;
	text-overflow: ellipsis;
}


/*------------------------------------------------------------------------------
 Add By S.Nakahara
 -------------------------------------------------------------------------------*/
.issue-type-1 {
	display:inline-block;
	width: 50px;
	font-size: 0.925em;
	padding: 2px 3px 2px 3px;
	margin: 0 2px;
	color: #FFFFFF;
	white-space: nowrap;
	text-align: center;
        background:#7ea800;
}
.issue-type-2 {
	display:inline-block;
	width: 50px;
	font-size: 0.925em;
	padding: 2px 3px 2px 3px;
	margin: 0 2px;
	color: #FFFFFF;
	white-space: nowrap;
	text-align: center;
        background:#2779ca;
}

.table tr:nth-child(odd) td {
	background:#f8f8f8;
}
.table tr:hover td {
	background:#fff9e1;
}

.nosave {
	color:#ff2222;
	font-size:14px;
	font-weight: bold;
}

tr.subtotal {
  border-top: 1px solid #666;
}

#sortable input{
  border: 0;
  font-family: "Hiragino Pro W3", "Hiragino Kaku Gothic Pro", "???C???I", Meiryo, "?l?r ?o?S?V?b?N", arial, helvetica, sans-serif;
  font-size:11px;
  background-color: transparent;
  height: 16px;
}

#sortable td.txR input {
  text-align: right;
}

.topic ul li:nth-child(even) {
	background:#f8f8f8;
}

.validateError {
  display: none;
}

#sortable td.on {
  background-color: #fed;
}

input[type="radio"] {
  vertical-align:middle;
}

.tableE tr.last td {
	border-bottom:solid 1px #ccc;
}

.mb5 {
	margin-bottom: 5px;
}

#staffs_pass_input{
  display: none;
}

table th a{
  color: #000;
  text-decoration: none;
}
table th a:hover{
  color: #000;
  text-decoration: underline;
}

table th img{
  position: relative;
  top: 1px;
}



.salesButton a{
  color: #555;
  text-decoration:none;
  text-align:center;
  color:#7f7f7f;
  width: 40px;
  height:20px;
  padding:1px 10px 1px 10px;
  font-size:14px;
}

.salesButton a.off{ cursor: default; 
      border: 1px solid; 
      border-color: #AAA #BBB #CCC; 
      -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 #fff; 
      -ms-box-shadow: inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 #fff; 
      -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25),0 1px 0 white; 
      box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25),0 1px 0 white;
      filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff08D,EndColorStr=#ff08E); 
      background-image: -moz-linear-gradient(top,#08D 0,#08E 100%); 
      background-image: -ms-linear-gradient(top,#08D 0,#08E 100%); 
      background-image: -o-linear-gradient(top,#08D 0,#08E 100%); 
      background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#08D),color-stop(100%,#08E)); 
      background-image: -webkit-linear-gradient(top,#08D 0,#08E 100%); 
      background-image: linear-gradient(to bottom,#08D 0,#08E 100%); }
a.off{
      color:#EEE;
}

.salesButton a.on { text-shadow: 0 1px 0 white; 
      border: 1px solid; 
      border-color: #CCC #CCC #AAA; 
      background-color: #E0E0E0; 
      -moz-box-shadow: inset 0 0 1px #fff; 
      -ms-box-shadow: inset 0 0 1px #fff; 
      -webkit-box-shadow: inset 0 0 1px white; 
      box-shadow: inset 0 0 1px white;filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffFAFAFA,EndColorStr=#ffdcdcdc); 
      background-image: -moz-linear-gradient(top,#FAFAFA 0,#dcdcdc 100%); 
      background-image: -ms-linear-gradient(top,#FAFAFA 0,#dcdcdc 100%); 
      background-image: -o-linear-gradient(top,#FAFAFA 0,#dcdcdc 100%); 
      background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FAFAFA),color-stop(100%,#dcdcdc)); 
      background-image: -webkit-linear-gradient(top,#FAFAFA 0,#dcdcdc 100%); 
      background-image: linear-gradient(to bottom,#FAFAFA 0,#dcdcdc 100%);}

.salesButton a.on:hover { 	border-color:#999; color:#333; } 

.csvdownload {
  margin-left: 20px;
  float:right;
}


#save-button {
	display:none;
	position: fixed;
	top: 92px;
	left: -100px;
	font-size: 120%;
	font-weight: bold;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
#save-button a {
	background: #F22;
	text-decoration: none;
	color: #eee;
	width: 100px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#save-button a:hover {
	text-decoration: none;
	color: #fff;
	background: #f66;
}

.mb10 {
	margin-bottom: 10px;
}

/* dashboard table */
table.notice{
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.notice th{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#DDDDDD;
    background-color:#003300;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.notice td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 1em;
}