﻿/* CSS Document */
html, body {margin:0;padding:0;border:0;}
body {font-family:Microsoft sans serif, Arial, Helvetica, sans-serif;font-size:0.76em;font-weight:normal;color:#676767;background-color:#900027;text-align:center;}
form, fieldset, h1, h2, h3, h4, h5, img, p, ul, li {border:0px;margin:0px;padding:0px;}
.clear {clear:both;font-size:1%;}
#wrapper {margin:0 auto;width:982px;text-align:left;margin-top:20px;padding-bottom:40px;}
#nav {width:982px;padding-top:10px;padding-bottom:10px;text-align:right;}
#nav li {float:right;display:inline;list-style:none;color:#FFFFFF;font-size:110%;}
#nav a {padding-left:14px;padding-right:14px;}
#nav a:link, #nav a:visited {color:#FFFFFF;text-decoration:none;}
#nav a:active, #nav a:hover {color:#FFFFFF;text-decoration:underline;}



.contenttop {width:982px;height:14px;background:url(images/contenttop-bg.gif) top left no-repeat;}
.contenttop-h {width:982px;height:14px;background:url(images/contenttoph-bg.gif) top left no-repeat;}
.contentbottom {width:982px;height:14px;background:url(images/contentbottom-bg.gif) top left no-repeat;}
#content {width:982px;background-color:#FFFFFF;}

#header {width:982px;height:110px;position:relative;background:url(images/header-bg.jpg) top left no-repeat;}
#headerh {width:982px;height:116px;position:relative;background:url(images/headerh-bg.jpg) top left no-repeat;}
#hlogo {position:absolute;top:36px;left:28px;height:60px;width:230px;}
#logo {position:absolute;top:22px;left:28px;height:54px;width:226px;}
#login {position:absolute;top:50px;right:30px;height:38px;width:150px;}
#cdetail {position:absolute;top:8px;right:30px;height:38px;width:250px;text-align:right;font-weight:bold;}
#cdetail a:link, #cdetail a:visited {color:#676767;text-decoration:none;}
#cdetail a:active, #cdetail a:hover {color:#676767;text-decoration:underline;}
.headersep {width:982px;height:12px;background:url(images/headersep.gif) top left no-repeat;font-size:1%;}

#main {background:url(images/main-bg.gif) top left repeat-y;min-height:440px;}
/*\*/
* html #main {height:440px;}
/**/
#mainh {background:url(images/mainh-bg.jpg) top left no-repeat;min-height:503px;position:relative;}
/*\*/
* html #mainh {height:503px;}
/**/
#main a:link, #main a:visited {font-weight:bold;color:#900027;text-decoration:none;}
#main a:active, #main a:hover {font-weight:bold;color:#900027;text-decoration:underline;}
#panel {position:absolute;left:0px;top:126px;background:url(images/hpanel-bg.jpg) top left no-repeat;width:524px;height:349px;}
#innerpanel {width:493px;height:317px;overflow:hidden;margin-top:16px;margin-left:16px;}
.hrow {border-top:1px solid #D3D4D5;margin-top:8px;padding-top:2px;}
.hleft {float:left;display:inline;width:236px;}
.hright {float:right;display:inline;width:236px;}

#left {width:600px;float:left;display:inline;margin-left:32px;margin-top:22px;position:relative;}
#left img {margin-top:12px;margin-bottom:12px;}
h1 {color:#900027;font-size:220%;font-weight:normal;padding-bottom:20px;}
h2 {color:#900027;font-size:150%;font-weight:normal;padding-top:14px;padding-bottom:4px;}
h3 {color:#900027;font-size:100%;font-weight:bold;padding-top:10px;padding-bottom:2px;}
#innerpanel h1 {color:#900027;font-size:180%;font-weight:normal;padding-bottom:6px;}
#innerpanel h2 {color:#262223;font-size:90%;font-weight:bold;padding-top:0px;padding-bottom:2px;margin-top:10px;font-family:Arial, Helvetica, sans-serif;}
#innerpanel p {color:#262223;font-size:90%;padding-top:0px;padding-bottom:0px;}
#innerpanel img {padding:10px 6px 4px 0px;}
p.readmore {text-align:right;color:#900027;font-weight:bold;font-family:Arial, Helvetica, sans-serif;margin-top:5px;}
span.readmore {color:#900027;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}

#main ul {margin-left:8px;padding-left:8px;margin-top:10px;margin-bottom:10px;}
#main li {padding-bottom:6px;list-style-image:url(images/bullet.gif);}
#main ul.close {margin-top:0px;}

#left p {padding-top:4px;padding-bottom:12px;}
p.intro {font-weight:bold;}

#cslogo {top:0px;right:0px;position:absolute;text-align:right;}

div.lcol {float:left;display:inline;width:290px;}
div.rcol {float:right;display:inline;width:290px;}

#right {width:304px;float:right;display:inline;background-color:#555555;}
#right a:link, #right a:visited {color:#FFFFFF;text-decoration:none;font-weight:normal;}
#right a:active, #right a:hover {color:#FFFFFF;text-decoration:underline;font-weight:normal;}
#right h2 {color:#FFFFFF;font-size:130%;font-weight:bold;padding:20px 20px 0px 32px;}
#right ul {padding-top:10px;}
#right p {padding:30px;color:#FFFFFF;}
#right li {margin-left:32px;padding-left:6px;padding-bottom:12px;color:#FFFFFF;list-style-image:url(images/rbullet.gif);font-size:110%;}

.footersep {width:982px;height:30px;background:url(images/footersep.gif) top left no-repeat #555555;font-size:1%;}

#footertop {width:982px;position:relative;min-height:100px;}
/*\*/
* html #footertop {height:100px;}
/**/
#footertop p {margin-left:250px;width:525px;padding-top:20px;padding-bottom:20px;}
#footertop a:link, #footertop a:visited {color:#900027;text-decoration:none;}
#footertop a:active, #footertop a:hover {color:#900027;text-decoration:underline;}

#login-h {width:982px;height:38px;position:relative;background:url(images/login-h-bg.gif) top left no-repeat #555555;}
#login-hlink {width:217px;height:39px;position:absolute;top:0px;right:0px;}


#accellos {position:absolute;top:20px;left:30px;height:55px;width:155px;}
/* #sap {position:absolute;top:24px;right:32px;height:58px;width:70px;} */
#sap {position:absolute;top:20px;right:32px;height:80px;width:133px;}

#footer {width:918px;margin:0 auto;margin-top:10px;color:#C6C6C6;font-size:86%;}
#footer p.left {float:left;display:inline;width:400px;}
#footer p.right {float:right;display:inline;width:400px;text-align:right;}
#footer p.right a {padding-right:20px;}
#footer a:link, #footer a:visited {color:#C6C6C6;text-decoration:none;}
#footer a:active, #footer a:hover {color:#C6C6C6;text-decoration:underline;}

a.blink:link, a.blink:visited {color:#676767;text-decoration:none;}
a.blink:active, a.blink:hover {color:#676767;text-decoration:underline;}
a.bblink:link, a.bblink:visited {font-weight:bold;color:#676767;text-decoration:none;}
a.bblink:active, a.bblink:hover {font-weight:bold;color:#676767;text-decoration:underline;}
a.rlink:link, a.rlink:visited {font-weight:bold;color:#900027;text-decoration:none;}
a.rlink:active, a.rlink:hover {font-weight:bold;color:#900027;text-decoration:underline;}
a.bllink:link, a.bllink:visited {color:#262223;text-decoration:none;}
a.bllink:active, a.bllink:hover {color:#262223;text-decoration:underline;}

.enlarge {text-align:center;margin-top:8px;}

p.top {text-align:right;font-weight:normal;}
p.top a:link, p.top a:visited {font-weight:normal;color:#900027;text-decoration:none;}
p.top a:active, p.top a:hover {font-weight:normal;color:#900027;text-decoration:underline;}
