/******************************************************
 Style Sheet for Website Pyro
 Design by Website Pyro, www.websitepyro.com
 ******************************************************/
/******************************************************
 Forum
 ******************************************************/
.forumDate{font-size:8pt;}
.signature{color:#aaa;}
.forumEdited{
	padding-top:10px;
	font-style:italic;
}
#Forum{
	clear:both;
	width:99%;
}
#Forum .row{padding:3px 0;}
#Forum .row,#Forum .headerRow,.separatorRow{
	clear:both;
	border:1px solid black;
}
#Forum .headerRow,.topicHeaderRow,.separatorRow{
	font-weight:bold;
}
.topicHeaderRow,.separatorRow{
	background:#ddd;
	clear:both;
	color:#444;
	border-left:1px solid black;
	border-right:1px solid black;
}
.topicHeaderRow form{margin:0;float:right;}
#Forum .headerRow a{color:white;}
.ForumItemLeft,.ForumItemRight,.ForumLastPost,.ForumItemCenter{
	float:left;
	width:22%;
	margin:0;
}
.ForumItemSearch form{float:right;}
.ForumItemLeft{text-align:left;}
.ForumItemRight{text-align:right;}
.ForumItemCenter{text-align:center;}
.ForumDesc{font-style:italic;}
.ForumText,.ForumAuthor{float:left;}
.ForumText{
	width:72%;
	padding:1%;
}
.ForumText textarea{width:100%;height:100px;}
.ForumAuthor{
	width:23%;
	padding:1%;
}
.forum50,.forum50r{
	float:left;
	width:50%;
}
.forum50r{
	width:45%;
	float:right;
	text-align:right;
}
/******************************************************
 PageLinks
 ******************************************************/
.pageLinks{
	width:100%;
	float:right;
	text-align:right;
}
.pageLinks a,.currentPage{
	border:1px solid black;
	padding:2px;
	text-decoration:none;
	margin-left:3px;
}


/* Links */
.forumUserLink{font-size:8pt;}
.forumUserLink{font-size:8pt;}
.forumTopicLink{font-weight:bold;}
.ForumAuthor .forumUserLink{font-size:10pt;}
/******************************************************
 Drop Down Menu
 ******************************************************/
.submenu, .submenu ul{ /*topmost and sub ULs, respectively*/
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
list-style-type:none;
visibility:hidden;
z-index:100;
}
.submenu li a{
display:block;
width:160px;
text-decoration:none;
}
* html .submenu li a{ /*IE6 CSS hack*/
display:inline-block;
}

/******************************************************
 Neutral Menu Items
 ******************************************************/
.downarrowpointer{padding-left:4px;}
.rightarrowpointer{
position:absolute;
padding-top:3px;
right:2px;
border:0;
}
.ddiframeshim{
position:absolute;
z-index:500;
background:transparent;
border-width:0;
width:0;
height:0;
display:block;
}
/******************************************************
 Horizontal Menu
 ******************************************************/
.topbar ul{
margin:0;
padding:0;
list-style-type:none;
overflow:hidden;
width:100%;
}
.topbar li{
display:inline;
margin:0;
}
.topbar li a{
float:left;
display:block;
text-decoration:none;
margin:0;
}
/******************************************************
 Vertical Menu
 ******************************************************/
.sidebar{
width:100%; /*width of side bar menu*/
clear:left;
position:relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
}
.sidebar ul{
list-style-type:none;
margin:0;
padding:0;
}
.sidebar ul li a{
display:block;
width:auto;
text-decoration:none;
}
/******************************************************
 Style Sheet for Website Pyro Messages
 ******************************************************/
