.bordersquare        { border-radius: 8px; background-color:#FFFFFF; padding-top: 10px; padding-bottom: 10px; }
table.sub            { position:absolute; border-top:1px solid #86BFF6; top:0px; left:0px; display: none; left: 0px; top: 0px; }
table.sub3           { position:absolute; display: none; }
td.sub               { border-left: 1px solid #86BFF6; border-right: 1px solid #86BFF6; border-bottom: 1px solid #86BFF6; 
                       text-decoration: none; text-align: center; height: 18px; }
td.subitem           { text-decoration: none; background-color: #F8F5EE; font-family:verdana, arial; font-size:12px; color: #CC7B19; font-weight:400; }
a:hover td.subitem   { text-decoration: none; background-color: #FCD48E; font-family:verdana, arial; font-size:12px; color: #8D4103; font-weight:400; }
a.sub                { text-decoration: none; }
h1,h2,h3,h4,h5,h6    { font-size: 100%; font-weight: normal; }
h1, h2, h3, h4, h5   { font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #0156d6; font-weight: bold; }
h1                   { font-size: 220%; color: #000; margin: 0 0 0 10px; padding: 20px 0 0 0; }
h2                   { font-size: 144%; }
h3, h4, h5           { font-size: 122%; }
h6                   { font-family: Helvetica, Arial, sans-serif; color: #c47808;font-size: 122%; }
.h2                  { font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif; font-weight: bold; color: #0156d6; font-size: 20px; }
.h6                  { font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #c47808; font-size: 17px; }
.h7                       { color: #0198CD; font-size: 24px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
body,td,th                { font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
.continuebuttonhidden     { display:none; }
.continuebutton           { border:2px solid #88C3EF; background-color: #0B5C87; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
.continuebuttonhover      { border:2px solid #88C3EF; background-color: #003A60; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
.continuebuttonFF         { border:2px solid #88C3EF; background-color: #0B5C87; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding-left:30px; padding-right:30px; }
.continuebuttonFFhover    { border:2px solid #88C3EF; background-color: #003A60; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding-left:30px; padding-right:30px; }
.copyright                { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.iqtable            { font-size:14px; }
.iqtoptitle         { font-family:arial, verdana; font-size:30px; color:black; background-color:#FFFFFF; font-weight:700; }
.iqanswerbutton     { width:30; height:30; }
.iqquestionnum      { font-weight:bold; font-size:15px; }
.iqanswerhover      { color:#666666; }
.iqstatusbox        { position:absolute; background-color:#003152; border-style:ridge; border-width:4px; border-color:#DDDDDD; }
.iqstatuswarning    { position:absolute; background-color:#FF9933; border-style:ridge; border-width:4px; border-color:#DDDDDD; }
.iqstatusdanger     { position:absolute; background-color:#970F11; border-style:ridge; border-width:4px; border-color:#DDDDDD; }
.iqstatusbox td     { font-size:12px; font-family:arial, verdana; color:white; }
.iqstatuswarning td { font-size:12px; font-family:arial, verdana; color:white; }
.iqstatusdanger td  { font-size:12px; font-family:arial, verdana; color:white; }

/* AutoLoop custom css */
body.AutoLoop        { background-image: url(); background-color:white; }
body.AutoLoop .iqstatusbox  { background-color:black; }

html {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
body {
background-image: url(../images/BG-03-300.jpg);
background-repeat:repeat-x;
background-color:#003152;
font-size: 14px;
font-weight: 400;
font-family: Arial, Helvetica, sans-serif;
}
.container {
margin: 80px auto 0px auto;
padding: 20px 30px 20px 40px;
max-width: 900px;
background-color: #fff;
border-radius: 10px;
}
.box {
padding-left: 100px;
}
h1, h2, h3, h4, h5, p, ul, ol, form, input, button {
font-family: Arial, Helvetica, sans-serif;
}
h1 {
color: #0156d6;
font-weight: 600;
text-align: center;
margin-bottom: 20px;
}
li {
padding: 10px;
font-size: 14px;
}
.copyright {
font-size: 11px;
text-align: center;
color: #fff;
}

/* mobile */
@media screen and (max-width: 720px) {
.container {
margin-top: 20px !important;
padding: 20px 20px 20px 20px;
}
p {
font-size: larger;
}
li {
font-size: larger;
}