﻿body
{
	background: #E5FCFF;
    margin: 0;
	height: 100%;
	font-size: 80%;
	font-family: Arial;
	color: #FFF;
}

table
{
    width: 95%;
    text-align: left;
    margin-top: -4px;
}

table td
{
    padding: 4px;
}

a:link, a:visited
{
	color: #FFF;
	text-decoration: none;
}

a:hover, div#quatrexbutton:hover, div#backhomebutton:hover, div#starbutton:hover
{
	color: #0BABF5;
	cursor: pointer;
}

div#maincontainer
{
	width: 900px;
	height: 646px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -323px 0 0 -450px;
	text-align: center;
}
div#maincontainer_homelogin
{
	width: 900px;
	height: 646px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -323px 0 0 -450px;
	text-align: center;
	background: url(images/homelogin_bg.png) repeat-y;
}
#logo {width: 900px; text-align: center; padding: 90px 0 55px 0;}
#content_homelogin {clear: both; width: 900px; text-align: center; color: #fff;}
#content_homelogin table {width:280px;}
div#marqueetop
{
    color: #FFF;
	height: 18px;
	float: right;
	font-size: 11px;
	width: 100%;
    background: #062771;
    padding-top: 5px;
}
.btn {background: #302E82; color: #fff; border: 2px solid #fff;}
div#header 
{
    background: url(images/header.png) 0 0 no-repeat;
	width: 900px;
	height: 200px;
}

div#starbutton
{
    margin: 50px 0 0 43px;
    background: url(images/qcoopers.png) 0 0 no-repeat;
    width: 170px;
    height: 27px;
    padding-top: 43px;
    visibility: hidden;
}

div#headertext, div#headertext2
{
	text-align: center;
}

div#headertext
{
    height: 55px;
    font-size: 30px;
}

div#headertext2
{
    font-size: 20px;
    margin-top: -15px;
}

div#content
{
    width: 900px;
    background: #090B32;
}

div#imgbuttons
{
	float: none;
	clear: both;
	width: 100%;
	text-align: center;
	margin: 55px 0 20px 82px;
}

div#imgbutton
{
	float: left;
	background: url(images/headerbox.png) 0 0 no-repeat;
	width: 179px;
	height: 123px;
	margin-right: 104px;
	padding-top: 10px;
}

div#sitebutton
{
	background: url(images/buttons.jpg) 0 0 no-repeat;
	width: 106px;
	height: 25px;
	text-align: center;
	margin-top: 45px;
	padding-top: 4px;
}

div#buttonsbottom
{
	float: left;
	margin-top: 32px;
}

div#quatrexbutton, div#quatrextext
{
    margin: 0 60px 0 50px;
}

div#backhomebutton
{
    margin-left: 380px;
}

div#quatrexbutton, div#backhomebutton
{
	width: 160px;
	height: 38px;
	background: url(images/bottomlink.png) 0 0 no-repeat;
	font-size: 14px;
	padding-top: 11px;
}

div#quatrextext
{
    margin-top: -7px;
    visibility: hidden;
}

div#footer
{
	float: none;
	clear: both;
    padding-left: 5px;
    color: #909090;
    font-size: 10px;
    background: #FFF;
    width: 895px;
    text-align: left;
}

div#loginblock
{
    margin: 0 5px 0 5px;
    padding: 90px 0 0 20px;
    font-size: 24px;
    text-align: center;
}

div#loginblock input
{
    font-size: 24px;
}

div#loginblock input[type=text]
{
    width: 90px;
}

div#quatrexheader
{
    font-size: 24px;
    text-align: left;
    font-weight: bold;
    padding: 2px 0 0 20px;
}

tr#header, td#headeroption
{
    background: #062771;
}

tr#header
{
    text-align: center;
}

tr#header td
{
    border-bottom: solid 1px #FFF;
}

tr#header td#blank
{
    background: #090B32;
}

tr#regular td#headeroption, tr#total td#headeroption
{
    border-right: solid 1px #FFF;
    text-align: left;
}

tr#regular td, tr#total td
{
    text-align: center;
}

tr#total td
{
    border-top: solid 1px #FFF;
}

div#quatrexfooter
{
    text-align: justify;
    font-size: 10px;
    padding: 0 10px 10px 10px;
}

div.bulletin, div.bulletin2
{
    width: 627px;
    height: 105px;
    float: left;
}

div.bulletin
{
    background: url(images/bulletin.jpg);
}

div.bulletin2
{
    background: url(images/bulletin2.jpg);
}