@page {
}

body {
	font-size: 13px;
	font-family: "Lucida Grande", "Lucida Sans", sans-serif, Verdana, Arial;
	height: 100%;
	background-color: #c0dffe;
	background-repeat: repeat-x;
	background-image: url(images/login/loginbg_repeat.jpg);
	padding: 0px;
	margin: 0px;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('images/buttons/bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    font-weight: bold;
    text-shadow: -1px -1px 1px #5490f2;
    color: white;
    background: transparent url('images/buttons/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    font-weight: bold;
    text-shadow: -1px -1px 1px #538ff1;
    background-position: bottom right;
    color: white;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

.login_container {
	margin-top: 7%;
	height: 403px;
	width: 676px;
	text-align: center;
	background-image: url(images/login/login_mainbg.png);
	background-repeat: no-repeat;
	vertical-align: middle;
}

.login_form {
	padding-left: 170px;
	text-align: left;
	padding-top: 170px;
}

.login_box {
	padding-top: 7px;
	color: #0074b9;
	padding-left: 5px;
	border-width: 0px;
	font-size: 14px;
	font-family: "Lucida Grande", "Lucida Sans", sans-serif, Verdana, Arial;
	height: 31px;
	width: 313px;
	background-image: url(images/login/input_bg.jpg);
	vertical-align: middle;
}

a:link {
	border-bottom-width: 1px;
	text-decoration: none;
	color: #227fdb;
}

a:visited {
	text-decoration: none;
	color: #227fdb;
}

a:active {
	text-decoration: none;
	color: #db8815;
}

a:hover {
	text-decoration: none;
	color: #db8815;
}

a.light:link {
	color: white;
	border-bottom-width: 1px;
	text-decoration: none;
}

a.light:active {
	text-decoration: underline;
	color: white;
}

a.light:hover {
	text-decoration: underline;
	color: white;
}

a.light:visited {
	text-decoration: none;
	color: white;
}

.login_trialbox {
	padding-left: 0px;
	padding-right: 10px;
	text-align: left;
	color: #d3e6f5;
	font-size: 12px;
	background-color: #4798ea;
	width: 300px;
	height: 58px;
	background-repeat: no-repeat;
}

/* This is for the modal windows */

#modalPage
{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
}
.modalBackground
{
    filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
    width: 100%; height: 100%; background-color: black;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}
.modalContainer
{
    position: absolute;
    width: 500px;
    left: 50%;
    top: 50%;
    z-index: 750;
}
.modal
{
    background-image: url(images/modal/modal_bg.jpg);
    background-color: #eff5fe; position: relative;
    top: -150px;
    left: -150px;
    z-index: 1000;
    width: 500px;
    height: 200px;
    padding: 0px;
}
.modalTop
{
    background-color: white;
    border-bottom-style: dotted;
    border-bottom-color: #dc9997;
    border-bottom-width: 1px;
    height: 35px;
    width: 492px;
    padding: 4px;
    color: #438eff;
    text-align: right;
}
.modalTop a, .modalTop a:visited
{
    color: #ffffff;
}
.modalBody
{
    padding: 10px;
}
.main_header
{
	height: 320px;
	width: 980px;
	background-image: url(images/website/ow_main_header.png);
	background-repeat: no-repeat;
}
.site_header
{
	height: 109px;
	width: 980px;
	background-image: url(images/website/ow_page_header.png);
	background-repeat: no-repeat;
}
.site_content
{
	background-repeat: repeat-y;
	background-image: url(images/website/ow_page_repeat.png);
	width: 980px;
}
.site_footer
{
	height: 109px;
	width: 980px;
	background-repeat: no-repeat;
	background-image: url(images/website/ow_page_footer.png);
}
.page_heading
{
	font-weight: bold;
	text-shadow: 1px 1px 1px white;
	color: #2e6395;
	font-size: 28px;
}
.info_box
{
	line-height: 16px;
	padding: 15px;
	border-color: #9c9c9c;
	border-style: solid;
	border-width: 1px;
	background-color: #efefef;
	color: #4f4f4f;
	font-size: 10px;
}


img.icon {
	vertical-align: bottom !important; /* for firefox and all */
	*vertical-align: middle !important; /* for ie6 and ie7 */
	border: none;
}

/* This is the end of the CSS for the modal windows */