@charset "utf-8";
/* CSS Document */
html, body {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
font: 13px Geneva, Arial, Helvetica, sans-serif;
}
body {
background: #f5f5f5 url(../images/bg-page-V2.jpg) repeat-x;
line-height: 120%;
}
body#popwin{
background: #FFFFFF url(none);
}
body#popwin h4{
text-align: center;
}
a img, img {
border-style: none;
margin: 0px;
padding: 0px;
}
a, a:link, a:visited, a:active {
text-decoration: underline;
color: #993333;
font-weight: bold;
}
a:hover{
text-decoration: none;
}
li, ul, ol {
margin: 0px;
padding: 0px;
}
h1, h2, h3, h4, h5, h6{
margin: 0px;
padding-bottom: 5px;
line-height:100%;
}
h1 {
font-size: 170%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 140%;
}
p {
line-height: 130%;
}
td {
vertical-align: top;
}
/********** Layout ************/
#wrapper-container {
background: url(../images/bg-wrapper-V2.jpg) repeat-x 300px;
padding-bottom: 30px;
padding-top: 10px;
}
#wrapper {
width: 800px;
position: relative;
margin-right: auto;
margin-left: auto;
background: #FFFFFF url(../images/bg-content-container-V1.jpg) repeat-x bottom;
border: 1px solid #515151;
margin-top: 10px;
z-index: 1;
}
#headerContainer {
position: relative;
z-index: 3;
}
#header {
background: url(../images/bg-header-V1.jpg) repeat-y right;
margin: 5px;
width: 100%;
position: relative;
}
#header-inner{
width: 790px;
margin-right: auto;
margin-left: auto;
}
#header .header-img{
height: 349px;
width: 200px;
position: absolute;
top: 0px;
right: 0px;
}
#header h1{
font-size: 36pt;
width: 460px;
padding-left: 8px;
}
#header h1 div{
font-size: 50%;
text-align: right;
}
.contentContainer {
position: relative;
z-index: 3;
padding: 5px;
width: 790px;
}
#footer {
text-align: center;
padding: 6px;
width: 94%;
color: #8C8C8C;
font: 96% Tahoma;
margin: 80px auto 10px;
}
/********** Navigation ************/
ul.nav {
list-style: none;
}
ul.nav li {
display: inline;
margin-left: 4px;
padding-right: 4px;
}
ul.main {
background: #002157;
padding: 8px 5px;
color: #FFFFFF;
z-index: 4;
position: relative;
float:left;
font-size: 90%;
margin: 5px 0px;
border: 1px solid #FFFFFF;
width: 780px;
}
ul.sp li{
font-size: 90%;
}
ul.main li{
border-right: 1px solid #DBDBDB;
}
ul.main li.first {
}
ul.main li.last {
border-top: 0px none;
border-right: 0px none;
border-bottom: 0px none;
border-left: 0px none;
}
ul.main a{
color: #FFFFFF;
}
ul.main a:hover{
text-decoration:underline;
}
.container_index ul.main{
width: 540px;
}
ul.sub1 li, ul.sub2 li,ul.sub3 li{
display: block;
padding: 3px;
}
ul.sub3 a{
font-size: 130%;
font-weight: bold;
}
/********** Misc ************/
ol li{
margin: 5px 4px;
font-size: 92%;
}
.home-buttons {
position: relative;
float: left;
width: 350px;
padding: 5px;
}
.home-buttons img {
margin-bottom: 6px;
float: left;
clear: none;
}
.content {
margin-top: 15px;
padding: 15px;
}
.content ul{
font: 11px Tahoma, Geneva, sans-serif;
}
.content h1, .content h2, .content h3{
color: #002157;
}
.content h2 {
font-size: 20pt;
font-weight: bold;
}
.container_index .content {
margin-left: 355px;
padding: 30px;
border-left: 1px solid #333333;
}
.translateinner {
float:left;
margin-top:-40px;
margin-right:5px;
margin-left:500px;
}
.news {
width: 70%;
position: relative;
margin-top: 8px;
}
.news p{
margin: 0px;
padding: 6px;
border: 1px solid #630075;
width: 70%;
font-size: 96%;
}
.news fieldset {
border: 1px solid #630075;
}
.error {
font-weight: bold;
color: #FF0000;
}
#blackBox {
background: #000000;
height: 420px;
width: 364px;
position: absolute;
left: 445px;
top: -13px;
z-index: 2;
}
.cored {
font-weight:bold;
color:red;
}
.box200 {
width: 200px;
}
.box300 {
width: 300px;
}
.box350 {
width: 350px;
}
.box400 {
width: 400px;
}
.box500{
width: 500px;
}
.box50 {
width: 45%;
}
.mp0 {
margin: 0px;
padding: 0px;
}
.mp3 {
margin: 3px;
padding: 3px;
}
.mp7 {
margin: 7px;
padding: 7px;
}
.mp10 {
margin: 10px;
padding: 10px;
}
.mp15 {
margin: 15px;
padding: 15px;
}
.m5{
margin: 5px;
}
.m8{
margin: 8px;
}
.m10{
margin: 10px;
}
.m15{
margin: 15px;
}
.clear {
height: .1em;
clear: both;
float: none;
}
.right {
float: right;
}
.left {
float: left;
}
img.right, img.left {
padding: 10px;
}
.center {
margin-right: auto;
margin-left: auto;
}
.grey {
background: url(../images/bg-grey-fade1.gif) no-repeat scroll bottom;
color: #333333;
border-top: 1px solid #D7D7D7;
}
.white {
color: #333333;
border: 1px solid #E8E8E8;
background: #FFFFFF;
}
.clearleft {
clear: left;
}
.clearright {
clear: right;
}
.clearboth {
clear: both;
}
/** Text **/
.t80 {
font-size: 80%;
}
.t90 {
font-size: 90%;
}
.t120 {
font-size: 120%;
}
.t170 {
font-size: 120%;
}
.strike {
text-decoration: line-through;
}
/********** Forms ***********/
form br {
clear: both;
display: block;
}
fieldset {
padding: 5px;
}
form fieldset {
border: 1px solid #666666;
}
legend {
color: #FFFFFF;
background: #000000;
font-weight: bold;
padding: 3px;
}
input, textarea, select {
border: 1px solid #666666;
}
textarea {
width: 220px;
height: 50px;
}
label, input, textarea, select {
margin-top: 3px;
}
input.radio {
border-style: none;
margin: 0px;
padding: 0px;
}
input.button {
border: 1px solid #666666;
margin: 2px;
}
select,label,input{
font-size: 90%;
}
label {
float: left;
width: 120px;
}
form#frm_client_app label {
width: 160px;
font-size: 86%;
}
label.error {
clear: left;
font-size: 80%;
width: 90%;
margin: 0px;
padding: 0px;
text-align: right;
display: block;
}
input.error{
font-weight: normal;
background: #FFECEC;
}
a.payments-link {
width:100px;
padding:5px;
color:white;
background-color: mediumpurple;
border: solid 1px #630075;
text-align: center;
text-decoration: none;
}