/* CSS 2.1 	AmIHotOrNot v3.0.04 [:)} */

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
{
	border-style: outset;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	border-top:1px solid #bbbbbb;
	border-left:1px solid #bbbbbb;
	background-color:#f5f6f6;
	padding-left:5px;
	font-family:Arial!important;
	outline:none!important;
    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;}
.errorMessage{color: #FF0000;}
.errorItem{background: #FFFF99;}
#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;
	float: left;
}
#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;
}
.adHeader{font-weight: bold;font-size: 120%;}
.adURL{color: #009900;font-style: italic;}
.adText{font-family: Arial, Verdana;font-size: 8pt;}
.nR_float{z-index: 9999999;position: fixed !important;position: absolute;cursor: hand;cursor: pointer;}
#nR img{	border: 0;}
.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_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: right;padding: 2px;}

/* INPUT & TEXTAREA */

input, textarea, select
{
    font-size: 100%;
    font-family: inherit;
}
input[type=text]
{
    max-width: 96%;
}
textarea
{
    line-height: 150%;
    width: 96%;
}
textarea:focus, input[type=password]:focus, input[type=text]:focus
{
    outline: none;
    background: #faf7dd;
}
input[type=reset], input[type=submit]
{
    background: #68584c;
    text-transform: uppercase;
    color: #fff;
    border: none;
    padding: 7px 20px;
    border-bottom: solid 1px #55473b;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 0 rgba(0,0,0,.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-appearance: none;
}
input[type=reset]:hover, input[type=submit]:hover
{
    background: #3f332a;
    color: #fff;
}
