@CHARSET "UTF-8";

/*
 * $Id: style.css,v 1.67 2009/03/23 10:01:16 niwl Exp $
 */

/*
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
*/

html {
  font:12px 宋体, verdana;
  background-color:#fff;
  overflow-x:visible;
}

form {
  margin:0;
  padding:0;
}

body {
  margin:0;
  width:100%;
  /*
  overflow-y:auto;
  width:100%!important;
  width:98%;
  */
  scrollbar-face-color:#ddd;
  scrollbar-highlight-color:#fff;
  scrollbar-3dlight-color:#999;
  scrollbar-shadow-color:#fff;
  scrollbar-darkshadow-color:#999;
  scrollbar-track-color:#efefef;
  scrollbar-arrow-color:#fff;
}

input {
  font-size:12px;
}

select {
  font-size:12px;
}

a:link {
  color:#01329B;
  text-decoration:none;
  line-height:18px;
}
a:visited {
  color:#666666;
  text-decoration:none;
  line-height:18px;
}
a:active {
  color:#01329B;
  text-decoration:none;
  line-height:18px;
}
a:hover {
  color:#FF6600;
  text-decoration:none;
  line-height:18px;
}

a#current:link, a#current:visited {
  color:#FF3300;
  text-decoration:none;
  line-height:18px;
  font-weight:bold;
}

a.blue:link, a.blue:visited {
  color:#01329B;
  text-decoration:none;
  line-height:18px;
}

a.blue:hover{
  color:#FF6600;
  text-decoration:none;
  line-height:18px;
}

input.inputText {
  color:#585858;
  text-indent:2px;
  height:14px;
  border-left:1px solid #7F9DB9;
  border-right:1px solid #7F9DB9;
  border-top:1px solid #7F9DB9;
  border-bottom:1px solid #7F9DB9;
}

span.unread {
  color:#F00;
}
span.read {
  color:#F00;
}

#topBar {
  color:#000;
  padding-bottom:24px;
  background:url("../images/index/greenborder_bg.gif") repeat-x center top;
}
#topBar #leftBar {
  float:left;
  padding-top:9px;
  padding-left:5px;
  background:url("../images/index/pic_greenborder.gif") no-repeat left top;
}
#topBar #rightBar {
  float:right;
  height:15px;
  line-height:15px;
  padding-top:3px!important;
  padding-top:1px;
  padding-right:15px;
  background:url("../images/index/pic_greenborder1.gif") no-repeat right top;
}

#greenTopBar {
  background-image: url('../images/index/greenborder_bg.gif');
  background-repeat: repeat-x;
  height:16px;
  color: #245802;
  padding-left: 12px;
  padding-top:8px;
  padding-bottom:0px;
}

input.searchBtn {
  border:0;
  vertical-align:top;
  padding:2px!important;
  padding:4px;
}

div#actionError {
  margin-top:10px;
  margin-left:10px!important;
  margin-left:5px;
  padding:3px;
}

span#actionError {
  margin-left:10px!important;
  margin-left:15px;
  padding:3px;
  padding-right:10px;
}

ul#errors {
  margin-left:5px!important;
  margin-left:0;
  margin-right:280px;
  margin-top:10px;
  margin-bottom:0;
  padding-left:26px!important;
  padding-left:22px;
  padding-top:5px;
  padding-bottom:1px!important;
  padding-bottom:0px;
  border:solid 1px #FF6600;
  background-color:#FFF2E9;
  list-style-image:url('../images/workspace/icon_red.gif') ;
  vertical-align:middle;
}
ul#errors li {
  margin-left:0;
  padding-left:0!important;
  padding-left:2px;
}

ul#messages {
  margin-left:5px!important;
  margin-left:0;
  margin-right:280px;
  margin-top:10px;
  margin-bottom:0;
  padding-left:26px!important;
  padding-left:22px;
  padding-top:5px;
  padding-bottom:1px!important;
  padding-bottom:0px;
  border:solid 1px #00BE00;
  background-color:#E6FFE6;
  list-style-image:url('../images/workspace/icon_green.gif') ;
  vertical-align:middle;
}
ul#messages li {
  margin-left:0;
  padding-left:0!important;
  padding-left:2px;
}