#Mailbox #Subject{
	width:400px;
	float:none;
}
#Mailbox .checkbox,#Mailbox .user,#Mailbox div .subject,#Mailbox .date{
	float:left;
	clear:none;
}
#Mailbox .user,#Mailbox div .subject,#Mailbox .date{width:30%;}
#Mailbox .checkbox{
	width:9%;
	float:left;
	clear:both;
	height:20px;
}
#Mailbox label{
	width:100px;
	clear:both;
	float:left;
}
#Mailbox textarea{
	width:400px;
	height:300px;
	float:none;
}
#Mailbox #Send{
	clear:both;
	float:left;
}
#Mailbox #UserDetails{width:100px;}
.message,.messageHover,.messageNew,.messageHoverNew{
	width:90%;
	border:1px solid #ccc;
	float:left;
	height:20px;
}
.msgHeader{width:99%;border:1px solid black;}
.msgHeader,.msgHeader .checkbox,.msgHeader .subject,.msgHeader .date,.msgHeader .user{
	font-weight:bold;
	margin-top:5px;
	background:#bbb;
}
.message{background-color:#ddd;}
.messageNew,.messageHoverNew{font-weight:bold;}
.messageHover,.messageHoverNew{
	background-color:#ccc;
	border:1px solid black;
}

#MessageForm #Subject,#MessageForm #Message,#MessageForm #User,#MessageForm #Links{float:left;}
#MessageForm label,#MessageForm #Links{clear:both;}
/******************************************************
  Style Sheet for Website Pyro Profiles
 ******************************************************/
#Profile{width:100%;}
#Profile #Row{padding:3px 0;}
#Profile #Row,#Profile #HeaderRow{
	clear:both;
	border:1px solid black;
}
#Profile #HeaderRow{font-weight:bold;}
#ProfileImage{
	float:left;
	margin:3px;
	margin-right:8px;
}
#ProfileDetails{float:left;}
#ProfileDetails label{
	width:110px;
	display:block;
	float:left;
	clear:both;
}
#ProfileDetails input,#ProfileDetails select{display:block;}
#ProfileDetails input,#ProfileDetails select,#ProfileDetails label{margin:5px;}
#ProfileDetails #DOB select{float:left;}
.profileSmall{
	float:left;
	width:22%;
	padding:1%;
	text-align:center;
	height:100px;
}
/******************************************************
  Favorites and UserSearch Results
 ******************************************************/
.Row{
	width:99%;
	border:1px solid black;
	clear:both;
}
.Row .info{
	width:20%;
	float:left;
}
#Favorites .Row .info a{width:50%;margin:0 auto;float:right;clear:both;}
.Row .details{
	width:60%;
	float:left;
}
.Row .image{
	width:20%;
	float:right;
}
.Row .image img{
	margin:0 auto;
	text-align:center;
	float:right;
	border:3px solid black;
	margin:1px;
	padding:1px;
}
#UserSearchForm .searchCol{
	width:48%;
	float:left;
	padding:1%;
}
#UserSearchForm .searchCol label{
	float:left;
	clear:both;
	height:22px;
}
#UserSearchForm .searchCol input,#UserSearchForm .searchCol select{
	float:right;
	width:120px;
	clear:right;
}
#UserSearchForm .searchCol .searchRow{
	clear:both;
	padding:0;
	margin:0;
}
#UserSearchForm .searchCol .searchRow .searchCol{
	padding:0;
}
#UserSearchForm .searchCol .searchRow .searchCol select,#UserSearchForm .searchCol .searchRow .searchCol input{
	width:50%;
}
.ShortView,.GalleryView{
	margin:1%;
	float:left;
}
.ShortView{width:22%;}
#UserSearchForm div span.line select{
	float:left;
	width:70px;
	margin-right:10px;
}
#UserSearchForm div span.line label{
	clear:none;
	width:50px;
}
#UserSearchForm .searchColR{
float:right;
width:48%;
}
#UserSearchForm .searchColR label{
margin-right:5px;
}
/******************************************************
  Social Profile
 ******************************************************/
.socialProfileItem{
	width:48%;
	float:left;
	margin:1%;
}
.socialProfileAd{
	width:48%;
	float:right;
	margin:1%;
	height:150px;
}
.socialProfileRow{
	width:98%;
	margin:1%;
	clear:both;
	text-align:left;
}
#SocialProfile label{
	padding-right:10px;
	font-weight:bold;
	float:left;
	clear:both;
	height:20px;
}
.socialProfileItem input,.socialProfileItem select{
	float:right;
	clear:right;
}
.socialProfileItem select{height:20px;}
.socialProfileRow textarea{
	width:98%;
	margin:1% auto;
}

/*Social Links Classes*/
.fg-toolbar .search,.socialProfileRow .search{padding-left:18px;background:transparent url(../images/magnifier.png) no-repeat;}
.fg-toolbar .delete,.socialProfileRow .delete{padding-left:18px;background:transparent url(../images/bin.png) no-repeat;}
.fg-toolbar .edit,.socialProfileRow .edit{padding-left:18px;background:transparent url(../images/pencil.png) no-repeat;}
.fg-toolbar .pictures,.socialProfileRow .pictures{padding-left:18px;background:transparent url(../images/pictures.png) no-repeat;}
.fg-toolbar .account,.socialProfileRow .account{padding-left:18px;background:transparent url(../images/user.png) no-repeat;}
.fg-toolbar .favorites,.socialProfileRow .favorites{padding-left:18px;background:transparent url(../images/star.png) no-repeat;}
.fg-toolbar .signout,.socialProfileRow .signout{padding-left:18px;background:transparent url(../images/door_out.png) no-repeat;}
.fg-toolbar .login,.socialProfileRow .login{padding-left:18px;background:transparent url(../images/door_in.png) no-repeat;}
.fg-toolbar .save,.socialProfileRow .save{padding-left:18px;background:transparent url(../images/disk.png) no-repeat;}
.fg-toolbar .cancel,.socialProfileRow .cancel{padding-left:18px;background:transparent url(../images/cross.png) no-repeat;}

