/*
  Creditlink Corporate Advantage
  */

body {
    font: normal normal 10pt arial,sans-serif;
    color: black;
    background-color: #9eb0c8;
}
#fp {
    margin: 0px auto;
    position:relative;
    width: 840px;
    padding:5px 5px 0 5px;
}

@media print {
    body {background-color:#ffffff}
}
span.reg {
    font: normal normal 6pt Arial;
}
span.bold {
    font-weight:bold;
}
div.clearboth {clear:both;}
input, select {font: small arial,sans-sereif;}
label {padding-right:0.5em;}
h1 {
    margin:0;
    padding:0;
    font: bold 18pt gill-sans,arial;
    text-align: center;
}
h6 {
  font: bold medium sans-serif;
  float:right;
  margin-right:20px;
  margin-top:0px;
}
p.sectiontitle {
    color: purple;
    font: italic bold x-large serif;
    margin-bottom:5px;
}

#logobar {
    width: 100%;
    position: relative;
    height: 125px;
    background: #ffffff url("/graphics/logo_computer.jpg") right top no-repeat;
    margin-bottom: 5px;
}
@media print {
    #logobar {
	width: 100%;
	position: relative;
	height: 125px;
	margin-bottom: 5px;
	background: $ffffff;
    }
}
#logobar a img {
    border:0px;
}

#logo_text {
    font: bold 24pt gill-sans,arial;
    position: absolute;
    top: 40px;
    left: 135px;
}
#logo_tagline {
    font: bold 12pt gill-sans,arial;
    position: absolute;
    top: 80px;
    left: 300px;
}
#menubar {
    font:bold 10pt gill-sans,arial;
    height: 3em;
    margin-bottom:5px;
    background: url("/graphics/navbar.png") left top repeat;
}

#menubar ul {
    list-style-type: none;
    padding: 4px 0 0 10px;
    margin: 0px;
}
#menubar ul li {
    display:inline;
    margin-right: 15px;
}

#menubar a {text-decoration: underline;
	    font:bold 10pt gill-sans,arial;
	   }
#menubar a:link {color:#FFFFFF;} 
#menubar a:visited {color:#FFFF00;}
#menubar a:hover {color:#AAFFFF;} 

#menubar ul li a div {
    float:left;
    margin: 0 10px 0 10px;
    width: 75px;
    text-align:center;
}

#splashbar {
    position:relative;
    background-color:white;
    height: 60px;
    margin-bottom:5px;
}
#splashbar img {
    float:left;
    margin: 5px 0 5px 30px;
    height:50px;
}
#splashtext {
    font: bold 14pt arial, sans-serif;
    padding: 5px 50px 0 0;
    text-align:right;
 /*   position: absolute;
    right: 50px;
    bottom: 5px; */
    color: #2b40ee;
}
#splashtext span {
    font-size: smaller;
}
#cp {
    background-color: #ffffff;
    min-height: 460px;
    padding: 5px;
    margin-bottom: 5px;
}
#footerbar {
    background-color: #6a5cff;
    text-align: center;
    height: 40px;
    color:white;
}

#footerbar a {
    margin: 0 10px 0 10px;
    font-size: small;
  text-decoration: underline;
}
#footerbar a:link {
color:#FFFFFF;
} 
#footerbar a:visited {
color:#FFFF00;
}
#footerbar a:hover {
color:#AAFFFF;
}
.errorline {
    color:red;
    font-weight: bold;
}

.noprint {}
@media print {
    .noprint {display:none}
}


/* TOOL TIPS */ 

a.tt:link,a.tt:visited {
    text-decoration:underline;
    color: #000000;
}
a.tt:hover{
  text-decoration: none;
  color: #000000;}
a.tt:active {
    text-decoration:underline;
    color: #000000;
}
a.tt span{
    text-decoration:none;
    padding:2px 3px; 
    margin-left:8px; 
    width:130px;
    display: none
}
a.tt:hover span{ 
/*the span will display 
just on :hover state*/
    text-decoration:none;
    display:inline;
    position: absolute;
    border:1px solid #f48d4a;
    background-color:#ffffff; 
    color:#000000;
}
/* END OF TOOL TIPS */ 

div.notice {
  color:red;
  padding: 5px;
  margin-bottom:20px;
  border: 1px solid #f48d4a;
}

div.cntrnotice {
    text-align:center;
    color:red;
    padding: 5px;
    margin:10px 30px 20px 30px;
    border: 1px red solid;
}

div.generalmsg {
    border:1px #f48d4a solid;
    text-align:left;
    padding:5px;
    margin:20px;
}
div.generalmsg p {
    text-indent:0em;
}

.smaller {font-size: smaller;}

input,select,textarea {
    font: small sans-serif;
}