@charset "utf-8";
body {margin:0px;}
body,div,input,textarea,select,p,pre,td,label {font-family:微软雅黑; font-size:14px;}

A:link {
 color: #003399;
 TEXT-DECORATION: none
}
A:visited {
 COLOR: #003399;
 TEXT-DECORATION: none
}
A:hover {
 COLOR: #003399;
 text-decoration: underline;
}
A:active {
 COLOR:#003399;  
 text-decoration: underline;
}

::-webkit-scrollbar {/*滚动条整体样式*/
  width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #666666;
  border-radius: 2px;
}

::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #ccc;
}

.toolBar {height:60px; width:100%; border-bottom:solid 1px #F0f0f0; background-color:#fafafa}
.toolButton1 {float:left; height:40px; width:120px; margin-top:5px; background-color:#0099FF; color:#FFFFFF; font-size:14px; border:0px; cursor:pointer; margin-right: 10px;}
.toolButton2 {float:left; height:40px; width:80px; margin-top:5px; background-color:#EFEFEF; color:#666666; font-size:14px; border:0px; cursor:pointer; margin-right: 10px;}

.TaskMsgForm {
  padding-top: 10px;
}

.TaskMsgForm .notNullHint {
  float:left; 
  width: 3px;
  height: 24px;
  margin-top: 8px;
  margin-left: 5px;
  margin-right: 5px;
  border: 0;
}
.TaskMsgForm .notNullHintShow {
  background-color: #FF9933;
}

.inputContent .fileInfo p {
  height:24px;
  line-height:24px;
  margin: 0px;
}
.inputContent .fileInfoFileName,.TaskMsgForm li .uploaderPercent {
  font-size: 12px;
}
.inputContent .fileInfoImageDiv {
  height: 100px;
  line-height: 100px;
  margin-left: 40px;
}
.inputContent .fileInfoImageDiv img {
  float:left;
  margin: 5px;
}
.inputContent .fileInfoImageDiv div {
  float:left;
  margin-left: 10px;
  height: 100px;
  line-height: 100px;
}

.invalidInput {
  background-color: #FFCCFF;
}

.inputRow {
  width: 100%;
  line-height: 40px;
  overflow:auto;
}
.inputLabel {
  float: left;
  width: 200px;
  text-align: right;
  font-size: 14px;
}
.inputContent {
  float: left;
}
.inputContent input[type=text],.inputContent input[type=password] {
  float: left;
  width:200px;
  color:#666; 
  height:24px; 
  line-height:24px;
  border:1 solid #CCC;
  margin-top:5px;
  padding:1px;
}
.inputContent select {
  float: left;
  color:#666; 
  height:30px; 
  line-height:30px;
  border:1 solid #CCC;
  margin-top:5px;
  padding:1px;
}
.inputContent textarea {
  float: left;
  width: 400px;
  height: 80px;
  color:#666; 
  border:1 solid #CCC;
  margin-top:5px;
  margin-bottom:5px;
  padding:1px 2px;
}
.inputContent pre {white-space: pre-wrap;word-wrap: break-word; margin: 20px;}
.switchOn {
  float:left; 
  width:40px;
  color: #FFF;
  background-color: #3399FF; 
  height:30px; 
  line-height:30px;
  margin-top: 5px;
  border:0;
  font-size:14px;
  text-align:center;
  cursor: pointer;
  -moz-border-radius: 5px;      /* Gecko browsers */
  -webkit-border-radius: 5px;   /* Webkit browsers */
  border-radius:5px;            /* W3C syntax */
}
.switchOff {
  float:left; 
  width:40px;
  color: #333;
  height:30px; 
  line-height:30px;
  margin-top: 5px;
  border:0;
  font-size:14px;
  text-align:center;
  cursor: pointer;
}
.inputComment {
  float:left; height: 40px; line-height: 40px; margin-left: 10px;
}
.uploaderDiv {margin-left: 20px; margin-top: 10px; margin-right: 20px; margin-bottom: 10px; font-size: 12px; font-family: '微软雅黑'}
.uploaderDiv p {margin-top: 10px; margin-bottom: 10px;}
.uploaderDiv input {height:30px; width:80px; font-size: 14px;}
.uploaderDiv progress {width:300px; border-radius: 2px; border-left: 1px #ccc solid; border-right: 1px #ccc solid; border-top: 1px #aaa solid; background-color: #eee; } 
progress::-webkit-progress-bar { background-color: #d7d7d7; } 
progress::-webkit-progress-value { background-color: #aadd6a;}

progress {
  width:200px; 
  border-radius: 2px; 
  border-left: 1px #ccc solid; 
  border-right: 1px #ccc solid; 
  border-top: 1px #aaa solid; 
  background-color: #eee; 
} 
progress::-webkit-progress-bar { 
  background-color: #d7d7d7; 
} 
progress::-webkit-progress-value { 
  background-color: #aadd6a;
}

/*提交按钮，默认按钮*/
.btnSubmit, .btnDefault, .toolButton1 {
    float: left;
    height: 30px;
    width: 80px;
    margin-top: 15px;
    background-color: #0099FF;
    color: #FFFFFF;
    font-size: 14px;
    border: 0px;
    cursor: pointer;
    margin-left: 0;
    margin-right: 10px;
}
/*取消按钮，普通按钮*/
.btnCancel, .btnCommon, .toolButton2 {
    float: left;
    height: 30px;
    width: 80px;
    margin-top: 15px;
    background-color: #FFFFFF;
    border:1px solid #0099FF;
    color: #666666;
    font-size: 14px;
    cursor: pointer;
    margin-left: 0;
    margin-right: 0px;
}

.pageContainer {
  position:absolute; z-index:1; left:10px; top:10px; bottom:10px; right:10px; 
  background-color:#FFFFFF; border-radius: 10px; border:1px solid #cccccc;
  box-shadow: 3px 3px 3px #cccccc; padding: 20px; min-width:600px;
}

.pageHeader {
  position: absolute; top: 0; left: 20px; right: 20px; height: 60px; 
  line-height: 60px; font-size: 16px; font-weight: bold; 
  border-bottom: 1px solid #cccccc;
}

.pageContent {
  position: absolute; top: 60px; left: 20px; right: 20px; 
  padding-bottom: 10px; padding-right: 10px; bottom: 60px; overflow: auto;
}

.pageContent .inputRow:first-child { margin-top: 10px; }

.pageFooter {
  position:absolute;
  left:0px;
  right:0px;
  bottom:0;
  height: 60px; 
  text-align:center;
}

.openFormBottomBar {position:absolute; height:50px; width:100%; bottom:0px; border-top:solid 1px #F0f0f0; background-color:#fafafa}
.openFormBottomBar .btnSubmit {margin-right:20px; float:right; margin-top: 10px;}
.openFormBottomBar .btnCancel {margin-right:40px; float:right; margin-top: 10px;}