#dataTable {
  clear:both;
  width:98%;
  border:0;
  background-color:#A6A4A4;
}
#dataTable tr {
  color:#484848;
  background-color:#FFF;
}
#dataTable td {
  height:23px;
  padding-left:5px;
  padding-right:5px;
}
#dataTable tr.title {
  font-weight:bold;
  text-align:center;
  background-image:url("../images/index/listyellow_bg.gif");
  background-repeat:repeat-x;
  background-color:#fbffeb;
}
#dataTable tr td.title {
  font-weight:bold;
  text-align:right;
  background-color:#FFFFF2;
}
#dataTable tr.unread {
  font-weight:bold;
}
#dataTable tr.selected {
  background-color:#F0FBFF;
}

#dataTable td.wider {
  padding:4px;
  word-break:break-all;
}

.dataTable {
  clear:both;
  width:98%;
  border:0;
  background-color:#A6A4A4;
}
.dataTable tr {
  color:#484848;
  background-color:#FFF;
}
.dataTable td {
  height:23px;
  padding-left:5px;
  padding-right:5px;
}
.dataTable tr.title {
  font-weight:bold;
  text-align:center;
  background-image:url("../images/index/listyellow_bg.gif");
  background-repeat:repeat-x;
}
.dataTable tr td.title {
  font-weight:bold;
  text-align:right;
  background-color:#FFFFF2;
}
.dataTable tr.unread {
  font-weight:bold;
}
.dataTable tr.selected {
  background-color:#F0FBFF;
}

.dataTable td.wider {
  padding:4px;
  word-break:break-all;
}

.dataTable1 {
  clear:both;
  width:98%;
  border:0;
  background-color:#A6A4A4;
}
.dataTable1 tr {
  color:#484848;
  background-color:#FFF;
}
.dataTable1 td {
  height:23px;
  padding-left:5px;
  padding-right:5px;
}
.dataTable1 tr.common {
  color:#484848;
  background-color:#F5F5F5;
}
.dataTable1 tr td.common {
  height:23px;
  padding-left:5px;
  padding-right:5px;
  background-color:#F5F5F5;
}
.dataTable1 tr.title {
  font-weight:bold;
  text-align:center;
  background-image:url("../images/index/listyellow_bg.gif");
  background-repeat:repeat-x;
}
.dataTable1 tr td.title {
  font-weight:bold;
  text-align:right;
  background-color:#FFFFF2;
}
.dataTable1 tr.unread {
  font-weight:bold;
}
.dataTable1 tr.selected {
  background-color:#F0FBFF;
}

.dataTable1 td.wider {
  padding:4px;
  word-break:break-all;
}
.simpleTable {
}

.simpleTable td {
  padding-left:5px;
  padding-right:5px;
}

#inputTable {
  width:100%;
  border:0;
  background-color:#fff;
}

#inputTable tr td.inputTitle {
  height:22px;
  padding-top:3px;
}

.arrow {
  font-size:7pt;
  cursor:pointer;
  color:#608c8c;
  color:#7F9DB9;
}

input.removeBtn {
  border:0;
  width:39px;
  height:20px;
  vertical-align:middle;
}

#bottomBar {
  margin-top:5px;
}
#bottomBar #buttons {
  float:left;
}
#bottomBar #pagination {
  float:right;
  margin-top:0px;
  margin-bottom:0px;
}

#pagination {
  clear:both;
  margin-top:5px;
  margin-bottom:5px;
}

div#menuBar {
  height:26px;
  padding-left:10px;
  border-left:solid 1px #A5D77A;
  border-right:solid 1px #A5D77A;
  background:url('../images/workspace/green1border_bg.gif') repeat-x;
}
div#menuBar a {
  color:#245802;
  text-decoration:none;
}
div#menuBar #current {
  float:left;
  height:26px;
  width:100px;
  text-align:center;
  cursor:pointer;
  margin-right:5px;
  background:url('../images/workspace/menu_greenbt1_bg.gif') repeat-x;
}
div#menuBar #currentLeft {
  float:left;
  width:5px;
  height:26px;
  background:url('../images/workspace/menu_greenbt.gif') no-repeat;
}
div#menuBar #currentMiddle {
  float:left;
  width:90px;
  height:17px;
  padding-top:9px;
}
div#menuBar #currentRight {
  float:left;
  width:5px;
  height:26px;
  background:url('../images/workspace/menu_greenbt1.gif') no-repeat;
}

