html, body { 
font-family: Helvetica, Arial, Verdana, Geneva, Swiss, SunSans-Regular;
margin: 0;
padding: 0;
}
p {
margin: 10px;
padding: 0;
line-height: 1.2em;
font-size: .85em;
color: #999;
}
a {
outline: none;
}
a:link, a:visited {
color: #000000;
text-decoration: none;
}
a:hover, a:active {
text-decoration: underline;
}

/* --[ layout structure ]--------------------- */

#page {
margin: 10px auto;
padding: 0;
width: 1023px;
text-align: left;
}

#greyhead {
margin: 10px 0 0 0;
padding: 2px 15px 0 20px;
height: 50px;
width: 988px;
background-color: #d3d3d3;
font-size: 12px;
line-height: 20px;
color: #888888;
}
#greyhead input.user {
margin: 0;
padding: 5px;
border: 0;
height: 15px;
width: 199px;
color: #999;
background-color: #FFF;
}
#greyfoot {
margin: 0;
padding: 2px 15px 0 20px;
height: 25px;
width: 988px;
background-color: #d3d3d3;
font-size: 12px;
line-height: 20px;
color: #888888;
/* border-bottom: #d3d3d3 solid 2px; */
}
#greyfoot .navlinks {
	float: right;
}

#columns {
margin: 0;
padding: 0;
width: 1023px;
height: auto;
background-color: #f5f5f5;
}

td.col1 {
width: 215px;
border-right: #d3d3d3 solid 2px;
border-left: #d3d3d3 solid 2px;
background-color: #FFFFFF;
}
td.col2 {
width: 215px;
border-right: #d3d3d3 solid 2px;
background-color: #FFFFFF;
}
td.col3 {
width: 361px;
border-right: #d3d3d3 solid 2px;
background-color: #FFFFFF;
}
td.disabled {
background-color: #f5f5f5;
}

#c1 {
margin: 0;
padding: 5px 0 15px 0;
float: left;
width: 215px;
min-height: 100%;
}
#c2 {
margin: 0;
padding: 5px 0 15px 0;
float: left;
width: 215px;
min-height: 100%;
}
#c3 {
margin: 0;
padding: 5px 0 15px 0;
float: left;
width: 361px;
min-height: 100%;
}

.folder {
margin: 0;
padding: 0;
height: 23px;
font-size: 12px;
}
.folder a:link, .folder a:visited {
width: 215px;
height: 23px;
display: block;
float: left;
font-size: 12px;
}
.folder a:hover, .folder a:active {
text-decoration: none;
background: #f5f5f5;
}

* html a:hover {
visibility:visible
}
.download {
margin: 0;
padding: 0;
width: 361px;
height: 23px;
position: relative;
white-space: nowrap;
display: block;
}
.download a:link, .download a:visited {
width: 361px;
height: 23px;
display: block;
float: left;
font-size: 12px;
background: #f5f5f5 url(../images/arrow_hover.gif) no-repeat top right;
}
.download a:hover, .download a:active {
text-decoration: none;
}
.download a.visited {
/* color: #2fd70d; <--green text on filenames */
background-image: url(../images/arrow_visited.gif);
}

.download img.arrow {
width: 361px;
height: 23px;
border: 0
}
.download a:hover img.arrow, .download a.visited img.arrow {
visibility: hidden;
}
.download span {
position: absolute;
left: 0;
top: 0;
margin: 0px;
padding: 0px;
cursor: pointer;
}

.icon {
margin-bottom: -5px;
}
.on {
background-color: #f5f5f5;
}
.break {
clear: both;
}

#login {
margin: auto;
margin-top: 30px;
height: 300px;
width: 500px;
background-color: #d3d3d3;
font-size: 12px;
line-height: 20px;
color: #888888;
}
#login #formtable {
position: relative;
top: 100px;
width: 500px;
height: 100px;
}
#login .label {
margin-right: 50px;
}
#login .text {
margin: 0;
padding: 5px;
border: 0;
height: 15px;
width: 199px;
color: #999;
background-color: #FFF;
}
#login .submit {
border: 0;
background-color: #d3d3d3;
margin-right: 32px;
font-size: 12px;
line-height: 20px;
color: #888888;
}
#login .submit:hover {
color: #575757;
cursor: pointer;
}
.loginerror {
margin: auto;
margin-top: 20px;
text-align: center;
}

.success {
color: green;
border: 1px solid green;
background: #CCFFCC;
padding: 5px;
margin: 5px;
}
.error {
color: red;
border: 1px solid red;
background: #FFCCCC;
padding: 5px;
margin: 5px;
}