/* ************************************************************************************************ */
/*  HEADER AND PORTALBEGIN       */
/* ************************************************************************************************ */

img {behavior: url(pngHack/pngHack.htc);}

/* another bloody IE bugfix. wake the f*** up MS!! */
/* don't forget to fix font colors if you change that... */

a:link img {
    border: 1px solid #d0d0ff;
}
a:hover img {
    border: 1px solid #ffffff;
}
a:visited img {
    border: 1px solid #d0d0ff;
}

body {
    background: #001933 url("../images/keyboard.png") fixed 100% 0 no-repeat;
    margin: 0;
    padding: 0;
}

/* top pane (banner) */
table.banner {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: white;
}
table.banner td{
    background: black url("../images/banner.png") no-repeat;
	/*background: green;*/
    height: 86px;
	
}

table.VIPIconLinks {
	position:absolute;
	top:0px;
	right:0px;
}
table.VIPIconLinks td {
	background: none;
	white-space: nowrap;
}

.VIPIconLinks td a:link img, .VIPIconLinks td a:visited img {
	border-width:0px;
	background: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.VIPIconLinks td a:hover img, .VIPIconLinks td a:active img{
	border-width:0px;
	background: #005555;
}

/*TODO: needed?*/
td.bannerRight {
   /* background: #000000 url("../images/trinitybit.jpg") fixed 100% 0 no-repeat;*/
   height: 86px;
}
/* left pane body (text) */
td.body {
    background: #001933;
    /*background-image: url("../images/bg2_silly.gif");*/
    font: 12px Tahoma, Arial, sans-serif;
    color: white;
}
/* right pane body (graphic, menu) */
td.logo {
    font: 12px Tahoma, Arial, sans-serif;
    color: white;
    width: 350px;
    text-align: right;
    margin: 10px;
}

/* navigation menu */
td.menu {
    font: 12px Tahoma, Arial, sans-serif;
    color: white;
}

/* fancy fader-link. Assign it only to A links!!! */
a.faderlink {
    font: 12px Tahoma, Arial, sans-serif;
    color: #d0e0ff;
    background-color: #005555;
}

/* plain master links LINK :: LINK :: LINK */
.masterlink  {
    font: 12px Tahoma, Arial, sans-serif;
    color: #e0e0ff;
}
.masterlink a:link, .masterlink a:visited {
	font: 12px Tahoma, Arial, sans-serif;
    color: #e0e0ff;
	text-decoration: none;
}
.masterlink a:hover, .masterlink a:active{
	text-decoration: underline; 
	color: white;
}


/* don't forget image border colors... */
/* TODO: needed? */
.textboxFaderlink a {
    font: bold 12px Tahoma, Arial, sans-serif;
    color: #d0d0ff;
    background-color: #005555;
}


/* ************************************************************************************************ */
/*  MAIN BODY       */
/* ************************************************************************************************ */

/* textbox body */
table.textbox {
    /* background: transparent url("../images/textbox.png");*/
    background: #000C19;
    border: solid 1px white;
    margin: 5px;
    padding: 5px;
    width: 90%;
}

/* textbox body TRANSPARENT HACK don't forget to copy font styles too*/
table.textboxTR {

    border: solid 1px white;
    margin: 5px;
    padding: 5px;
    width: 90%;
    /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/textbox.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
table.textboxTR[class] {
  background-image:url("../images/textbox.png");
}

table.textbox  tr, table.textboxTR tr{
    font: 12px Tahoma, Arial, sans-serif;
    color: #b0d0ff;
}

.textbox b, .textbox b {
    font: bold 12px Tahoma, Arial, sans-serif;
    color: white;
}

.textbox i , .textboxTR i{
    font: bold 10px Tahoma, Arial, sans-serif;
    color: #e0e0ff;
}

/* don't forget image border colors... */
.textbox a, .textboxTR a {
    font: bold 12px Tahoma, Arial, sans-serif;
    color: #d0d0ff;
}

/* don't forget image border colors... */
.textbox a:hover, .textboxTR a:hover {
    font: bold 12px Tahoma, Arial, sans-serif;
    color: #ffffff;
    background-color: #005555;
}

/* MAIN BODY MISC */

.textboxHeading2 {
    font: bold 16px Tahoma, Arial, sans-serif;
    color: #b0d0ff;
}
.textboxHeading3 {
    font: bold 20px Tahoma, Arial, sans-serif;
    color: #b0d0ff;
}

/* ************************************************************************************************ */
/*       CONTEST       */
/* ************************************************************************************************ */

table.contests {
    font: 12px Tahoma, Arial, sans-serif;
    color: #b0d0ff;
    margin-left:30px;
    border-spacing: 0px;
    border-right: 1px solid #b0d0ff;
    border-bottom: 1px solid #b0d0ff;    
}

table.contests td {
    padding-left: 10px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: 1px solid #b0d0ff;
    border-top: 1px solid #b0d0ff;
}

.contests a {
    font: bold 12px Tahoma, Arial, sans-serif;
    color: #d0d0ff;
}

.contests td a:hover {
    font: bold 12px Tahoma, Arial, sans-serif;
    color: #ffffff;
    background-color: #005555;
}

tr.contestsHeader {
    font: bold 12px Tahoma, Arial, sans-serif;
    color: white;
    background: #001C29;
}



/* ************************************************************************************************ */
/*       FOOTER       */
/* ************************************************************************************************ */




/* footer */
table.footer {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: white;
}
.footer td {
    font: 12px Tahoma, Arial, sans-serif;
    color: white;
    background: #000000 url("../images/justknobs.jpg") no-repeat;
    width: 100%;
    height: 80px;
}
.footer a {
    font: 12px Tahoma, Arial, sans-serif;
    color: #b0d0ff;
}

.footer a:hover{
	font: 12px Tahoma, Arial, sans-serif;
    color: #ffffff;
    background-color: #005555;
}