/* Reset Styles */
*{text-decoration:none;font-size:1em;outline:none;margin:0;padding:0}input{font:inherit;white-space:normal}a,img,a img,iframe,form,table{border-width:0}th,td{text-align:left}html{background:#FFF;color:#000;line-height:1;font-family:arial, sans-serif}

html { background-color: #babfc2; }
body { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 62.5%; line-height:1.8em; padding:0 15px; }
#content{width:960px;margin:0 auto;}

#title { height:80px; margin:15px auto; padding:10px; color:#444; background-color:#fff; border:1px solid; font-size:1.5em; }
#title p { margin-top:15px;text-align:center;}
#title .logo{width:25%;}
#title .ccp{width:50%;}
#title h2 { font-size:1.8em; line-height:1; margin:0 0 .5em; font-weight:400; }

#page { margin:15px auto; padding:10px; color:#444; background-color:#fff; border:1px solid; font-size:1.2em; }

h1 { font-size:1.8em; color:#01569d; line-height:1; margin:0 0 .5em; font-weight:400; }
h1 a { font-weight:normal; text-decoration:underline; }

a { color:#01569d; font-weight:bold; }

table { width:100%; border-collapse:collapse; border-bottom:1px solid #444; }
table a { display:block; width:100%; }
tr { border-left:1px solid #444; border-right:1px solid #444;}
tr.alt { background-color:#eee;}
tr:first-child  { border-left-color:white; border-right-color:white; border-bottom:1px solid; }

tr:hover { background-color:#a8c0cc; }
tr:first-child:hover { background-color:white; }

td, th { padding: 0 2px; margin:0; }
th a {text-decoration:underline; display:inline;}

td:first-child { width: 24px; text-align:center;}
td+td {width: auto; }
td+td+td {width: 20%; }
td+td+td+td {width: 10%; }
td+td+td+td+td  { display:none; } /* Fully supress the description column */ 

#filter {
float:right;
background:url('icons/page_white_find.png') no-repeat 2px 1px;
padding:1px 0 1px 22px;
margin-left:0px;
height:18px;
width:15em;
}

.hint { color: #aaa; }

#footer {
margin-top:5px;
font-size:0.8em;
text-align:right;
}

.left {
float:left;
}

.center
{
margin-left:auto;
margin-right:auto;
width:50%;
}

.right {
float:right;
}

.clear {
clear:both;
}

/* IE border fix because it doesn't display borders on tr elements  workaround by giving td's borders in IE7 / classes that JS can hook onto in IE6 */
table tr td:first-child { border-left:1px solid #444 !important; }
table tr td+td+td+td { border-right:1px solid #444 !important; } .IE_fixrightborder { border-right:1px solid #444 !important; }
table tr:first-child th { border-bottom:1px solid #444 !important; }