/* Standard Buttons*/
.email{padding-left:18px;background:transparent url(../images/email.png) no-repeat;}
.email_go{padding-left:18px;background:transparent url(../images/email_go.png) no-repeat;}
.add{background:url(../images/add.png) no-repeat;padding-left:16px;}
.cancel{background:url(../images/cross.png) no-repeat;padding-left:16px;}
.check{background:url(../images/accept.png) no-repeat;padding-left:16px;}
.delete{background:url(../images/bin.png) no-repeat;padding-left:16px;}
.edit{background:url(../images/pencil.png) no-repeat;padding-left:16px;}
.reset{background:url(../images/arrow_refresh.png) no-repeat;padding-left:16px;}
.save{background:url(../images/disk.png) no-repeat;padding-left:16px;}
.view{padding-left:18px;background:transparent url(../images/eye.png) no-repeat;}

/******************************************************
  Picture Uploads
 ******************************************************/
.ProfilePictureRow{
	width:100%;
	clear:both;
}
.ProfilePictureRow span{
	width:19%;
	float:left;
}
#PictureUploadForm label,#PictureUploadForm input{float:none;}
ul.socialProfileRow{
	list-style:none;
	margin:0;
	padding:0;
	float:right;
	clear:both;
	display:inline;
}
ul.socialProfileRow li{
	float:left;
	text-align:center;
	margin:0 auto;
	padding-left:15px;
	display:inline;
}
.socialItem{float:left;}


/******************************************************
  Latest Online Users
 ******************************************************/
.latestUsers{
	padding:5px 0;
	overflow:hidden;
	clear:both;
}
.latestUsers ul{
	margin:0;
	padding:0;
	margin-left:5px;
}
.latestUsers ul li{
	float:left;
	text-align:center;
	margin-right:5px;
	display:inline;
}
/******************************************************
  New Users
 ******************************************************/
.newUsers{clear:both;}
.newUser{
	float:left;
	text-align:center;
}
.newUsers h1{text-align:center;}
.newUser h1{width:100%;}
.newUser .details{float:left;}
.newUser .image{float:right;}
.newUsers .newUser .details label{
	text-align:left;
	display:block;
	width:50px;
	float:left;
	clear:both;
}
/******************************************************
 Ratings
 ******************************************************/
