/* Style for Night Time Fever */

/* Print Rules */
.xp {
  display: block;
  visibility: visible;}

.yp {
  display: none;
  visibility: hidden;}

/* Tags */

body, td, div, textarea, select, input, span, a  {
  font-family: arial, helvetica,sans-serif;
  color: rgb(112,112,112);
}

body {
  margin-top:10px;
  background-color:rgb(255,255,255);

}

td[onclick] {
  cursor:pointer;
}

textarea:focus, input[type='text']:focus, input[type='password']:focus, input[type='file']:focus, select:focus {
  background-color:rgb(255,255,255);
  color:rgb(0,0,0);
}



/* Divs */
div#container {
/*  min-width:900px;
    width:auto !important */
  margin: 0 auto;
  z-index:0;
  width:998px;
}

img#outrb {
  float:right;
  position:relative;
  width:15px;
  z-index:20;}

img#outlb {
  float:left;
  position:relative;
  width:15px;
  z-index:20;}
  
div#header {
  background-color:white;
  }

div#content {
 position:relative;
	 /*min-height:600px;*/
  height:600px;
  background: rgb(232,229,224) url(../img/build/fai_C1.jpg) repeat-x;
}

div#L1 {
  background: url(../img/build/fai_L1.jpg) no-repeat;
  height:99px;
  width:190px;
}

div#L2 {
  background: url(../img/build/fai_L2.jpg) repeat-y;
  width:190px;
  z-index:50;
}

div#L3 {
  background: url(../img/build/fai_L3.jpg) no-repeat;
  height:59px;
  width:190px;
}

div#L4 {
  background: url(../img/build/fai_L2.jpg) repeat-y;
  width:190px;
}

div#L5 {
  background: url(../img/build/fai_L5.jpg) no-repeat;
  height:113px;
  width:190px;
}

div#C1 {
  background: rgb(232,229,224) url(../img/build/fai_C1.jpg) repeat-x;
  height:99px;
  width:100%;
}

div#R1 {
  background: url(../img/build/fai_R1.jpg) no-repeat;
  height:99px;
  width:224px;
}

div#R2 {
  background: url(../img/build/fai_R2.jpg) repeat-y;
  width:224px;
}

div#R3 {
  background: url(../img/build/fai_R3.jpg) no-repeat;
  height:113px;
  width:224px;
}

/* Anchors */
a {
  color: rgb(27,43,92);
  text-decoration: none;
}

a:hover {
  color: rgb(250,0,0);
}

a.anav, a.anav:visited {
  color:rgb(112,112,112);
}

a.anav:hover {
  color:rgb(255,0,0);
}

a.artlink {
  color: rgb(250,85,85);
}

a.artlink:hover {
  color:rgb(27,43,92);
}


/* Boxes & Borders */
.bdr {
  border:1px solid rgb(0,0,0);
}

.bdrR {
  border:1px solid rgb(255,0,0);
}

.bdrW {
  border:1px solid rgb(255,255,255);
}


.box {
  border-top: 1px solid rgb(95,73,50);
  border-right: 1px solid rgb(112,112,112);
  border-bottom: 1px solid rgb(112,112,112);
  border-left: 1px solid rgb(95,73,50);
  background-color: rgb(250,85,85);
  color: rgb(0,0,0);
  padding: 2px 4px;
  font-size:11px;
  cursor:pointer;
}

.box:hover {
  border-top: 1px solid rgb(112,112,112);
  border-right: 1px solid rgb(0,0,0);
  border-bottom: 1px solid rgb(0,0,0);
  border-left: 1px solid rgb(112,12,112);
  background-color: rgb(153,153,204);
  color: rgb(42,42,42);
}


textarea, input[type='text']{
  border: 1px solid rgb(0,0,0);
  background-color:rgb(232,229,224);
  color:rgb(112,112,112);
}

.firstline:first-line {
  font-size:13px;
}

