/* CSS 2.1 	AmIHotOrNot v3.0.02 [:)} */

body
{
    background-color: #ffe4fc;
    height: 100%;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
}

a:link
{
    color: #0000CC;
    text-decoration: none;
}
a:visited
{
    color: #8F004F;
    text-decoration: none;
}
a:active
{
    color: #3333CC;
    text-decoration: none;
}
A:hover
{
    color: #3333CC;
    text-decoration: underline;
}

.pageHeader
{
background-image: url(/Images/AmIHotOrNot_mh.jpg);
width: 950px;
height: 108px;
}

.clsEntryHeading
{
    width: 950px;
}


.pageBlue
{
    border-top: 1px solid #548DB8;
    border-left: 1px solid #548DB8;
    border-right: 1px solid #548DB8;
    border-bottom: 1px solid #548DB8;
    background: #EFF7FF;
    width: 950px;
}

.pageBlueAdmin
{
    border-top: 1px solid #548DB8;
    border-left: 1px solid #548DB8;
    border-right: 1px solid #548DB8;
    border-bottom: 1px solid #548DB8;
    background: #EFF7FF;
    width: 98%;
}

.clsContent
{
    border-right: #999999 1px solid;
    border-top: #C1C3C1 1px solid;
    background: #fdfdfd;
    border-left: #C1C3C1 1px solid;
    border-bottom: #999999 1px solid;
}
.clsContent2
{
    border-right: #999999 1px solid;
    border-top: #C1C3C1 1px solid;
    background: #F8F7F8;
    border-left: #C1C3C1 1px solid;
    border-bottom: #999999 1px solid;
}
.messageBox
{
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    background: #BFDFFF;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
}
.underLine
{
    border-bottom: #cccccc 1px solid;
}
.clsVewMessage
{
    background: #ECECEC;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
.messageHeader
{
    background: #cccccc;
    color: #000000;
}
.message
{
    font-size: 8px;
}
.clsTable
{
    border: 1px solid #000000;
}
THEAD
{
    background-color: #6373f7;
    color: white;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
}
P
{
    color: black;
    font-family: verdana, arial, helvetica;
    font-size: 8pt;
}
P.small
{
    color: white;
    font-family: verdana;
    font-size: 8px;
}
TD
{
    font-family: Arial, Verdana;
    font-size: 8pt;
}
.textSmall
{
    font-size: 7pt;
}
.button
{
    font-family: Tahoma, Arial, Verdana;
    border-right: thin outset;
    border-top: thin outset;
    border-left: thin outset;
    border-bottom: thin outset;
    background-color: #BFDFFF;
    color: #000000;
    font-weight: bold;
    font-size: 9pt;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    cursor: hand;
    cursor: pointer;
}

.imageURL
{
    font-family: Courier New, Georgia, Arial, Verdana;
    font-size: 9pt;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #FFFFCC;
    border-right: #E4E4E4 1px dotted;
    border-top: #E4E4E4 1px dotted;
    border-left: #E4E4E4 1px dotted;
    border-bottom: #E4E4E4 1px dotted;
    margin: 5px;
    height: 27;
}
.profileURL
{
    font-family: Courier New, Georgia, Arial, Verdana;
    font-size: 9pt;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 0px;
    padding-top: 0px;
    background-color: #FFFFFF;
    border-right: #cccccc 1px dotted;
    border-top: #cccccc 1px dotted;
    border-left: #cccccc 1px dotted;
    border-bottom: #cccccc 1px dotted;
    margin: 5px;
}
.orangeText
{
    padding-right: 3px;
    padding-left: 3px;
    font-weight: bold;
    padding-bottom: 3px;
    margin: 0px;
    padding-top: 3px;
    font-family: Arial, Verdana, Tahoma;
    letter-spacing: 4pt;
    background-color: black;
    color: #ff9900;
}
.redText
{
    padding-right: 3px;
    padding-left: 3px;
    font-weight: bold;
    padding-bottom: 3px;
    margin: 0px;
    color: red;
    padding-top: 3px;
    font-family: Arial, Verdana, Tahoma;
    letter-spacing: 4pt;
    background-color: black;
}
.redTextRequied
{
    font-weight: bold;
    color: red;
    font-size: 12pt;
}

.yellowBackground
{
    background-color: #ffffcc;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
}
.yellowBackground2
{
    background-color: #ffffcc;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    font-weight: bold;
}
.blueBgChoose
{
    background-color: #BFDFFF;
    cursor: hand;
    cursor: pointer;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    padding-top: 1px;    
}
.orangeBgChoose
{
    background-color: #FFE2A7;
    cursor: hand;
    cursor: pointer;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
    
}
.orangeBgChooseDisplay
{
    background-color: #FFE2A7;
    cursor: hand;
    cursor: pointer;
    padding-right: 2px;
    padding-left: 16px;
    padding-top: 2px;
}
.blueBackground
{
    background-color: #ccffff;
}
.pinkBackground
{
    background-color: #ffe6ff;
}

/* Gray Group */

.grayBg01
{
    background-color: #FAFAFA;
    cursor: hand;
    cursor: pointer;
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 3px;
}
.grayBg02
{
    background-color: #F3F3F3;
    cursor: hand;
    cursor: pointer;
    padding-right: 3px;
    padding-left: 4px;
    padding-top: 3px;    
}
.grayBg03
{
    background-color: #EBEBEB;
    cursor: hand;
    cursor: pointer;
    padding-right: 3px;
    padding-left: 5px;
    padding-top: 3px;    
}
.grayBg04
{
    background-color: #E3E3E4;
    cursor: hand;
    cursor: pointer;
    padding-right: 3px;
    padding-left: 6px;
    padding-top: 3px;    
}
.grayBg05
{
    background-color: #DADADA;
    cursor: hand;
    cursor: pointer;
    padding-right: 3px;
    padding-left: 7px;
    padding-top: 3px;    
}
.grayBg06
{
    background-color: #D1D0D0;
    cursor: hand;
    cursor: pointer;
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 3px;    
}
.grayBg07
{
    background-color: #C5C6C6;
    cursor: hand;
    cursor: pointer;
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 3px;    
}
.grayBg08
{
    background-color: #BBBBBB;
    cursor: hand;
    cursor: pointer;
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 3px;    
}
.grayBg09
{
    background-color: #B0B0B0;
    cursor: hand;
    cursor: pointer;
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 3px;
}
.grayBg10
{
    background-color: #A4A4A4;
    cursor: hand;
    cursor: pointer;
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 3px;
}



.greenBackground
{
    background-color: #FDFDFD;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}


.yellowText
{
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
    padding-bottom: 5px;
    margin: 5px;
    color: yellow;
    padding-top: 10px;
    font-family: Arial, Verdana, Tahoma;
    letter-spacing: 5pt;
    background-color: black;
}
.textLarge
{
    font-family: Arial, Verdana, Tahoma;
    font-size: 10pt;
    font-weight: bold;
}
.textMessageBlue
{
    font-family: Courier New, Georgia, Arial, Verdana;
    font-size: 9pt;
    color: blue;
    line-height:normal;
}
.textUserMessage
{
    font-family: Courier New, Georgia, Arial, Verdana;
    font-size: 9pt;
    color: blue;
}
.textJoke
{
    font-family: Courier New, Georgia, Arial, Verdana;
    font-size: 9pt;
}
.textMessage
{
    font-family: Courier New, Georgia, Arial, Verdana;
    font-size: 9pt;
}
.textMessageBox
{
    font-family: Courier New, Georgia, Arial, Verdana;
    font-size: 9pt;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-top-style: ridge;
    border-right-style: ridge;
    border-left-style: ridge;
    border-bottom-style: ridge;
}
.textLargeGreen
{
    font-family: Arial, Verdana, Tahoma;
    font-size: 10pt;
    font-weight: bold;
    color: #009900;
}
.textGray
{
    color: #999999;
}
.grayLine
{
    border-bottom: #cccccc 1px dashed;
}

.textLargeRed
{
    font-family: Arial, Verdana, Tahoma;
    font-size: 10pt;
    font-weight: bold;
    color: #ff0000;
}
.textRed
{
    font-family: Arial, Verdana, Tahoma;
    font-size: 10pt;
    color: #ff0000;
}
.textGreen
{
    font-family: Arial, Verdana, Tahoma;
    font-size: 10pt;
    color: #339933;
}
.tableRow
{
    color: #000000;
    font-size: 8pt;
    font-family: Arial, Verdana, Tahoma;
    background-color: #F9FCFF;
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 2px;
    padding-top: 2px;
}
.voteTable
{
    background-image: url(/images/AmIHotOrNot_votebg.gif);
    height: 31px;
    color: #efefef;
    font-size: 9pt;
    font-family: Arial, Verdana, Tahoma;
    letter-spacing: 2px;
}
.voteTable2
{
    background-image: url(/images/AmIHotOrNot_votebg.gif);
    height: 0px;
    color: #efefef;
    font-size: 9pt;
    font-family: Arial, Verdana, Tahoma;
    letter-spacing: 2px;
}
.voteTable3
{
    background-image: url(/images/AmIHotOrNot_votebg3.gif);
    height: 31px;
    color: #efefef;
    font-size: 9pt;
    font-family: Arial, Verdana, Tahoma;
    letter-spacing: 2px;
	width: 500px;
}
/* VAL */
.errorMessage
{
    color: #FF0000;
}
.errorItem
{
    background: #FFFF99;
}

/* * * * * * * * * LIGHT BOX CSS * * * * * * * * */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/Images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/Images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 14px Courier New, Georgia, Arial, Verdana; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 90%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



/* * * * * * * * * MENU TABS * * * * * * * * */

#menuNav
{
    float: left;
    width: 950px;
    /*background: #EFF7FF*/
    font-size: 100%;
    line-height: normal;
    border-bottom: 0px solid #24618E;
}
#menuNav ul
{
    margin: 0;
    padding: 10px 10px 0 50px;
    list-style: none;
}
#menuNav li
{
    display: inline;
    margin: 0;
    padding: 0;
}
#menuNav a
{
    float: left;
    background: url( "/Images/Menu1.gif" ) no-repeat left top;
    margin: 0;
    padding: 0 0 0 5px;
    text-decoration: none;
}
#menuNav a span
{
    float: left;
    display: block;
    background: url( "/Images/Menu2.gif" ) no-repeat right top;
    padding: 5px 15px 4px 6px;
    color: #24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menuNav a span
{
    float: none;
}
/* End IE5-Mac hack */
#menuNav a:hover span
{
    color: #ffffff;
}
#menuNav a:hover
{
    background-position: 0% -42px;
}
#menuNav a:hover span
{
    background-position: 100% -42px;
}

#menuNav #current a
{
    background-position: 0% -42px;
}
#menuNav #current a span
{
    background-position: 100% -42px;
    color: #ffffff;
}

/* Ads */

.adHeader
{
    font-weight: bold;
    font-size: 120%;
}
.adURL
{
    color: #009900;
    font-style: italic;
}
.adText
{
    font-family: Arial, Verdana;
    font-size: 8pt;
}

/* float */

.nR_float
{
	z-index: 9999999;
	position: fixed !important;
	position: absolute;
	cursor: hand;
	cursor: pointer;
}
#nR img
{
	border: 0;
}
/*.nR_top
{
	top: 0px;
	_top: expression(eval(document.compatMode && document.compatMode== 'CSS1Compat' ) ? document.documentElement.scrollTop :document.body.scrollTop);
}
*/

.nR_bottom
{
	bottom: 0px;
	_top: expression(eval(document.compatMode && document.compatMode== 'CSS1Compat' ) ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 1 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 1);
}

.nR_right
{
	right: 0px;
}
/*
.nR_left
{
	left: 0px;
}
*/
#nR_close_button
{
	color: gray;
	border: 1px solid gray;
	display: none;
	width: 11px;
	height: 16px;
	font-size: 12px;
	text-align: center;
}
.nR2_top
{
	top: 80px;
	_top: expression(eval(document.compatMode && document.compatMode== 'CSS1Compat' ) ? document.documentElement.scrollTop + 80 :document.body.scrollTop + 80);
}
.nR2_bottom
{
	bottom: 80px;
	_top: expression(eval(document.compatMode && document.compatMode== 'CSS1Compat' ) ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 80 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 80);
}
.nR2_right
{
	right: 10px;
}
.nR2_left
{
	left: 10px;
}

ul {
list-style-type: none;
margin-left: 0px;
}
li {
float: left;
padding: 2px;
}