.ratingblock{display:block;}
.loading{
	height:30px;
	background:url('../images/working.gif') 50% 50% no-repeat;
}
.unit-rating{ /* the UL */
	list-style:none;
	margin:0;
	padding:0;
	height:30px;
	position:relative;
	background:url('../images/starrating.gif') top left repeat-x;		
}
.unit-rating li{
    text-indent:-90000px;
	padding:0;
	margin:0;
	/*\*/
	float:left;
	/* */
}
.unit-rating li a{
	outline:none;
	display:block;
	width:30px;
	height:30px;
	text-decoration:none;
	text-indent:-9000px;
	z-index:20;
	position:absolute;
	padding:0;
}
.unit-rating li a:hover{
	background:url('../images/starrating.gif') left center;
	z-index:2;
	left:0;
}
.unit-rating a.r1-unit{left:0;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width:60px;}
.unit-rating a.r3-unit{left:60px;}
.unit-rating a.r3-unit:hover{width:90px;}
.unit-rating a.r4-unit{left:90px;}	
.unit-rating a.r4-unit:hover{width:120px;}
.unit-rating a.r5-unit{left:120px;}
.unit-rating a.r5-unit:hover{width:150px;}
.unit-rating a.r6-unit{left:150px;}
.unit-rating a.r6-unit:hover{width:180px;}
.unit-rating a.r7-unit{left:180px;}
.unit-rating a.r7-unit:hover{width:210px;}
.unit-rating a.r8-unit{left:210px;}
.unit-rating a.r8-unit:hover{width:240px;}
.unit-rating a.r9-unit{left:240px;}
.unit-rating a.r9-unit:hover{width:270px;}
.unit-rating a.r10-unit{left:270px;}
.unit-rating a.r10-unit:hover{width:300px;}
.unit-rating li.current-rating{
	background:url('../images/starrating.gif') left bottom;
	position:absolute;
	height:30px;
	display:block;
	text-indent:-9000px;
	z-index:1;
}
.voted{color:#999;}
.thanks{color:#36AA3D;}
.static{color:#5D3126;}
/******************************************************
 Reviews
 ******************************************************/
.review{width:100%;}
.review .review_content{border:1px solid #333;width:375px;float:left;}
.review .review_right{float:right;clear:none;width:210px;}
.review .review_right .item{border:1px solid #333;width:200px;margin-bottom:10px;}
.review label{font-weight:bold;float:left;clear:both;display:block;width:150px;}
.review input,.review textarea,.review select,.review #Content{float:left;width:280px;margin:0;}
.review #Content{height:300px;}
.review #Submit{clear:both;width:100px;}
.review fieldset{clear:both;}
.review ul{list-style:none;}
.review ul, .review ol{text-align:left;margin:0 auto;}
.review li{clear:both;}
.review li input{float:none;}
.review .item{text-align:center;}
/******************************************************
 Gallery
 ******************************************************/
.page{text-decoration:none;}
.spacer{
	border:none;
	font-size:8pt;
}
.boldText{font-weight:bold;}
.currentAlbum{
	font-size:10pt; 
	text-decoration:underline;	 
}
.imageTitle{
	font-size:11pt; 	
	font-weight:bold;	
} 
.pageTitle{
	color:#609EBF;
	font-size:14pt; 	
	font-weight:bold;
	text-align:center;	
} 
.imageAlbumHover{border:1px solid #aaa;}
.imageThumbHover{border:1px solid #aaa;} 
.imageNormal{border:1px solid white;}
#GalleryRow{
	clear:both;
	margin:0px auto;
	text-align:center;
	width:100%;
}
.galleryCol,#GalleryCol{
	float:left;
	padding:2px;
}
.AlbumCol{float:left;}

/******************************************************
 Toolbar buttons
 ******************************************************/
.fg-button{ outline:0; margin:0 4px 0 0; padding:.4em 1em; text-decoration:none !important; cursor:pointer; position:relative; text-align:center; zoom:1; }
.fg-button .ui-icon{ position:absolute; top:50%; margin-top:-8px; left:50%; margin-left:-8px; }

a.fg-button{ float:left; }

/* remove extra button width in IE */
button.fg-button{ width:auto; overflow:visible; }

.fg-button-icon-left{ padding-left:2.1em; }
.fg-button-icon-right{ padding-right:2.1em; }
.fg-button-icon-left .ui-icon{ right:auto; left:.2em; margin-left:0; }
.fg-button-icon-right .ui-icon{ left:auto; right:.2em; margin-left:0; }

.fg-button-icon-solo{ display:block; width:8px; text-indent:-9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	

.fg-buttonset{ float:left; }
.fg-buttonset .fg-button{ float:left; }
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button{ margin-right:-1px;}

.fg-toolbar{ padding:.5em;margin:0 auto;}
.fg-toolbar .fg-buttonset{ margin-right:1.5em; padding-left:1px; }
.fg-toolbar .fg-button{ font-size:1em;  }
.fg-toolbar a,.fg-toolbar a:hover{color:white;}

#AddEventForm{display:none;}

/******************************************************
 jQuery Tweaks
 ******************************************************/
 /* Changes datepicker to show in front of dialog, Dialog z-index is 1006*/
.promoteZ{
z-index:2006;
}
/******************************************************
 jQuery Alert
 ******************************************************/
#popup_container{
	font-family:Arial, sans-serif;
	font-size:12px;
	min-width:300px; /* Dialog will be no smaller than this */
	max-width:600px; /* Dialog will wrap after this width */
	background:#FFF;
	border:solid 5px #999;
	color:#000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#popup_title{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:1.75em;
	color:#666;
	background:#CCC url(images/title.gif) top repeat-x;
	border:solid 1px #FFF;
	border-bottom:solid 1px #999;
	cursor:default;
	padding:0em;
	margin:0em;
}
#popup_content{
	background:16px 16px no-repeat url(../images/information.png);
	padding:1em 1.75em;
	margin:0em;
}
#popup_content.alert{	background-image:url(../images/information.png);}
#popup_content.confirm{background-image:url(../images/exclamation.png);}
#popup_content.prompt{background-image:url(../images/help.png);}
#popup_message{padding-left:48px;}
#popup_panel{
	text-align:center;
	margin:1em 0em 0em 1em;
}
#popup_prompt{margin:.5em 0em;}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}