input.login {
  color:rgb(112,112,112);
  font-size:12px;
  padding-left:10px;
  padding-top:1px;
  width:140px;
  height:21px;
  background: rgb(250,85,85) url(../img/build/carmInput.jpg) no-repeat 0 0;
  border:0px solid transparent;
  margin-top:2px;
}

input#pnkB {
  width:54px;
  height:23px;
  margin-bottom:0;
  cursor:pointer;
}

html>body input#pnkB {
  width:54px;
  height:23px;
  margin-bottom:-10px;
}

div#loginbar{
  position:absolute;
  font-size:11px;
  color:rgb(255,255,255);
  width:550px;
  background-color:rgb(250,85,85);
  top:10px;
  right:37px;
  padding-left:10px;
  height:auto;
}

div#loggedinbar{
  position:absolute;
  font-size:18px;
  color:rgb(255,255,255);
  width:auto;
  background-color:rgb(250,85,85);
  top:10px;
  right:37px;
  padding-left:20px;
  padding-right:20px;
  height:auto;
  text-align:right;
}


div.navbuttonA {
  background:url(../img/build/baseButton.jpg) no-repeat;
  width:118px;
  height:22px;
  padding-left:12px;
  padding-top:3px;
  left:58px;
  margin-top:6px;
  font-size:11px;
  /*color:rgb(112,112,112);*/
  color:red;
  top:70px;
  position:absolute;

}

html>body div.navbuttonA {
  cursor:pointer;
}

div.navbuttonR{
  background:url(../img/build/baseButton.jpg) no-repeat;
  width:118px;
  height:22px;
  padding-left:12px;
  padding-top:3px;
  left:43px;
  margin-top:0px;
  position:relative;
  font-size:11px;
  /*color:rgb(112,112,112);*/
  color:red;
}

html>body div.navbuttonR {
  cursor:pointer;
}

input.b50 {
  border:transparent;
  background:url(../img/build/smButton.jpg) no-repeat;
  color:red;
  font-size:11px;
  height:28px;
  width:50px;
  padding-bottom:1px;
  margin-top:-5px;
  cursor:pointer;
}

input.b50:hover {
  background-image:url(../img/build/oversmButton.jpg);
  cursor:pointer;
}

input.b60 {
  border:transparent;
  background:url(../img/build/butart.png) no-repeat 0 5px;
  color:red;
  font-size:11px;
  height:30px;
  width:150px;
  padding:0 4px;
  cursor:pointer;
}

input.b60:hover {
  background-image:url(../img/build/butartover.png);
  cursor:pointer;
}

input.b75 {
  border:transparent;
  background:url(../img/build/button75.jpg) no-repeat 0 5px;
  color:red;
  font-size:11px;
  height:30px;
  width:75px;
  padding:0 6px 0 0;
  cursor:pointer;
}

input.b75:hover {
  background-image:url(../img/build/button75over.jpg);
  cursor:pointer;
}
/* Colours */

.blu {
  color: rgb(27,43,92);
}
.red {
  color: rgb(250,85,85);
}
.yel {
  color:rgb(250,217,0);
}
.gry {
  color: rgb(85,85,85);
}
.gry2 {
  color: rgb(192,192,192);
}
.gld {
  color: rgb(173,141,87);
}
.ora {
  color:rgb(245,149,40);
}
.pnk {
  color:rgb(252,239,239);
}


/* Positional IDs */

div#swirl {
  position:relative;
  background:url(../img/build/FAI2.jpg) no-repeat 100% 0;
  width:100%;
  height:68px;
}

div#shadow1 {
  position:relative;
  background:url(../img/build/shadow1.png) repeat-x;width:100%;
  height:10px;
}

div#FAIlogo {
  position:absolute;
  top:5px;
  left:54px;
  z-index:30;
  width:263px;
  height:60px;
}

div#pgetitle {
  top:10px;
  left:66px;
  position:absolute;
  color:red;
  font-size:20px;
  z-index:30;
  height:30px;
}

div#pgetitle2 {
  top:11px;
  left:67px;
  position:absolute;
  color:rgb(192,192,192);
  font-size:20px;
  z-index:10;
  height:30px;
}

