html, body { border: 0;margin: 0; padding:0; width: 100%; height: 100%; text-align: left;}
body {
min-height: 100%;
height: auto !important;
text-align:left;
height: 100%;
position: relative;
background-color: #fff;
font-family: "Arial", Verdana, "Sans-Seriff";
font-size: 14px;
font-weight: normal;
color:#666655;
background-image: url(background.jpg);
background-repeat: repeat;
}
/*Link Styles */
a:link {text-decoration: none; color: #1177BB; font-size:100%; border: 0;}
a:visited {text-decoration: none; color: #1177BB; font-size:100%;}
a:hover {text-decoration: underline; color: #666655; font-size:100%;}
a:active {text-decoration: none; color: #1177BB; font-size:100%;}
a img {border: none;}
.clear { /* generic container (i.e. div) for floating buttons */
overflow: hidden;
width: 100%;
}
a.button {
background: transparent url('buttons/button.jpg') no-repeat;
color: #444;
display: block;
float: left;
height: 26px;
width: 65px;
padding-right: 5px; /* sliding doors padding */
cursor: pointer;
}
a.button span {
background: transparent url('buttons/button.jpg') no-repeat;
display: block;
line-height: 16px;
padding: 5px 0 5px 10px;
color: #fff;
}
.verytoplinks { padding-top: 8px; font-weight: bold;}
.verytoplinks a:link {text-decoration: none; color: #666655; font-size:100%; font-weight: bold;}
.verytoplinks a:visited {text-decoration: none; color: #666655; font-size:100%; font-weight: bold;}
.verytoplinks a:hover {text-decoration: none; color: #000; font-size:100%; font-weight: bold;}
.verytoplinks a:active {text-decoration: none; color: #666655; font-size:100%; font-weight: bold;}
.toplinks { border-bottom: 1px dotted #666655; border-top: 1px dotted #666655; padding: 3px 0px 3px 0px;}
.toplinks a:link {text-decoration: none; color: #1177BB; font-size:100%; font-weight: bold;}
.toplinks a:visited {text-decoration: none; color: #1177BB; font-size:100%; font-weight: bold;}
.toplinks a:hover {text-decoration: none; color: #000; font-size:100%; font-weight: bold;}
.toplinks a:active {text-decoration: none; color: #1177BB; font-size:100%; font-weight: bold;}
.selected {color: #666655;}
.toplinksplanet { border-bottom: 1px dotted #666655; border-top: 1px dotted #666655; padding: 3px 0px 3px 0px;}
.toplinksplanet a:link {text-decoration: none; color: #42BA3B; font-size:100%; font-weight: bold;}
.toplinksplanet a:visited {text-decoration: none; color: #42BA3B; font-size:100%; font-weight: bold;}
.toplinksplanet a:hover {text-decoration: none; color: #000; font-size:100%; font-weight: bold;}
.toplinksplanet a:active {text-decoration: none; color: #42BA3B; font-size:100%; font-weight: bold;}
.toplinkssdrr { border-bottom: 1px dotted #666655; border-top: 1px dotted #666655; padding: 3px 0px 3px 0px;}
.toplinkssdrr a:link {text-decoration: none; color: #EABA19; font-size:100%; font-weight: bold;}
.toplinkssdrr a:visited {text-decoration: none; color: #EABA19; font-size:100%; font-weight: bold;}
.toplinkssdrr a:hover {text-decoration: none; color: #000; font-size:100%; font-weight: bold;}
.toplinkssdrr a:active {text-decoration: none; color: #EABA19; font-size:100%; font-weight: bold;}
.toplinkstv { border-bottom: 1px dotted #666655; border-top: 1px dotted #666655; padding: 3px 0px 3px 0px;}
.toplinkstv a:link {text-decoration: none; color: #E6B717; font-size:100%; font-weight: bold;}
.toplinkstv a:visited {text-decoration: none; color: #E6B717; font-size:100%; font-weight: bold;}
.toplinkstv a:hover {text-decoration: none; color: #000; font-size:100%; font-weight: bold;}
.toplinkstv a:active {text-decoration: none; color: #E6B717; font-size:100%; font-weight: bold;}
.toplinksblank { border-bottom: 1px dotted #666655; border-top: 1px dotted #666655; padding: 3px 0px 3px 0px;}
.toplinksblank a:link {text-decoration: none; color: #ED3A31; font-size:100%; font-weight: bold;}
.toplinksblank a:visited {text-decoration: none; color: #ED3A31; font-size:100%; font-weight: bold;}
.toplinksblank a:hover {text-decoration: none; color: #000; font-size:100%; font-weight: bold;}
.toplinksblank a:active {text-decoration: none; color: #ED3A31; font-size:100%; font-weight: bold;}
.footlinks { border-top: 1px dotted #666655; padding: 2px 0px 2px 0px; }
.footlinks a:link {text-decoration: none; color: #666655; font-size:100%; font-weight: bold;}
.footlinks a:visited {text-decoration: none; color: #666655; font-size:100%; font-weight: bold;}
.footlinks a:hover {text-decoration: none; color: #000000; font-size:100%; font-weight: bold;}
.footlinks a:active {text-decoration: none; color: #666655; font-size:100%; font-weight: bold;}
.backlink { border-bottom: 1px dotted #666655; padding: 2px 0px 2px 0px; }
.backlink a:link {text-decoration: none; color: #666655; font-size:100%; font-weight: bold;}
.backlink a:visited {text-decoration: none; color: #666655; font-size:100%; font-weight: bold;}
.backlink a:hover {text-decoration: none; color: #000000; font-size:100%; font-weight: bold;}
.backlink a:active {text-decoration: none; color: #666655; font-size:100%; font-weight: bold;}
.title {color: #1177BB;
font-size:160%;
font-weight:bold;
padding:0px 0px 0px 0px;
background-image:url(wire_divider.png);
background-repeat:no-repeat;
padding-bottom: 14px;
background-position: bottom;
margin: 10px 0px 10px 0px;
}
.title-line {
color: #1177BB;
padding:0px;
margin: 0px;
border-bottom: 1px dotted #666655;
}
.title-no-wire {color: #1177BB;
font-size:140%;
font-weight:bold;
padding:0px 0px 0px 0px;
margin: 10px 0px 10px 0px;
}
.title2 {
color: #1177BB;
font-size:100%;
font-weight:bold;
padding:0px 0px 0px 0px;
border-bottom: 1px dotted #666655;
margin: 10px 0px 10px 0px;
}
.smallfont {
font-size:80%;
}
.bigfont {
font-size:120%;
}
.biggerfont {
font-size:140%;
}
h1 {color: #1177BB;
font-size:160%;
font-weight:bold;
padding:0px 0px 0px 0px;
background-image:url(wire_divider.png);
background-repeat:no-repeat;
padding-bottom: 14px;
background-position: bottom;
margin-bottom: 10px;
}
h2 {color: #1177BB; font-size:113%; font-weight:bold; padding:0px 0px 0px 0px;}
h3 {color: #1177BB; font-size:100%; font-weight:bold; padding:0px 0px 0px 0px;}
td, tr { text-align: left; vertical-align: top;}
/*Block Styles */
.container {
position: relative;
height: 100%;
width:980px;
margin: 0 0 0 0;
margin-left: auto;
margin-right:auto;
}
.top {
z-index:1 ;
width:870px;
border: 1px solid red;
height: 85px;
}
.mainbody {
position: absolute;
z-index:2 ;
width:881px;
height: 100%;
min-height: 700px;
top: 75px;
left: 55px;
}
table.content {
border-collapse: separate ;
border-spacing: 0pc;
height: 100%;
width:880px;
height: 100%;
height: 100%;
z-index: 3;
}
td.noshadow {
padding: 20px 0px 20px 20px;
background-color: white;
}
.leftcol {
width:270px;
float: left;
height: 100%;
padding-right: 10px;
}
.rightcol {
width:550px;
float: left;
height: 100%;
min-height: 670px;
}
td.shadow {
width: 12px;
border: 0px;
padding: 0;
background-image: url(shadow.gif);
background-repeat: repeat;
}
.tab {
position: absolute;
width: 136px;
height: 67px;
}
.sidetab {
position: absolute;
width: 150px;
height: 60px;
}
.logoright {
position: absolute;
top: 0;
right: 0;
width: 310px;
height: 310px;
}
.opacity50 { /* Applies a 50% opacity in supporting browsers*/
-khtml-opacity:.50;
-moz-opacity:.50;
-ms-filter:”alpha(opacity=50)”;
filter:alpha(opacity=50);
opacity:.50;
}
.myAccTable {
width: 100%;
border-collapse: collapse;
border-spacing: 0px;
border: 0 0 0 0;
padding: 3px 3px 3px 0;
margin: 0 0 0 0;
}
.myAccTable th {
width: 60%;
}
.myAccTable td {
width: 40%;
}
.lbblinks {
padding: 0px 0px 0px 35px;
border-bottom: 1px dotted #666655;
background-image: url(icons/link_arrow_icon.png);
background-repeat: no-repeat;
}
.tvlinks {
padding: 0px 0px 0px 0px;
width: 136px;
height: 170px;
float: left;
}
.tvdisplay {
padding: 12px 0px 0px 0px;
border-bottom: 1px dotted #665;
}
/*.tvshadow {
margin: 12px 0px 0px 0px;
padding: 0;
width: 461px;
height: 435px;
background-image: url(tvshadow.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
}*/
.stickerlinks {
padding: 0px 0px 0px 35px;
border-bottom: 1px dotted #666655;
background-image: url(icons/sticker_icon.png);
background-repeat: no-repeat;
}
.happeningslinks {
padding: 0px 0px 0px 35px;
border-bottom: 1px dotted #666655;
background-image: url(icons/event_icon.png);
background-repeat: no-repeat;
background-position: 0px 10px;
}
.nervecentrelinks {
padding: 0px 0px 0px 35px;
border-bottom: 1px dotted #666655;
background-image: url(icons/nervecentre_icon.png);
background-repeat: no-repeat;
}
.nervecentreselected {
background-image: url(icons/nervecentre_icon_sticky.png);
}
.peoplelinks {
padding: 0px 0px 0px 35px;
border-bottom: 1px dotted #666655;
background-image: url(icons/people_icon.png);
background-repeat: no-repeat;
}
.blanktablinks {
padding: 0px 0px 0px 35px;
background-image: url(icons/link_arrow_icon.png);
background-repeat: no-repeat;
}
.comments {
padding: 5px 0px 5px 0px;
border-bottom: 1px dotted #666655;
}
.sdrrtips {
padding: 2px 2px 2px 2px;
width: 115px;
min-height: 115px;
position: absolute;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.getinvolved {
float:left;
width: 270px;
margin: 0px 5px 0px 5px;
padding: 0;min-height: 670px;
}
.getinvolved a {
padding: 0px 0px 0px 35px;
background-image: url(icons/link_arrow_icon.png);
background-repeat: no-repeat;
font-size:100%;
font-weight: bold;
color: #1177BB;
text-decoration: none;
}
.getinvolved a:visited {text-decoration: none; color: #1177BB; font-size:100%; font-weight: bold;}
.getinvolved a:hover {text-decoration: none; color: #000000; font-size:100%; font-weight: bold;}
.getinvolved a:active {text-decoration: none; color: #1177BB; font-size:100%; font-weight: bold;}
.search {
background-image: url(icons/search_box.png);
background-repeat: no-repeat;
padding: 0;
margin-left:10px;
border: 0;
}
.search input[type=image] {
vertical-align: top
}
.search input[type=text] {
width: 165px;
height: 20px;
border: 0;
margin: 5px 5px 5px 5px;
font-family: "Arial", Verdana, "Sans-Seriff";
}
/** Style the twitter tweets */
.twitters {
padding: 5px;
width: 250px;
margin: 0;
}
.twitters ul {
list-style: none;
padding: 0;
margin: 0;
}
.odd_twitterTop, .odd2_twitterTop {
padding: 0px 0px 0px 0px;
width: 225px;
height: 6px;
background-image: url(icons/tweet_top_left.png);
background-repeat: no-repeat;
margin-left: 25px;
}
.odd_twitterBody, .odd2_twitterBody {
background-color: #86ABD5;
color: white;
width: 213px;
margin-left: 31px;
padding: 0px 3px 0px 3px;
}
.odd_twitterBottom, .odd2_twitterBottom {
padding: 0px 0px 0px 0px;
width: 225px;
height: 18px;
background-image: url(icons/tweet_bottom_left.png);
background-repeat: no-repeat;
margin-bottom: 30px;
margin-left: 25px;
}
.even_twitterTop {
padding: 0px 0px 0px 0px;
width: 225px;
height: 6px;
background-image: url(icons/tweet_top_right.png);
background-repeat: no-repeat;
}
.even_twitterBody {
background-color: #86ABD5;
color: white;
width: 213px;
margin-left: 0px;
padding: 0px 3px 0px 3px;
}
.even_twitterBottom {
padding: 0px 0px 0px 0px;
width: 225px;
height: 18px;
background-image: url(icons/tweet_bottom_right.png);
background-repeat: no-repeat;
margin-bottom: 30px;
}
input[type=submit],
input[type=button] {
width: 65px;
height: 26px;
font-size: 100%;
color: white;
background: transparent url('buttons/button.jpg') no-repeat;
border: 0;
margin: 0px 0px 0px 0px;
padding-bottom: 3px;
vertical-align: middle;
}
input[type=submit].longButton {
width: 105px;
height: 26px;
background: transparent url('buttons/button_long.jpg') no-repeat;
}
input[type=submit]:hover,
input[type=button]:hover {
background-color: #5F9ED0;
cursor: pointer;
}
/* Input Form Table Styles */
table.iform {
border-collapse: collapse;
margin-left: 0 auto;
margin-right: 0 auto;
border-spacing: 0;
font-size: 100%;
}
table.iform th {
font-weight: bold;
font-size: 100%;
text-align: left;
width: 200px;
}
table.iform td {
font-weight: normal;
padding: 3px;
}
table.iform input[type=text], input[type=radio], input[type=password], select, textarea {
border: 1px solid #ccc;
background-color: rgb(255, 255, 255);
color: black;
font-size: 100%;
}
td.ifbottom {
font-weight: bold;
font-size: 100%;
text-align: left;
}
.iFormError { background-color: #FCC; color: #CC0000; font-weight: bold }
.iFormHelp {
background-image: url(icons/question_icon.png);
background-repeat: no-repeat;
background-position: right top;
height: 20px;
padding-left: 20px;
margin-left: 10px;
cursor: pointer;
}
/* .iFormColumn {
float:left;
width: auto;
}
.iFormGutter {
float:left;
border: 1px solid white;
width: 2%;
} */
/* Data Table Styles */
a.illink {
font-size: 100%;
}
table.ilisttable {
border-collapse: collapse;
border: 0;
margin-left: 0 auto;
margin-right: 0 auto;
border-spacing: 0;
width: 948px;
font-size: 100%;
}
table.ilisttable th {
text-align: left;
padding: 3px 3px 3px 3px;
font-weight: bold;
border-bottom: 1px solid #ccc;
}
table.ilisttable td {
padding: 3px 3px 3px 3px;
vertical-align: top;
}
.ilistodd {
vertical-align: top;
}
.ilisteven {
background-color: #eee;
padding: 3px;
vertical-align: top;
}
.ilisttablebott {
text-align: right;
}
.ilisttotals {
text-align: right;
font-weight: bold;
color: #1177BB;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
/* Styles for the "click to zoom" box */
.zoom {
position: absolute;
width: 300px;
top:10px;
display: none;
z-index: 99;
background-color: white;
border: 1px solid #666;
padding: 5px;
}
.zoom h3 { margin: 2px 0px 2px 0px; }
.zoombar {
background-color: white;
color: #666;
text-align: left;
margin-top: 2px;
}
div.pagination {
text-align: right;
color: #666655
}
div.pagination a.link {
font-weight: bold;
}
div.pagination a.linkSelected {
font-weight: bold;
font-size: 125%;
color: #666655;
}
.comment {
background-image:url(icons/comment_icon.png);
background-repeat:no-repeat;
background-position: left bottom;
padding-top: 5px;
padding-left: 20px;
}
.previewBox {
padding: 5px 0px 5px 0px;
border:1px dotted red;
}