@charset "UTF-8";
/* CSS Document */

body {
padding:10px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
background-color:#CCCCCC;
}

img {
border:0px;
}

#container {
width:960px;
background-color:#FFFFFF;
margin:0 auto 0 auto;
}

#header {
width:100%;
background-color:#8c0001;
height:168px;
background-image:url(images/background-header.jpg);
}

#content {
background-image:url(images/background-content.gif);
min-height:400px;
width:924px;
padding:0px 18px 8px 18px;
}

#footer {
background-color:#8c0001;
width:100%;
height:50px;
}


#footer div {
color:white;
font-size:10px;
font-weight:bold;
}

#footer a:link, #footer a:visited, #footer a:hover{
color:white;
text-decoration:none;
}



#logo {
height:131px;
}


#logoutform {
font-size:10px;
text-align:right;
line-height:12px;
height:12px; 
overflow:hidden;
width:180px;
margin:auto;
display:block;
}



#userstatus a:hover {
font-weight:bold;
text-decoration:none;
}


#menu table {
height:30px;
width:900px;
margin:0px auto 0px auto;
color:white;
font-family:Arial , Helvetica, sans-serif;
text-align:center;
bottom:0px;
}

#menu a:link, #menu a:visited {
color:white;
text-decoration:none;
}

#menu a:hover {
font-weight:bold;
}

#menu a:active, .youarehere {
font-weight:bold;
}

#menu td {
width:180px;
}

#onlinetools {
width:200px;
height:575px;
text-align:center;
float:left;
}


#thetoolslist {
height:545px;
overflow:auto;
overflow-x: hidden;
-ms-overflow-x: hidden;
font-size:11px;
text-align:left;
}


#thetoolslist a:link, #thetoolslist a:visited {
text-decoration:none;
color:#333333;
cursor:pointer;
}

#thetoolslist a:hover {
text-decoration:none;
cursor:pointer;
}

#thetoolslist img {
float:left;
margin:3px 5px 3px 0px;
}

#thetoolslist strong {
font-size:14px;
}


.toolicon {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);
-moz-opacity: .65;
opacity: .65;
}


.toolicon:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}


.toolicon {
height:65px;
width:180px;
margin:auto;
}

.tooldescription {
width:120px;
float:left;
margin-top:5px;
background-color:white;
}


.abox {
border:1px solid #333333;
}

.abox h2, .bbox h2 {
height:24px;
overflow:hidden;
background-color:#666666;
padding:8px 0 8px 0;
margin:0px;
text-align:center;
color:white;
font-size:20px;
border-bottom:1px solid #333333;
}

.bbox {
background-color:#CCCCCC;
border:1px solid #333333;
}





ul {
padding:0px;
margin:0px;
list-style:none;
}

li {
padding:0px;
margin:0px;
}

a:link, a:visited {
color:#8c0001;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}

#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:350px;
width:432px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
font-size:13px;
background-image:url(images/background-accesscontrol.gif);
background-repeat:repeat-y;
}

#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:white;
font-weight:700;
display:block;
cursor:pointer;
}


.tablelable {
padding-left:20px;
}

.celllabel {
text-align:right;
font-size:12px;
font-weight:bold;
width:420px;
}

.logintable {
width:420px;
border-collapse:collapse;
}

.textinput {
width:100px;
margin:2px 0px 2px 5px;
padding:2px;
height:16px;
}

.buttoninput {
width:100px;
}


#loginheader {
height:29px;
width:412px;
background-image:url(images/header-accesscontrol.gif);
background-color:#990000;
color:white;
font-size:20px;
padding:3px 10px;
}

#popupContact h2 {
padding:0px;
margin:10px 0 5px 15px;
}


.logininfo {
width:95%;
text-align:center;
font-size:18px;
font-weight:normal;
}