@charset "utf-8";
/* CSS Document */

* {margin: 0px; padding: 0px; z-index: 1;}
html, body {height: 100%; width: 100%;}
body {z-index: 1; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}

* html #wrapper {height: 100%;}

#wrapper {position: relative; min-height: 100%;}
#wrapper #drop-box {margin-left: 20%; padding-bottom: 100px;}

#header {padding: 30px 0 8% 0; overflow: hidden;}
#header #il-logo {float: left; margin-top: 5px;}
#header #il-menu {float: left; overflow: hidden; margin: 15px 0 0 100px;}
#header #il-menu li {float: left; list-style-type: none; margin-right: 15px;}
#header #il-menu li a {font-size: 18px; font-family: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif, serif; color: #336699;}

#content {position: relative;}

#content #form, #content #info {float: left;}
#content #form {margin: 0 0 20px 0; width: 553px; z-index: 19; position: relative; overflow: hidden; color: #FFFFFF;}
#content #form p {padding: 0 0 10px 0;}
#content #form a {color: #FFFFFF;}

#content #form #form-title {overflow: hidden; height: 43px; margin-bottom: -12px; position: relative;}
#content #form #form-title a {display: block;}

#content #form #form-title a#tab-internet {float: left;}
#content #form #form-title a#tab-portal {float: right;}
#content #form #form-title a.disabled {margin: 0px 20px 0px 10px; padding: 8px 10px 0 10px; background: #f4f4f4; height: 23px; color: #999999;}
#content #form #form-title a.disabled:hover {text-decoration: none;}

#content #form #form-title a#tab-internet.enabled {width: 227px; height: 26px; padding: 5px 0 0 0; text-align: center; background: url(../img/default-design/tab-active-internet.jpg) no-repeat top left; display: block;  text-decoration: none; font-size: 18px; color: #FFFFFF; cursor: default;}
#content #form #form-title a#tab-portal.enabled {width: 231px; height: 31px; padding: 5px 0 0 0; text-align: center; background: url(../img/default-design/tab-active-portal.jpg) no-repeat top left; display: block;  text-decoration: none; font-size: 18px; color: #FFFFFF; cursor: default; z-index: 29; margin-right: -2px;}

#content #form .form-table {width: 90%; margin: 0 auto;}
#content #form .form-table input {font-weight: 100;}
#content #form .form-table td {text-align: right; font-size: 18px; padding: 20px 0 0 0; padding-right: 15px;}
#content #form .form-table td.title {width: 50px; color: #FFFFFF;}
#content #form .form-table input.text {font-size: 24px; width: 99%;}
#content #form .form-table input.button {font-size: 22px;}
#content #form .form-table .support-link {float: left; font-size: 12px; padding-top: 10px;}

#content #form #form-body {width: 513px; height: 267px; padding: 20px 20px 30px 20px; z-index: 19; position: relative;}
.internet #form-body {background: url(../img/default-design/form-bg-internet.jpg) no-repeat top left;}
.portal #form-body {background: url(../img/default-design/form-bg-portal.jpg) no-repeat top left;}

#content #form #stat-table {width: 99%; height: 100%; color: #000000; background-color: #FFFFFF; background: url(../img/default-design/bg_fff_50.png) repeat; border-collapse: collapse;}
#content #form #stat-table td {padding: 5px; border: 1px solid #1A55B1;}
#content #form #stat-table input[type=submit] {font-size: 22px;}

#content #info {width: 300px; text-decoration: none; margin: 0 0 150px 50px; z-index: 2; position: relative;}
#content #info h1 {font-size: 24px; font-family: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif, serif; color: #336699; font-weight: 100; margin: 0 0 4px 0;}
#content #info p {line-height: 16px;}
#content #info #copywrite {padding: 50px 0px 0px 0; z-index: 2px;}

#footer {width: 100%; height: 130px; z-index: 2; position: absolute; bottom: 0px; right: 0px;}

#form-reflection {width: 554px; height: 103px; z-index: 1; position: absolute; top: 344px; left: 1px;}
.internet #form-reflection {background: url(../img/default-design/form-reflection-internet.jpg) no-repeat top left;}
.portal #form-reflection {background: url(../img/default-design/form-reflection-portal.jpg) no-repeat top left;}

a img {border: 0px;}
a:hover {text-decoration: none;}
.error {color: #FF0000; font-weight: bold;}
.center {text-align: center;}
.clear {clear: both;}