@CHARSET "UTF-8";

html,body{
	/*height:100%;*/
}
body {
  color: #333;
  background-color:#ffffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.99, #f5f6fa), color-stop(0, #293b83));
  background: -webkit-linear-gradient(left, #293b83 0%, #f5f6fa 90%);
  background: -moz-linear-gradient(left, #293b83 0%, #f5f6fa 90%);
  background: -o-linear-gradient(left, #293b83 0%, #f5f6fa 90%);
  background: -ms-linear-gradient(left, #293b83 0%, #f5f6fa 90%);
  background: linear-gradient(left, #293b83 0%, #f5f6fa 90%);
  background-attachment:fixed;
  font-size: 100%;
   //border:1px solid #ff0000;
}

#wrapper {
  overflow: hidden;
  position: relative;
  /*height:100%;*/
  margin: 0 auto;
  //border:1px solid #00ff00;
}
body >#wrapper{
	/*height:100%;*/
}
header{
  	display:table-cell;
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #4d639a), color-stop(0, #293b83));
  	background: -webkit-linear-gradient(top, #293b83 0%, #4d639a 95%);
  	background: -moz-linear-gradient(top, #293b83 0%, #4d639a 95%);
  	background: -o-linear-gradient(top, #293b83 0%, #4d639a 95%);
  	background: -ms-linear-gradient(top, #293b83 0%, #4d639a 95%);
  	background: linear-gradient(top, #293b83 0%, #4d639a 95%);
  	z-index: 10;
  	position: fixed;
  /* */
  	top: 0;
  	width: 100%;
  	height:110px;
  	padding: 0px 0;
  	vertical-align:middle;
}
.setting{
	position:fixed;
	top:60px;
	right:-2px;
	z-index:20;
	width:600px;
	min-height:480px;
	height:480px;
	background-color:rgba(51,70,138,0.8);
	border-right:1px solid rgba(255,255,255,0.8);
	border-bottom:1px solid rgba(255,255,255,0.8);
	border-radius:0px 0px 6px 6px;
	color:#ffffff;
	line-height:1.0em;
}
.setting select{
	font-size:1.1em;
	width:30%;
}
.setting selector{
	display:block;
	padding-top:10px;
	padding-left:10px;
}
.setting p{
	font-size:0.8em;
	font-weight:bold;
	padding-top:10px;
	padding-left:10px;
}
.setting input[type=text]{
	font-size:1.1em;
	width:60%;
	margin-left:10px;
}
.setting timeZone{
	display:block;
	margin-left:10px;
}
.setting provider{
	display:block;
	margin-left:10px;
	line-height:1.5em;
}
.setting .buttons{
	position:absolute;
	width:100%;
	bottom:20px;
	border-top:1px solid #ffffff;
	font-size:1.2em;
}
.buttons input{
	float:right;
	font-size:12px;
	padding:4px 6px;
	margin-right:8px;
	margin-top:4px;
}
.byeButton{
	padding-left:8px;
	padding-right:8px;
	margin-left:8px;
	color:#ffff00;
	border:2px solid #ffff00;
	border-radius:16px;
}

.footer{
  	display:table-cell;
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #4d639a), color-stop(0, #293b83));
  	background: -webkit-linear-gradient(top, #293b83 0%, #4d639a 95%);
  	background: -moz-linear-gradient(top, #293b83 0%, #4d639a 95%);
  	background: -o-linear-gradient(top, #293b83 0%, #4d639a 95%);
  	background: -ms-linear-gradient(top, #293b83 0%, #4d639a 95%);
  	background: linear-gradient(top, #293b83 0%, #4d639a 95%);
  	z-index: 10;
  	position: fixed;
  /* */
  	bottom: 0;
  	width: 100%;
  	height:50px;
  	padding: 0px;
  	vertical-align:middle;
	color:#ffffff;
	font-size:1.5em;
}
.topLink{

	bottom:0;
	width:2.0em;
	width: 100%;
	/*width:-webkit-calc(100% - 380px);
      	width:-moz-calc(100% - 380px);
    	width: calc(100% - 380px);*/
	padding:0;
	text-align:center;
	color:#ffffff;
	font-size:1.2em;
	line-height:1.5em;
}
.content_in {
  	display:table-cell;
  	width: 100%;
  	height:40px;
  	vertical-align:middle;
  	margin: 0 auto;
  	//border: 1px solid #ffffff;
}

.center{
	float:left;
	color:#ffffff;
	font-size:1.4em;
	font-weight:bold;
	margin-left:8px;
}
.center p{
	display:table-cell;
	vertical-align:middle;
	height:40px;
}
.loginid{
	float:right;
	color:#ffffff;
	font-size:0.8em;
  	margin-right:10px;
  	margin-top:5px;
}
.loginid p{
	display:table-cell;
	vertical-align:middle;
	height:40px;
  	//border: 1px solid #ff0000;
}
.astecalogo{
	float:left;
	color:#ffffff;
	font-size:1.5em;
	font-weight:bold;
	margin-left:8px;
	margin-top: 10px;
}
.astecalogo p{
	display:table-cell;
	vertical-align:middle;
	height:40px;
}
.loginid p img{
	height:40px;
	float:right;
	margin-left:8px;
}
.loginPanel{
	border: 1px solid #AAA;
	background: #C4C3C2;
	position:absolute;
	top:-webkit-calc(50% - 150px);
      	top:-moz-calc(50% - 150px);
    	top: calc(50% - 150px);
	left:-webkit-calc(50% - 150px);
      	left:-moz-calc(50% - 150px);
    	left: calc(50% - 150px);
	width:300px;
	height:300px;
	border-radius: 6px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;

}
.loginPanel logo{
	padding-top:10px;
	margin-bottom:40px;
}
.loginPanel logo p{
	letter-spacing:-0.3em;
	font-weight:bold;
	font-size:2.0em;
}
.loginPanel logo note{
	font-size:0.8em;
}
.loginPanel input{
	margin-top:10px;
	width:80%;
	height:1.2em;
	font-size:0.9em;
	padding-left:6px;
	border-radius:10px;
}
input[type=button].new-aqua {
  width: 155px;
  height: 25px;
  background: #cde;
  border: 2px solid #ccc;
  border-color: #8ba2c1 #5890bf #4f93ca #768fa5;
  font: 600 16px/1 Lucida Sans, Verdana, sans-serif;
  color: #fff;
  text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px;
  box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
  -moz-box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
  -webkit-box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
}
input[type=button].new-aqua:hover {
  text-shadow: rgb(255, 255, 255) 0px 0px 5px;
}

#content{
	/*
	//display:block;
	//float:top;
	//position:relative;
	*/
  	width: 100%;
       	/*height:-webkit-calc(100% - 80px);
      	height:-moz-calc(100% - 80px);
    	height: calc(100% - 80px);
       	min-height:-webkit-calc(100% - 80px);
      	min-height:-moz-calc(100% - 80px);
    	min-height: calc(100% - 80px);
	*/
  	margin: 0 auto;
	/*border:1px solid #ffffff;*/
}
#wrapper >#content{
	/*height:100%;*/
	overflow: auto;

/*
       	height:-webkit-calc(100% - 200px);
      	height:-moz-calc(100% - 200px);
    	height: calc(100% - 200px);
*/
}
.tabrow{
	text-align:center;
	list-style: none;
	//margin-left:4px;
	margin-top:20px;
	/*margin: 20px 0 20px;*/
	padding: 0;
	line-height: 24px;
	height: 26px;
	overflow: hidden;
	font-size: 12px;
	font-family: verdana;
	position: relative;
}
.tabrow li {
	border: 1px solid #AAA;
	background: #D1D1D1;
	background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	display: inline-block;
	position: relative;
	z-index: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
	text-shadow: 0 1px #FFF;
	margin: 0 -5px;
	padding: 0 20px;
}
.tabrow a {
	  color: #555;
	  text-decoration: none;
}
.tabrow li.selected {
    	background: #FFF;
    	color: #333;
    	z-index: 2;
    	border-bottom-color: #FFF;
}
.tabrow:before {
	position: absolute;
	content: " ";
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #AAA;
	z-index: 1;
}
.tabrow li:before,
.tabrow li:after {
	border: 1px solid #AAA;
	position: absolute;
	bottom: -1px;
	width: 5px;
	height: 5px;
	content: " ";
}
.tabrow li:before {
    	left: -6px;
	border-bottom-right-radius: 6px;
    	border-width: 0 1px 1px 0;
    	box-shadow: 2px 2px 0 #D1D1D1;
}
.tabrow li:after {
    	right: -6px;
	border-bottom-left-radius: 6px;
	border-width: 0 0 1px 1px;
	box-shadow: -2px 2px 0 #D1D1D1;
}
.tabrow li.selected:before {
	box-shadow: 2px 2px 0 #FFF;
}
.tabrow li.selected:after {
	box-shadow: -2px 2px 0 #FFF;
}
.manuscript{
	margin-top:0%;
	margin-left:1%;
	margin-bottom:0.5%;
	display:block;
	float:left;
	/*
	min-width:-webkit-calc(100% - 850px);
      	min-width:-moz-calc(100% - 850px);
    	min-width: calc(100% - 850px);
	width:-webkit-calc(100% - 850px);
      	width:-moz-calc(100% - 850px);
    	width: calc(100% - 850px);
	*/
	width:98%;
	/*
       	min-height:-webkit-calc(100% - 20px);
      	min-height:-moz-calc(100% - 20px);
    	min-height: calc(100% - 20px);
	*
       	height:-webkit-calc(100% + 20px);
      	height:-moz-calc(100% + 20px);
    	height: calc(100% + 20px);
	/*
	height:90%;
	height:100%;*/
	border-radius: 6px;
  	border-color: #AB9482;
	background-color:#ccc;
}
.headlineList{
	margin-top:0%;
	margin-left:1%;
	display:block;
	float:left;
	/*
	width:810px;
	*/
	width:98%;
	/*
       	min-height:-webkit-calc(100% - 20px);
      	min-height:-moz-calc(100% - 20px);
    	min-height: calc(100% - 20px);
       	height:-webkit-calc(100% - 20px);
      	height:-moz-calc(100% - 20px);
    	height: calc(100% - 20px);*/
	border-radius: 6px;
  	border-color: #AB9482;
	background-color:#ccc;
	//border: 1px solid #0000ff;
	/*vertical-align:top;*/
}
table.headLineFooter{
	width:98%;
	margin-left:1%;
	border-collapse:collapse;
	border:0px;
	font-size:0.8em;
	margin-bottom:20px;
	/*
       	height:-webkit-calc(100% - 80px);
      	height:-moz-calc(100% - 80px);
    	height: calc(100% - 80px);
	height:50%;
	vertical-align:top;
	*/
}
table.headLineTitle{
	width:98%;
	margin-top:10px;
	margin-left:1%;
	border-collapse:collapse;
	border:0px;
	font-size:0.8em;
	/*
       	height:-webkit-calc(100% - 80px);
      	height:-moz-calc(100% - 80px);
    	height: calc(100% - 80px);
	height:50%;
	vertical-align:top;
	*/
}
table.headLineTitle tr{
	padding:2px;
	border-bottom:1px solid #ffffff;
}
table.headLineTitle th{
	background-color:#263360;
	color:#ffffff;
	/*padding:4px;*/
	text-align:center;
	height:60px;
}
table.headLineTitle th:nth-child(1){
	width:80px;
	//border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
table.headLineTitle th:nth-child(2){
	width:80px;
	//border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
table.headLineTitle th:nth-child(3){
	width:40px;
	//border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
table.headLineTitle th:nth-child(4){
	width:160px;
	//border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
table.headLineTitle th:nth-child(5){
	width:80px;
	//border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
table.headLineTitle th:nth-child(6){
	width:200px;
       	width:-webkit-calc(100% - 340px);
      	width:-moz-calc(100% - 340px);
    	width: calc(100% - 340px);
	//border-left:1px solid #ffffff;
	//border-right:1px solid #ffffff;
}
table.headLineTitle th:nth-child(7){
	width:80px;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
table.headLineTitle tbody{
	vertical-align:top;
	/*
	float:top;
	border:1px solid #ff0000;
	*/
	background-color:#fff;
}
.dataBlock{
	width:99%;
	min-height:300px;
       	height:-webkit-calc(100% - 200px);
      	height:-moz-calc(100% - 200px);
    	height:calc(100% - 200px);
	/*height:200px;*/
	/*height:50%;*/
	/*background-color:white;*/
	overflow-y:auto;
	overflow-x:hidden;
	border:0px solid #ff0000;
}
.pageButton{
	margin-right:8px;
	border:2px solid #25211b;
	color:#25211b;
	border-radius:16px;
	padding-left:8px;
	padding-right:8px;
	line-height:1.2em;
	text-decoration:none;
}
.printButton{
	float:right;
	border:2px solid #25211b;
	color:#25211b;
	border-radius:16px;
	line-height:1.2em;
	margin-top:8px;
	padding-left:8px;
	padding-right:8px;
	text-decoration:none;
}
.printNoneButton{
	float:right;
	border:2px solid #c0c0c0;
	color:#c0c0c0;
	border-radius:16px;
	line-height:1.2em;
	margin-top:8px;
	padding-left:8px;
	padding-right:8px;
	text-decoration:none;
}
.footerButton{
	padding-left:4px;
	padding-right:4px;
	color:#ffffff;
	border:3px solid #ffffff;
	border-radius:10px;
}
table.headLineData{
	width:99%;
	margin-left:1%;
	border-collapse:collapse;
	border:0px;
	font-size:0.8em;
	background-color:white;

}
table.headLineData tr{
	border-bottom:1px solid #000;
}
table.headLineData tr:hover{
	background-color:#ddd;
	/*height:10px;*/
}
table.headLineData td{
	text-align:center;
	line-height:3.0em;
	font-size:1.4em;
	/*padding:4px;*/
}
table.headLineData td:nth-child(1){
	width:80px;
	/*
	border-left:1px solid #ffffff;
	*/
	border-right:1px solid #000;
}
table.headLineData td:nth-child(2){
	width:80px;
	/*
	border-left:1px solid #ffffff;
	*/
	border-right:1px solid #000;
}
table.headLineData td:nth-child(3){
	width:40px;
	/*
	border-left:1px solid #ffffff;
	*/
	border-right:1px solid #000;
}
table.headLineData td:nth-child(4){
	width:160px;
	//border-left:1px solid #ffffff;
	border-right:1px solid #000;
	line-height:1.0em;
}
table.headLineData td:nth-child(5){
	width:80px;
	/*
	border-left:1px solid #ffffff;
	*/
	border-right:1px solid #000;
}
table.headLineData td:nth-child(6){
	/*
	width:200px;
	*/
	width:99%;
       	width:-webkit-calc(100% - 340px);
      	width:-moz-calc(100% - 340px);
    	width: calc(100% - 340px);
	padding-left:5px;
	text-align:left;
	line-height:1.0em;
	/*
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	*/

}
table.headLineData td:nth-child(8){
	width:81px;

	border-left:1px solid #000;

}
#searchText  {

padding:0px 50px 0px 0px ;
width:270px;
height:30px;
font-size:1.4em;
border:solid 3px #bfbfbf;
}
#searchBtn4 {
    position: absolute;
}



.switch {
    border: solid 2px #ccc;
    border-radius: 10px;
    display: inline-block;
    height: 20px;
    overflow: hidden;
    -ms-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 60px;
}
.switch [type=checkbox] {
    display: none;
}
.switch .label {
    cursor: pointer;
    margin-left: -40px;
    -ms-transition: margin .1s;
    -moz-transition: margin .1s;
    -o-transition: margin .1s;
    -webkit-transition: margin .1s;
    transition: margin .1s;
    white-space: nowrap;
}
.switch :checked + .label {
    margin-left: 0;
}
.switch .label > * {
    vertical-align: top;
}
.switch .on,
.switch .off {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 50px;
}
.switch .on {
    background-color: #00f;
    background-image: -ms-linear-gradient(
        top,
        hsl(214,90%,40%),
        hsl(214,90%,70%)
        );
    background-image: -moz-linear-gradient(
        top,
        hsl(214,90%,40%),
        hsl(214,90%,70%)
        );
    background-image: -o-linear-gradient(
        top,
        hsl(214,90%,40%),
        hsl(214,90%,70%)
        );
    background-image: -webkit-linear-gradient(
        top,
        hsl(214,90%,40%),
        hsl(214,90%,70%)
        );
    background-image: linear-gradient(
        top,
        hsl(214,90%,40%),
        hsl(214,90%,70%)
        );
    box-shadow:
        3px 2px 10px rgba(0,0,0,.2) inset,
        -3px 2px 10px rgba(0,0,0,.2) inset;
    color: #fff;
    text-shadow: -1px -1px rgba(0,0,0,.3);

}
.switch .separator {
    background-color: #eee;
    border: solid 1px #999;
    border-radius: 50%;
    box-sizing: border-box;
    box-shadow:
         1px 2px #fff inset,
        -1px 2px #fff inset,
        1px 1px 5px rgba(0,0,0,.2);
    display: inline-block;
    height: 20px;
    margin: 0 -10px;
    position: relative;
    width: 20px;
}
.switch .off {
    background-color: #eee;
    box-shadow: 5px 5px 10px rgba(0,0,0,.2) inset;
    color: #777;
    text-shadow: 1px 1px #fff;
}