body {
background:#f8f8f8;
color:#444444;
font-size:12px;
font-family:Arial,Verdana,MS Serif,MS Sans Serif;
margin:0px;
padding:0px;
}
a {
text-decoration:none;
}
textarea:focus,input:focus {outline:none;}
*:focus {outline:none;}
.wrap {
clear:both;
float:left;
width:100%;
min-width:800px;
}
.header {
clear:both;
float:left;
width:98%;
min-width:800px;
height:40px;
padding-left:2%;
}
.title {
clear:both;
float:left;
margin:20px 5px 0px 15px;
}
#titleimg {
clear:both;
float:left;
margin:6px 2px 0px 0px;
}
.titletext {
clear:top;
float:left;
margin:39px 0px 0px 0px;
}
h1 {
clear:top;
float:left;
font-size:34px;
color:#444444;
margin:0px 0px 0px 5px;
}
h2 {
font-size:16px;
color:#e67300;
margin:-3px 0px 0px 2px;
font-weight:normal;
font-style:italic;
}
.content {
clear:both;
float:left;
width:100%;
min-width:800px;
margin:20px 0px 20px 0px;
}
.contentleft {
clear:both;
float:left;
width:62%;
margin:20px 2% 0px 25px;
}
.contentleftadisplay {
clear:both;
float:left;
width:96%;
min-height:337px;
margin:15px 0px 0px 0px;
padding-top:10px;
font-size:14px;
color:#444444;
}
.contentleftareport {
clear:both;
float:left;
width:82%;
font-size:16px;
color:#444444;
font-weight:normal;
line-height:20px;
margin:-10px 0px 0px 7%;
}
#progres {
clear:both;
float:left;
position:absolute;
z-index:99;
width:28.7%;
min-width:240px;
height:450px;
background:#333333;
border:1px solid #000000;
margin:0px 0px -254px 0px;
padding:20px 0px 0px 2%;
font-family:Arial,Verdana,MS Serif,MS Sans Serif;
font-size:12px;
color:#CCCCCC;
border-radius:8px;
}
#progresreport {
clear:both;
float:left;
margin:20px 0px 0px 0px;
color:#d9d9d9;
}
#progresreport strong {
color:#f2f2f2;
}
#progresreportinfo {
clear:both;
float:left;
margin:20px 0px 0px 0px;
font-weight:bold;
color:#f2f2f2;
}
strong {
color:#f2f2f2;
}
.contentlefta {
clear:both;
float:left;
width:49%;
min-height:453px;
margin:-6px 2% 0px 2%;
padding:0px 0px 0px 0px;
color:#444444;
background:#f8f8f8;
}
.contentleftastart {
clear:both;
float:left;
width:49%;
height:436px;
margin:-5px 2% 0px 2%;
padding:5px 0px 25px 0px;
color:#444444;
background:#eae3e1;
border:1px solid #e0d5d2;
border-radius:8px;
}
.contentleftb {
clear:top;
float:right;
width:44%;
min-height:450px;
margin-top:-5px;
padding:9px 0px 0px 0px;
color:#444444;
background:#f8f8f8;
}
.contentleftbstart {
clear:top;
float:right;
width:44%;
min-width:100px;
height:436px;
margin-top:-5px;
padding:5px 0px 25px 0px;
color:#444444;
background:#eae3e1;
border:1px solid #e0d5d2;
border-radius:8px;
}
.contentleftastartext {
clear:both;
float:left;
width:99.9%;
height:461px;
margin:1px 0px 0px 0px;
padding:5px 1px 0px 0px;
color:#C7D1DB;
background:#009999;
}
.contentleftastart:hover,.contentleftbstart:hover {
background:#e7dfdc;
}
#submituppp,#submitdnpp {
clear:both;
float:left;
width:88%;
height:80px;
border:none;
text-align:center;
font-size:16px;
color:#666666;
margin:12px 0px 0px 6%;
padding-top:60px;
font-weight:bold;
}
.contentleftlow {
clear:both;
float:left;
width:98%;
margin:5px 0px 0px 2%;
padding:0px 0px 0px 0px;
}
.contentleftlowproc {
clear:both;
float:left;
width:28%;
height:75px;
font-size:22px;
color:#444444;
margin:30px 0px 0px 0px;
}
.contentleftlowgr {
clear:top;
float:right;
width:72%;
height:40px;
margin:20px 0px 5px 0px;
opacity:0.6;
}
.contentleftlowtitle {
clear:both;
float:left;
width:98%;
border-bottom:1px solid #d9d9d9;
border-left:none;
color:#707070;
font-size:12px;
margin:-42px 0px 10px 2%;
padding-bottom:2px;
}
.contentright {
clear:top;
float:left;
width:28%;
min-height:552px;
margin:15px 20px 40px 0px;
padding:0px 2% 25px 0px;
border-left:1px solid #d9d9d9;
}
.contentrighttitle {
clear:both;
float:left;
font-size:12px;
color:#444444;
margin:5px 0px 0px 20px;
font-style:italic;
font-weight:bold;
}
.contentrightlist {
clear:both;
float:left;
color:#444444;
text-shadow:none;
margin:0px 0px 20px 20px;
font-size:12px;
}
.pubfilelist,.prfilelist  {
clear:both;
float:left;
width:100%;
color:#46596d;
margin:0px 10px 2px 0px;
font-size:14px;
}
.pubfilelist:hover {
color:#58738d;
}
.pubfilelistinfo {
clear:top;
float:left;
color:#888888;
margin:0px 5px 2px 0px;
padding:0px 0px 0px 0px;
font-size:12px;
}
.pubfilelistinfor {
clear:both;
float:left;
color:#ff6600;
margin:0px 10px 5px 0px;
padding:0px 10px 0px 0px;
font-size:12px;
}
.pubfileitem {
clear:both;
float:left;
width:100%;
margin:0px 0px 1px 0px;
padding:15px 0px 10px 0px;
border-bottom:1px solid #d9d9d9;
}
.pubfileitem:last-child {
border-bottom:none;
}
.filelist {
clear:both;
float:left;
width:100%;
height:432px;
margin:-5px 0px 0px 0px;
padding:15px 0px 10px 0px;
background:#333333;
border-radius:8px;
border:2px solid orange;
}
.filelist:hover {
background:#383838;
}
.filelistname {
font-size:18px;
color:#eff2f5;
text-align:center;
padding:0px 0px 10px 0px;
}
.filelistdnld {
font-size:14px;
color:#ff8c1a;
text-align:center;
padding:10px 5px 5px 5px;
border-top:1px solid #404040;
}
.prfilelist  {
font-size:18px;
margin:20px 0px 2px 1%;
color:#45596e;
}
.prfilelistnote {
clear:both;
float:left;
width:90%;
color:#f2f2f2;
margin:20px 0px 20px 1%;
font-size:16px;
font-style:italic;
}
.paginileft {
clear:both;
float:left;
font-size:14px;
color:#46596d;
margin:45px 10px 0px 0px;
}
.paginimid,.paginiright {
clear:top;
float:left;
font-size:14px;
color:#46596d;
margin:45px 10px 0px 0px;
}
.paginiright {
margin:45px 0px 0px 0px;
}
#pgs,#pgsl,#pgsblank,#pgsblankl {
clear:top;
float:left;
font-size:32px;
margin:-12px 0px 0px 15px;
color:#46596d;
}
#pgsl,#pgsblankl  {
margin:-12px 15px 0px 0px;
}
#pgsblank,#pgsblankl  {
color:#67727e;
}
#npag,#npagc {
clear:top;
float:left;
font-size:16px;
color:#50667c;
margin-right:10px;
}
#npagc {
color:#ff8c1a;
}
.uploadopt,.uploadoptlst {
clear:both;
float:left;
font-size:12px;
color:#666666;
margin:20px 10px -20px 0px;
}
.uploadoptlst {
clear:top;
float:left;
}
#upform,#dnform {
clear:both;
float:left;
width:100%;
}
#dnform {
margin-top:-20px;
}
#mailinput,#mesinput {
clear:both;
float:left;
width:97%;
height:25px;
margin:5px 0px 0px 0px;
padding:5px;
background:#e6e6e6;
border:none;
color:#444444;
font-size:16px;
}
.inputfilecontent {
clear:both;
float:left;
width:100%;
margin:2px 0px 0px 0px;
}
.inputfile {
clear:both;
float:left;
height:50px;
opacity:0;
overflow:hidden;
position:absolute;
z-index:-1;
}
.inputfile + label {
font-size:12px;
font-weight:700;
white-space:nowrap;
cursor:pointer;
display:inline-block;
overflow:hidden;
padding:12px 10px 22px 10px;
}
.no-js .inputfile + label {
display:none;
}
.inputfile:focus + label,
.inputfile.has-focus + label {
outline:1px dotted #000;
outline:-webkit-focus-ring-color auto 5px;
}
.inputfile + label svg {
width:1em;
height:1em;
vertical-align:left;
fill:currentColor;
margin-top:10px;
margin-right:20px;
}
.inputfile + label {
width:94.5%;
color:#444444;
background-color:#e6e6e6;
border-radius:4px;
}
.inputfile:focus + label,
.inputfile.has-focus + label,
.inputfile + label:hover {
background-color:#ffd6cc;
}
#mesinput {
height:45px;
overflow:auto;
}
#tipinput {
clear:top;
float:left;
margin:15px 20px 20px 6px;
}
#perinput {
clear:top;
float:right;
margin:15px 0px 20px 0px;
}
.formfields {
clear:both;
float:left;
z-index:90;
width:100%;
min-height:395px;
font-size:14px;
}
.formtitle,.formtitlemes,.formtitletop,.formtitletopa {
clear:both;
float:left;
color:#444444;
margin:15px 0px 0px 0px;
font-size:16px;
}
.formtitlemes {
margin:10px 0px 0px 0px;
}
.formtitletop {
margin:15px 0px 0px 0px;
width:100%;
font-size:14px;
font-weight:bold;
font-style:italic;
color:#666666;
}
.formtitletopa {
margin:5px 0px 5px 0px;
width:99%;
font-size:14px;
color:#666666;
}
.formtitleinfo {
clear:top;
float:right;
color:#444444;
width:10px;
height:10px;
padding:2px 5px 2px 12px;
margin:2px 0px 0px 4px;
font-size:9px;
background:#f2f2f2;
border-radius:2px;
}
.formtitletip {
clear:top;
float:left;
color:#444444;
margin:15px 0px 0px 0px;
font-size:12px;
}
.formtitleper {
clear:top;
float:right;
color:#444444;
margin:15px 2% 0px 5px;
font-size:12px;
}
.formnote,.formnotedn {
clear:top;
float:right;
color:#444444;
font-size:11px;
margin:10px 2% 0px 0px;
}
.formnotedn {
clear:both;
float:left;
margin:10px 9% 0px 0px;
}
.formnoteinfo {
clear:both;
float:left;
width:93%;
color:#444444;
font-size:12px;
margin:-10px 4% 10px 0px;
}
#titleinfod,#titleinfoe,#titleinfom {
clear:both;
float:left;
width:100%;
}
.checkcontentcn {
clear:top;
float:right;
margin:14px -18px 0px 0px;
}
.checkdiv {
display:block;
position:relative;
padding-left:35px;
margin-bottom:12px;
cursor:pointer;
font-size:18px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.checkdiv input {
position:absolute;
opacity:0;
cursor:pointer;
height:0;
width:0;
}
.checksign {
position:absolute;
top:0;
left:0;
height:12px;
width:12px;
background-color:#cccccc;
border:1px solid #b3cccc;
}
.checkdiv:hover input ~ .checksign {
background-color:#f0f5f5;
}
.checkdiv input:checked ~ .checksign {
background-color:#ff6600;
border:1px solid #ff6600;
}
.checksign:after {
content:"";
position:absolute;
display:none;
}
.checkdiv input:checked ~ .checksign:after {
display:block;
}
.checkdiv .checksign:after {
top:0px;
left:3px;
width:3px;
height:8px;
border:solid white;
border-width:0 2px 2px 0;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.secraportnotacn {
clear:both;
float:left;
width:100%;
color:#888888;
margin:0px 10px 6px 0px;
font-size:11px;
}
#cnouregtext {
clear:top;
float:left;
margin:0px 5px 0px 0px;
font-size:11px;
color:#888888;
}
#cnoureg {
clear:top;
float:left;
color:#ff9900;
font-size:11px;
margin:0px 5px 0px 0px;
font-style:italic;
}
.container {
clear:top;
float:left;
display: block;
position: relative;
padding-left: 25px;
margin:15px 10px 12px 10px;
cursor: pointer;
font-size: 28px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkmarkr {
position: absolute;
top: 0;
left: 0;
height: 12px;
width: 12px;
background-color: #eee;
border-radius: 50%;
}
.container:hover input ~ .checkmarkr {
 background-color: #ccc;
}
.container input:checked ~ .checkmarkr {
 background-color: #ff6600;
}
.checkmarkr:after {
content: "";
position: absolute;
display: none;
}
.container input:checked ~ .checkmarkr:after {
 display: block;
}
.container .checkmarkr:after {
top: 0px;
left: 0px;
width: 12px;
height: 12px;
border-radius: 50%;
background: #ff6600;
}
#submitup,#submitdn,#submitdne,#submitdnelist {
clear:both;
float:left;
width:100%;
height:80px;
border:none;
text-align:center;
font-size:16px;
color:#444444;
background:#e6e6e6;
margin:20px 0px 0px 0px;
border-radius:4px;
font-weight:bold;
cursor:pointer;
}
#submitdn {
margin:3px 0px 0px 0px;
}
#submitup {
margin:15px 0px 0px 0px;
}
#submitdne {
color:#444444;
margin:0px 0px 0px 0px;
}
#submitdnelist {
position:relative;
z-index:100;
width:96%;
background:#abb3ba;
color:#444444;
margin:360px 0px 0px 10px;
}
#submitup:hover,#submitdn:hover,#submitdne:hover {
background:#e8e8e8;
}
.footer {
clear:both;
float:left;
width:94%;
min-width:800px;
font-size:10px;
margin:-60px 0px 0px 28px;
padding:0px 0px 20px 1%;
}
.footer center {
float:left;
margin-top:15px;
color:#666666;
}
.timgdiv {
clear:both;
float:left;
margin:0px 0px 40px 1px;
}
.timg {
width:95px;
height:22px;
margin:3px 0px -3px 1px;
}
.cimg {
width:102px;
height:22px;
margin:9px 0px -7px 0px;
}
.note {
clear:both;
float:left;
width:94%;
margin:50px 0px 0px 0px;
font-size:12px;
color:#d9d9d9;
}
.red {
clear:both;
float:left;
font-size:22px;
font-weight:bold;
color:#ffad99;
margin:0px 5px 10px 0px;
}
.dnerror {
clear:both;
float:left;
width:90%;
margin:20px 0px 0px 0px;
font-size:14px;
color:#444444;
font-weight:bold;
}
.lang {
clear:top;
float:left;
font-size:12px;
color:#666666;
margin:15px 0px 0px 20px;
}
.langtitle {
clear:top;
float:left;
font-size:12px;
color:#666666;
margin:0px 0px 0px 0px;
}
.langselect {
clear:top;
float:left;
font-size:12px;
margin:-5px 20px 0px 10px;
padding:2px 4px 2px 5px;
color:#666666;
}
.langoption {
clear:top;
float:left;
color:#666666;
font-size:11px;
margin:0px 5px 0px 0px;
padding:4px 4px 2px 4px;
}
.footeroptmenu {
clear:both;
float:left;
font-size:12px;
color:#666666;
margin:0px 0px 0px -4px;
}
#footeropt,#footeroptinfo {
clear:top;
float:left;
color:#666666;
font-size:11px;
margin:0px 5px 0px 0px;
padding:4px 4px 2px 4px;
}
#footeropt:hover {
color:#444444;
}
#footeroptinfo {
background:#444444;
color:#bfbfbf;
margin:4px 8px 0px 5px;
padding:2px 4px 2px 4px;
border-radius:4px;
font-weight:normal;
}
#footeroptinfog {
clear:both;
float:left;
width:8px;
height:8px;
border:1px solid #888888;
color:#cccccc;
border-radius:4px;
margin:1px 7px 0px 0px;
opacity:0.7;
}
.close,.closeinfo {
clear:both;
float:right;
font-size:28px;
color:#999999;
margin:10px 0px -40px 0px;
padding:5px;
}
.close:hover,.closeinfo:hover {
color:#666666;
}
.closeinfo {
margin:-30px 5px 10px 0px;
}
.pdcclose {
clear:both;
float:right;
font-size:28px;
color:#999999;
margin:20px 40px -60px 0px;
padding:5px;
position:relative;
z-index:90;
}
.pdcclose:hover {
color:#666666;
}
.Ptext {
clear:both;
float:left;
font-family:Lucida,Arial,Verdana;
width:94%;
font-size:14px;
margin:20px 0px 20px 0px;
position:relative;
z-index:80;
}
.Ptexttitle {
clear:both;
float:left;
width:80%;
font-size:20px;
font-weight:bold;
margin:10px 0px 20px 0px;
padding-bottom:4px;
}
.Ptextparagraph {
clear:both;
float:left;
font-size:14px;
padding:10px 0px 10px 0px;
}
.Ptextsubtitle {
clear:both;
float:left;
font-size:16px;
font-weight:bold;
margin:20px 0px 10px 0px;
}
.Ptextbullet {
clear:both;
float:left;
font-size:14px;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 12px;
}
.Ptextbullet li {
list-style-type:disc;
display:list-item;
}
.leftcontent,#footermesdisplay {
clear:both;
float:left;
width:86%;
margin:-5px 0px 60px 1.7%;
padding:10px 4% 60px 4%;
background:#f2f2f2;
color:#333333;
border:1px solid #d9d9d9;
}
.leftcontent {
width:90%;
padding:0px 0px 0px 4%;
border-radius:4px;
}
.footermes {
left:0px;
bottom:0px;
position:fixed;
z-index:100;
font-family:Verdana,Lucida,Arial;
width:96%;
min-height:60px;
padding:20px 2% 10px 2%;
background:#444444;
color:#cccccc;
}
.footermestext {
clear:both;
float:left;
font-size:12px;
min-height:20px;
}
.footermescontent {
clear:both;
float:left;
margin:0px 35px 25px 0px;
}
.footermesopt {
clear:both;
float:left;
height:20px;
}
.footermesoptitem {
clear:top;
float:left;
font-size:11px;
margin:5px 15px 0px 0px;
color:#999999;
}
.footermesoptitem:hover {
color:#cccccc;
}
.footermesclose,.footermesclosedis {
clear:both;
float:right;
margin:-10px 0px -40px 0px;
padding:2px 10px 4px 10px;
font-size:28px;
color:#666666;
}
.footermesclose:hover {
color:#999999;
}
.footermesclosedis {
margin:5px -10px -30px 0px;
background:none;
color:#999999;
}
.footermesclosedis:hover {
color:#444444;
}
.footermessel,.footermesseld {
clear:top;
float:left;
margin:20px 20px 0px 0px;
padding:10px 20px 10px 20px;
font-size:12px;
background:#ffa500;
color:#444444;
border-radius:2px;
}
.footermessel:hover {
background:#ffaa0d;
}
.coacceptcheckco,.coacceptcheckcolow {
clear:top;
float:right;
}
.coacceptcheckcolow {
margin-top:-30px;
}
.coacceptcheck {
display:block;
position:relative;
padding-left:35px;
margin-bottom:12px;
cursor:pointer;
font-size:12px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.coacceptcheck input {
position:absolute;
opacity:0;
cursor:pointer;
height:0;
width:0;
}
.checkmark {
position:absolute;
top:0;
left:0;
height:20px;
width:20px;
background-color:#f0f5f5;
border:1px solid #b3cccc;
}
.coacceptcheck:hover input ~ .checkmark {
background-color:#f0f5f5;
}
.coacceptcheck input:checked ~ .checkmark {
background-color:#2196F3;
border:1px solid #2196F3;
}
.checkmark:after {
content:"";
position:absolute;
display:none;
}
.coacceptcheck input:checked ~ .checkmark:after {
display:block;
}
.coacceptcheck .checkmark:after {
left:7px;
top:3px;
width:3px;
height:8px;
border:solid white;
border-width:0 3px 3px 0;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
#footermesdisplaycontent {
clear:both;
float:left;
width:100%;
padding:10px 0px 0px 0px;
background:#f2f2f2;
color:#333333;
}
#footermestitle {
clear:both;
float:left;
font-size:18px;
margin:0px 10px 25px 0px;
color:#666666;
}
#footermesline {
clear:both;
float:left;
width:100%;
font-size:14px;
margin:0px 0px 15px 0px;
}
#footermeslinetitle,#footermeslinedesc,#footermeslinedesct,#footermeslinecatt,#footermeslinecat,#footermeslineexp,#footermeslineexpt,#footermeslinechk {
clear:top;
float:left;
width:20%;
font-size:12px;
}
#footermeslinedesct,#footermeslinedesc {
width:23%;
padding-right:5%;
}
#footermeslinedesc,#footermeslinecat,#footermeslineexp {
font-size:11px;
}
#footermeslinechk {
width:12%;
}
#footermessubtitle {
clear:both;
float:left;
width:100%;
font-size:12px;
font-weight:bold;
color:#888888;
margin:10px 0px 10px 0px;
}
#footermesdesc {
clear:both;
float:left;
width:100%;
font-size:11px;
margin:0px 0px 15px 0px;
}
#footermeslinetop,#footermeslinebot {
clear:both;
float:left;
width:100%;
border-top:1px solid #cccccc;
margin:5px 0px 5px 0px;
}
#footermeslinebot {
margin:5px 0px 5px 0px;
}
#prefsreportext {
clear:both;
float:left;
width:100%;
margin:0px;
}
#prefsreport {
clear:both;
float:left;
width:98%;
margin:-25px 0px 15px -1px;
padding:10px 2% 10px 0px;
font-size:12px;
border-bottom:4px solid darkorange;
color:darkorange;
font-weight:bold;
}
.moditema,.moditemb {
clear:top;
float:right;
margin:32px 5px -20px 0px;
padding:0px 0px 10px 0px;
width:45px;
height:4px;
border-top:12px solid #d4ccc4;
}
.moditema {
margin:32px 28px -20px 0px;
border-top:12px solid #595959;
}