div#rptitle {
  position:absolute;
  text-align:center;
  font-size:14px;
  color:red;
  top:70px;
  right:56px;
  z-index:30;
}

div#rptitle2 {
  position:absolute;
  text-align:center;
  font-size:14px;
  color:rgb(192,192,192);
  top:71px;
  right:55px;
  z-index:10;
}

div#rpsub {
  position:absolute;
  text-align:center;
  font-size:14px;
  color:red;
  top:8px;
  right:41px;
  z-index:30;
}

div#rpsub2 {
  position:absolute;
  text-align:center;
  font-size:14px;
  color:rgb(192,192,192);
  top:9px;
  right:40px;
  z-index:10;
}

img.SOposter {
  max-width:168px;
  margin:0 0 20px 20px;
  border:10px outset #eee;
}

div#rpanel {
  float:right;
  width:224px;
  margin-left:20px;
}

div#lpanel {
  float:left;
  width:190px;
  z-index:60;
}

div#artist {
  position:relative;
  font-size:12px;
  text-align:center;
  width:135px;
  left:38px;
  top:40px;
  color:rgb(250,85,85);
}

div#featured {
  position:relative;
  font-size:12px;
  text-align:center;
  width:135px;
  left:38px;
  top:0px;
} 

div#featuredtext {
  position:relative;
  font-size:11px;
  color:rgb(112,112,112);
  text-align:center;
  width:135px;
  left:38px;
  top:4px;
  height:56px;
  overflow:hidden;
}

div.featuredbutton {
  position:relative;
  text-align:right;
  width:135px;
  left:38px;
  top:4px;
  height:28px;
}

div#centre {
  float:left;
  position:absolute;
  top:76px; 
  left:10px;
  text-align:justify;
  z-index:10;
  margin-left:220px;
  right:270px;
  font-size:13px;
  color:rgb(122,122,122);
  width:auto;
  min-width:400px;
  /*border:1px solid black;*/
}


div#footerline {
  position:relative;
  background:url(../img/build/shadow9.png) repeat-x;
  width:100%;
  height:9px;
  z-index:0;
}

div#FAIemb {
  position:absolute;
  float:right;
  bottom:10px;
  right:232px;
  width:422px;
  height:51px;
  background:transparent url(../img/build/fai_emboss.jpg) no-repeat;  
}

div.artbox {
  font-size: 11px;
  color:rgb(102,102,102);
  float:left;
  border:1px solid #000;
  text-align:center;
  width:128px;
  max-height:152px;
  height:152px;
  margin:0 8px 8px 8px;
  overflow:hidden;
  background-color:transparent;
  display:block;
  overflow:hidden;
  padding-top:4px;
}

div.artbox div {
  display:inline;
  vertical-align:middle;
  margin:auto;
}

div.artbox div a img {
  border:1px solid rgb(192,192,192);
/*  max-height:140px;
  max-width:120px;*/
}

div#copy {
  position:relative;
  font-size: 9px;
  color:rgb(192,192,192);
  top:-10px;
  left:40px;
  width:200px;
}

div.artcx {
float:left;
width:150px;
background:url(../img/build/butart.png) no-repeat;
height:30px;
padding-left:10px;
padding-top:4px;
cursor:pointer;
font-size:11px;
/*color: rgb(85,85,85);*/
color:red;
}

div.artcx:hover {
color:rgb(250,85,85);
}

div.cate {
font-size:14px;
/*color: rgb(250,85,85);*/
color:red;
cursor:pointer;
clear:left;
background:url(../img/build/catButton.png) no-repeat;
height:30px;
width:200px;
padding:8px 0 0 8px;
overflow:hidden;
}

div.cate:hover {
color: rgb(250,85,85);
background:url(../img/build/catButtonover.png) no-repeat;
}

div.cate:active, div.cate:focus {
color: rgb(0,0,0);
background:url(../img/build/catButtonfocus.png) no-repeat;
}


/*** DGM Affiliate ***/
img.dgm {
width:3px;
height:1px;
}
/***************************************/