div#menuBar .other {
  float:left;
  margin-right:10px;
  height:26px;
  width:100px;
  color:#245802;
  cursor:pointer;
  text-align:center;
  background:url('../images/workspace/menu_greenbt2_bg.gif') repeat-x;
}
div#menuBar .otherLeft {
  float:left;
  width:5px;
  height:26px;
  background:url('../images/workspace/menu_greenbt2.gif') no-repeat;
}
div#menuBar .otherMiddle {
  float:left;
  width:90px;
  height:17px;
  padding-top:9px;
}
div#menuBar .otherRight {
  float:left;
  width:5px;
  height:26px;
  background:url('../images/workspace/menu_greenbt3.gif') no-repeat;
}

div#menuBar .disabled {
  float:left;
  margin-right:10px;
  height:26px;
  width:100px;
  color:#B4B4B4;
  cursor:not-allowed;
  text-align:center;
  background:url('../images/index/menu_greenbt4_bg.gif') repeat-x;
}
div#menuBar .disabledLeft {
  float:left;
  width:5px;
  height:26px;
  background:url('../images/index/menu_greenbt4.gif') no-repeat;
}
div#menuBar .disabledMiddle {
  float:left;
  width:90px;
  height:17px;
  padding-top:9px;
}
div#menuBar .disabledRight {
  float:left;
  width:5px;
  height:26px;
  background:url('../images/index/menu_greenbt5.gif') no-repeat;
}

div#subMenuBar {
  height:26px;
  padding-left:10px;

}
div#subMenuBar a {
  color:#245802;
  text-decoration:none;
}
div#subMenuBar #current {
  float:left;
  height:26px;
  width:100px;
  text-align:center;
  cursor:pointer;
  background:url('../images/workspace/menu_greenbt1_bg.gif') repeat-x;
}
div#subMenuBar #currentLeft {
  float:left;
  width:5px;
  height:26px;
  background:url('../images/workspace/menu_greenbt.gif') no-repeat;
}
div#subMenuBar #currentMiddle {
  float:left;
  width:90px;
  height:17px;
  padding-top:9px;
}
div#subMenuBar #currentRight {
  float:left;
  width:5px;
  height:26px;
  background:url('../images/workspace/menu_greenbt1.gif') no-repeat;
}

div#subMenuBar .other {
  float:left;
  height:26px;
  width:100px;
  color:#245802;
  cursor:pointer;
  text-align:center;
  background:url('../images/workspace/menu_greenbt2_bg.gif') repeat-x;
}
div#subMenuBar .otherLeft {
  float:left;
  width:5px;
  height:26px;
  background:url('../images/workspace/menu_greenbt2.gif') no-repeat;
}
div#subMenuBar .otherMiddle {
  float:left;
  width:90px;
  height:17px;
  padding-top:9px;
}
div#subMenuBar .otherRight {
  float:left;
  width:5px;
  height:26px;
  background:url('../images/workspace/menu_greenbt3.gif') no-repeat;
}

div#content {
  clear:both;
}

div#topContent {
  clear:both;
  margin:10px;
}

div.topContent {
  clear:both;
  margin-top:5px;
  margin-bottom:5px;
}

div#mainContent {
  margin:10px;
  padding-bottom:5px;
}

div#buttomOperator {
  margin-top:10px;
}

.buttonField {
  float:left;
}

/* Common button style */
input.colorButton {
  border:1px solid;
  width:50px;
  background-color:#2cc;
}

.blueText{
  height:20px;
  line-height:20px;
  border:1px solid #7F9DB9;
  background-color:#f4fcff;
  color:#585858;
  padding-left:3px;
  padding-right:3px;
}

.pageText{
  height:15px;
  line-height:15px;
  border:1px solid #7F9DB9;
  background-color:#f4fcff;
  color:#585858;
  padding-left:3px;
  padding-right:3px;
}

.blueTextarea {
  line-height:18px;
  border:1px solid #7F9DB9;
  background-color:#f4fcff;
  color:#585858;
  padding-left:3px;
  padding-right:3px;
}
.blueTextareaForSms {
  line-height:18px;
  border:1px solid orange;
  background-color:#f4fcff;
  color:#585858;
  padding-left:3px;
  padding-right:3px;
}
.inputField {
  float:left;
  height:25px;
}

.centerx {
  background-color:#FFFFFF;
  margin-bottom:8px;
  padding:8px 22px 8px 22px;
  border:1px solid #6DDB00;
}

.top11 {
  padding-top:11px;
}

.blueSelector {
  color:#585858;
  background-color:#f4fcff;
}

.grayButton {
  border:solid 1px #969696;
  height:22px;
  background:url('../images/index/button_bg.gif');
}

/* Tab link Style */
#navlist {
  margin: 0;
  padding: 0 0 20px 10px;
  border-bottom: 1px solid #9FB1BC;
}

#navlist li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
}

#navlist a:link, #navlist a:visited {
  float: left;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  padding: 0 12px 6px 12px;
  text-decoration: none;
  color: #708491;
}

#navlist a:link.active, #navlist a:visited.active, #navlist a:hover {
  color: #01329B;
  background: url('../images/square.gif') no-repeat bottom center;
}

a.pagination:link{
  font-size:12px;
  color:#01329B;
  text-decoration:none;
  font-weight:normal;
}
a.pagination:visited {
  font-size:12px;
  color:#01329B;
  text-decoration:none;
  font-weight:normal;
}
a.pagination:active {
  font-size:12px;
  color:#FF8800;
  text-decoration:underline;
  font-weight:normal;
}
a.pagination:hover {
  font-size:12px;
  color:#FF8800;
  text-decoration:underline;
  font-weight:normal;
}

.box{background:url('../images/bottom-left-w.gif') no-repeat left bottom;}
.box-outer{background:url('../images/bottom-right-w.gif') no-repeat right bottom;}
.box-inner{background:url('../images/top-left-w.gif') no-repeat left top;}
.box p{background:url('../images/top-right-w.gif') no-repeat right top; padding-left:20px; padding-top:10px; padding-bottom:15px; padding-right:2px;margin:0;}

div#menuBar1 {
  height:26px;
  padding-left:10px;
  border-left:solid 1px #A5D77A;
  border-right:solid 1px #A5D77A;
  background:url('../images/workspace/green1border_bg.gif') repeat-x;
}
div#menuBar1 a {
  color:#245802;
  text-decoration:none;
}
div#menuBar1 #current {
  float:left;
  height:26px;
  width:90px;
  text-align:center;
  cursor:pointer;
  margin-right:5px;
  background:url('../images/workspace/menu_greenbt1_bg.gif') repeat-x;
}
div#menuBar1 #currentLeft {
  float:left;
  width:5px;
  height:26px;
  background:url('../images/workspace/menu_greenbt.gif') no-repeat;
}
div#menuBar1 #currentMiddle {
  float:left;
  width:80px;
  height:17px;
  padding-top:9px;
}
div#menuBar1 #currentRight {
  float:left;
  width:5px;
  height:26px;
  background:url('../images/workspace/menu_greenbt1.gif') no-repeat;
}

div#menuBar1 .other {
  float:left;
  margin-right:10px;
  height:26px;
  width:90px;
  color:#245802;
  cursor:pointer;
  text-align:center;
  background:url('../images/workspace/menu_greenbt2_bg.gif') repeat-x;
}
div#menuBar1 .otherLeft {
  float:left;
  width:5px;
  height:26px;
  background:url('../images/workspace/menu_greenbt2.gif') no-repeat;
}
div#menuBar1 .otherMiddle {
  float:left;
  width:80px;
  height:17px;
  padding-top:9px;
}
div#menuBar1 .otherRight {
  float:left;
  width:5px;
  height:26px;
  background:url('../images/workspace/menu_greenbt3.gif') no-repeat;
}

div#menuBar1 .disabled {
  float:left;
  margin-right:10px;
  height:26px;
  width:90px;
  color:#B4B4B4;
  cursor:not-allowed;
  text-align:center;
  background:url('../images/index/menu_greenbt4_bg.gif') repeat-x;
}
div#menuBar1 .disabledLeft {
  float:left;
  width:5px;
  height:26px;
  background:url('../images/index/menu_greenbt4.gif') no-repeat;
}
div#menuBar1 .disabledMiddle {
  float:left;
  width:80px;
  height:17px;
  padding-top:9px;
}
div#menuBar1 .disabledRight {
  float:left;
  width:5px;
  height:26px;
  background:url('../images/index/menu_greenbt5.gif') no-repeat;
}