/* Core */
/* version 2 */

@font-face {
    font-family: 'halloween';
    /*src: url('/static/css/CFMidnight.ttf') format('truetype');*/
	/*src: url('/static/css/svi_console-webfont.ttf')  format('truetype'); */
	/*src: url("/static/css/svi_console-webfont.eot?#iefix") format("embedded-opentype");*/
    font-weight: normal;
    font-style: normal;
}

body {
	background-image: url(/static/img/backgrounds/gradient_e4e6ef.png); 
	background-position: center top;
	background-color: #e4e6ef;
 	background-repeat: repeat-x;
	background-attachment:fixed;
	margin: 0;
	padding: 0;
	min-width: 960px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
/*	font-family: 'Berkshire Swash', cursive; */
}

.xmas{
	background-image: url(/static/img/backgrounds/Collared_Christmas_Card.jpg);
	background-repeat: repeat;
	/*overflow:hidden;*/
}
.xmasday{
	background-image: url(/static/img/backgrounds/christmas_card_2015.jpg);
	background-size:cover;
}
.hiv{
	background-image: url(/static/img/backgrounds/ribbon-image.jpg);
	background-repeat: repeat;
	background-size: 200px;
}

.newyear{
	background-image: url(/static/img/backgrounds/new_year.jpg);
	background-repeat: repeat;
}

.birthdayboy{
	background-color:#111;
	background-image: url(/static/img/backgrounds/cake.png);
    background-repeat:repeat;
}
.birthday{
	background-color:#111;
	background-image: url(/static/img/backgrounds/birthday.jpg);
    background-repeat:repeat;
}

.valentine{
	background-image: url(/static/img/backgrounds/valentine.jpg);
	background-repeat: repeat;	
}

.pride{
	background-image: url(/static/img/backgrounds/bg_pride.jpg);
	background-repeat: repeat;	
}
.patrick{
	background-image: none;
	background-repeat: repeat-x;
	background-color: darkgreen;
}
.stgeorge{
	background-image: url(/static/img/backgrounds/stgeorge.jpg);
	background-repeat: repeat;
	background-size:cover;
}
.andrew{
	background-image: url(/static/img/backgrounds/standrew.jpg);
	background-repeat: repeat;
}
.halloween {

	background: url(/static/img/backgrounds/spooky_tree_tiled_OVER.png), url(/static/img/backgrounds/spooky_tree_tiled_BACK.png) ;
	font-family: 'halloween';
	background-repeat: repeat-x;
	background-color:#000;
	/*background-size:cover;*/
}
.halloweenflash {
	background: url(/static/img/backgrounds/collar_tiled.png), url(/static/img/backgrounds/spooky_tree_tiled_BACK.png);
	background-repeat: repeat-x;
	background-color:#000;
	/*background-size:cover;*/
}

.birthday {
	background-repeat: no-repeat;
	background-size:cover;
}
#logo{
	background-image: url(../img/red_black_logo_on_black.gif);
	background-repeat: no-repeat;
	float:left;
	height: 50px;
	width: 245px;
	margin: 17px 0 10px 0;
}

#logo img {
	visibility: hidden;
	height: 50px;
	width: 245px;
}

.message {
	position: relative;
}

.message input[type="text"], .message textarea {
	width:290px;
}

.message #subject {
	margin-left: 20px;
	display: 
}

.message #replytoall {
	float: left;
}

.message #all {
	width: 290px;
	display: inline-table;
}

.notification_counter {
	position:absolute;
	top:20px;
	right:0px;
	color:#FFF;
	background-color: #FE2E2E;
	width: 16px;
	height: 16px;
	text-align: center;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	font-size:10px;
}

.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

.container_13 {
	width: 760px;
}

#leftnav, #rightnav, #content {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

div#content {
	width: 640px;
}

div#leftnav {
	display:block;
	width: 160px;
}

div#rightnav {
	width: 100px;
}
#topright_account {
	float:right !important;
	width: 270px;
}
#topright_account label {
	float: none;
	padding: 2px 0;
}
#topright_account input {
	float: right ;
}
#topright_account input[type="text"], #topright_account input[type="password"]{

	width: 150px
}

#topright_account img {
	margin-top:10px;
}

#topright_account p{
	margin: 0;
	padding: 0;
	float:left;
}

li {
	list-style: none;
}

.ui-tabs .ui-tabs-nav li a {
	padding: .5em;
}

img {
	margin: 6px;
}
.patrick h1, .patrick h2, .patrick h3 {
font-family: 'Irish Grover', cursive;
color: darkgreen;
}
.stgeorge h1, .stgeorge h2, .stgeorge h3 {
font-family: 'MedievalSharp', 'cursive';
/*font-family: 'UnifrakturCook', 'cursive';*/
}
.halloween h1, .halloween h2, .halloween h3 {
font-family: 'Creepster', cursive;
}

h1, h2, h3, th {
  color: #F00;
}

h2.username {
	font-variant: normal;
	color:#F00;
/*	padding: 40px 0 0 20px; */
	margin-bottom: 0;
}

h1 img {
	float:right;
}

a, a:visited {
  color: #fe2e2e;
}

a:hover {
  color: red;
}

#topbar, #footer {
	width: 940px;
	text-align:left;
	margin: 10px;
	display:block;
	color: #fff;
	background-color: rgba(1,1,1,0.7);
/*        
    opacity:0.85;
    filter:alpha(opacity=85); /* For IE8 and earlier 
*/
}
.stgeorge #topbar {
	background-color: rgba(1,1,1,1);
}
#topbar {
	height: 90px;
}

#footer {
	padding: 1px;
}
div#topbar div {
	float:left;
}
div#topbar img {

}

#toolbar {
	
}
#toolbar img {
	width: 40px;
	margin: 20px 0 0 5px;
	height:40px;
}

#toolbar div {
	position: relative;
	float: right;
}

.icon-menu {
	visibility:hidden;	
}

div#topbar img#logo {
/*    float: left;
	height: 50px;
	margin: 17px 0 10px 0;
*/
}
#topnav, #scroller {
	float: left;
	margin-top:5px;
}
#topnav ul {
	padding: 0;
	margin: 0;
}
#topnav ul li {
	display:block;
	float:left;
	border-right: 1px solid #ccc;
	padding: 20px 10px 10px 10px;
	text-align:center;
	font-size:22px;
	height: 40px;
}
#topnav ul li a{
	color:#CCC;
	text-decoration:none;

}

div#leftnav .ui-accordion-content{
	margin:0;
	padding: 0;
}

div#leftnav ul {
	padding-left: 0;
	margin: 0;
}

div#leftnav ul li {
	display:block;
	border-bottom: 1px #bbbbbb solid;
}

div#leftnav ul li a, div#leftnav ul li a:visited{
	color: #000;
	display: block;
	text-decoration: none;
	padding-left: 10px;
}

div#leftnav ul li span.cat {
  font-size: 1.5em;
  font-variant: small-caps;
}
div#leftnav ul li ul li {
  border-bottom: 1px dotted #aaa;
  margin-left: 15px;
  margin-bottom: 0px;
}
#leftnav li li a {
 font-weight: bold;
 cursor: pointer;
 display:block;
/* height:25px; */
 line-height: 25px;
 text-decoration:none;
 width:100%;
 
}
#leftnav ul li a:hover, #leftnav ul li a:visited:hover {
	color:#fff;
	background-color:#e00b10;
}

#accordion h5 {
	margin:0;
	padding-left: 20px;
}

div#content div{
/*	background-color: #fefefe; */
	margin-bottom: 10px;
	display:block;
}

div#rightnav {

}

.main {
	/* Fallback for web browsers that don't support RGBa */
	background-color: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background-color: rgba(255, 255, 255, 0.9);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";
	border: 2px solid #e1e3ef;
	
/*	opacity:0.85;
	filter:alpha(opacity=85); /* For IE8 and earlier */
}

.halloween .main{
	background-image: url(/static/img/backgrounds/web_640_60.gif);
	background-position:top;
	background-repeat:no-repeat;
	border:none;
	/*background-color: rgba(255,255,255,0.9);*/
}

.main p, .main h1, .main h2, .main h3, .main h4 {
	margin: 10px 20px 10px 20px;

}

#tabs div p, #tabs div h1, #tabs div h2, #tabs div h3 {
	margin: 10px 0;
}

.main div {
	margin: 0 10px 10px 10px;
/*	float: left; 
	border: none; */
}
#description{
	/* width: 500px; */
}
.external {
	background-image: none;
	min-width: 0;
}

#news div{
	border-bottom: 1px solid #bbb;
}

div#content li {
/*	margin-left: 150px;*/
}

div#footer {
	margin-top: 10px;
	text-align: center;
	font-size: 0.8em;
	background-color: #111;
	clear: both;
}

div#footer p{
	margin-top: 20px;
}
div.clear {
	clear: both;
}


ul.errorlist {
	background-color: #f6cece;
	color: #000;
	border: 1px solid #f00;
	list-style-type: none;
	margin-left: 170px;
	
}

label {
	text-align: right;
	margin-right: 0.5em; 
	display: block;
	float: left;
	width: 150px;  
}
label.wide {
	width: 100%;
	text-align: left;
	margin-left: 2em;
}
	

input.submit {
	margin-left: 10.5em;
}


.forum_list a {
	color: #C00;
}

#djangoForumBody {
    margin: 0 auto;
    text-align: left;
}

#djangoForumList,
#djangoForumThreadList,
#djangoForumThreadPosts,
.messages {
    border-collapse: collapse;
    /*width: 100%;*/
}

#djangoForumList td,
#djangoForumThreadList td,
#djangoForumThreadPosts td,
.messages td {
    border: none;
    padding: 6px;
}

#djangoForumList .djangoForumListDetails {
    width: 70%;
}

#djangoForumList .djangoForumListDetails strong {
    font-size: 120%;
}

#djangoForumList .djangoForumListDetails .djangoForumStats {
    font-size: 80%;
}

.djangoForumListLastPost,
.djangoForumThreadLastPost {
   
    border-bottom: solid #777 1px;
}
#djangoForumList th,
#djangoForumThreadList th,
#djangoForumThreadPosts th,
.messages th {

    border-bottom: solid #bbb 1px;
    text-align: left;
    padding: 4px;
}

#djangoForumThreadPosts td {
	border-bottom: solid #bbb 1px;
	max-width: 500px;
	overflow:hidden;
}

#djangoForumThreadPosts th {
    width: 20%;
}

#djangoForumBreadcrumbs {
    padding: 20px;
}

#djangoForumBody label {
    font-size: 110%;
    font-weight: bold;
    display: block;
    padding: 4px;
}

#djangoForumThreadPostDetail {
    width: 20%;

}

#djangoForumThreadPosts li{
	list-style-image:url(/static/img/collar16.png);
}
#djangoForumThreadPosts td img {
	max-width: 420px;
}
	
.djangoForumPagination {
    display: inline;
}

.djangoForumPagination li {

}

.djangoForumPagination a{
	text-decoration: none;
	background-color: #e4e6ef;
	padding: 2px;
	border: 1px solid #888;
}

.djangoForumPagination a:hover{
	background-color: #F00;
	color: #fff;
}

div#content li.djangoForumPagination  {
    margin: 1px;
}

#chatwindow {
	border: 1px solid #ccc;
	overflow: auto;
	height: 480px;
	margin: 10px 20px 10px 20px;
	background-color: #ffffff;
}
.chatwindowmain {
	height: 600px;
	width: 600px;
	margin: 10px 20px 10px 20px;
}
.chatwindowpopup {
	height: 600px;
	margin: 5px;
/*	width: 600px; */
}
body.popup {
	min-width: 400px; 
	padding: 0px;
}


dl.glossary dt {
	font-size: 1.2em;
	margin:10px 0 5px 10px;
}

.gallery {
	text-align: center;
}


.slider {
	width: 250px !important;
	margin-left: 7px;
	margin-right: 7px;
	margin-top: 3px;
	background-image: url(/static/img/slider.png);
}

.ui-widget-header{

}

table {
	margin: 10px;
	float: left;
	min-width: 580px; 
}

table.edit_interests,
table.edit_pictures {
	border: 1px solid #aaa;
	border-collapse:collapse;
	width: 97%;
}
	
table.edit_interests th,
table.edit_pictures th {
	border: 1px solid #aaa;
	background-color: #000;
	padding: 5px;
	color: #fff;
}

table.edit_interests td,
table.edit_pictures td {
    border: 1px dotted #aaa;
	padding: 5px;
 }

.ui-datepicker-calendar {
	min-width: 0px;
}

ul.messages {
	margin-left:0px;
	padding-left:0px;
}
	
ul.messages li {
	background-color: white;
    border: 1px solid #aaa;
	color: #000;
	list-style: none;
	margin: 3px;
}

ul.messages li.info {
	background-color: #08088a;
	border: 1px solid #0040ff;
	color: #fff;
} 
	
ul.messages li.error {
	background-color: #fe2e2e;
	border: 1px solid red;
	color: #fff;
}
	
ul.messages li.warning {
		background-color: #ff8000;
		border: 1px solid #f3f781f;
	}

.system-message {
	background-color: #f00;
	padding: 2px;
}
.system-message a, .system-message a:visited {
	color: #fff;
	text-decoration:none;

}

#leftnav li li a.calendar_event {
	font-weight: normal;
}

a.forum_moderate {
	font-size: 0.7em;
	float: right;
}

div.moderation_response {
	width: 90%;
	border: 1px dotted #fff;
	margin-top: 20px;
	margin-bottom: 20px;
}

#chatwindow strong {
	color: #fe2e2e;
}

dl.message-headers dt {
	font-weight: bold;
}

div.message {
	border: 1px dotted #aaa;
	margin-top: 5px;
	margin-bottom: 5px;
}

	.subnavilist li {
		float: left;
		list-style-type: none;
		margin: 5px;
	}


div.stats, .interests {
	border: none;
	background-color:#FFF;
	margin: 0;
	padding:0;
	float: left;
}

div.stats dl,  .interests dl {
    padding: 0.5em;
    margin-top: 0px;
    margin-bottom: 3px;
}
div.stats h3,  .interests h3 {
	margin: 10px 0 10px 0;
	padding: 0 0 0 10px;
	color:#F00;
}
div.stats dt,  .interests dt {
    float: left;
    clear: left;
    text-align: left;
	font-size: 80%;
    font-weight: bold;
}
div.stats dt:after,  .interests dt:after {
    content: ":";
}
div.stats dd,  .interests dd {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	float: right;
	text-align:right;
	font-size: 80%;
}
div.stats dd img {
	height:10px;
}

.interests dl {
	width: 260px;
}

.distance {

	border-bottom: 1px dotted #aaa;

}
.profile_actions{
	padding-left: 15px;
	clear:both;
}
.profile_actions li{
	list-style-type: none;
	display: inline;
}
.profile_actions a {
	padding: 3px;
 	text-decoration: none;
}
.profile_actions a:active {
	border: 2px inset;
}

.search_results li {
	list-style-type: none;
	margin: 5px;
}

.search_results div {
	border: 1px solid #bbb;
	margin-right: 10%;
	height: 50px;
	width: 520px;
}
	.search_results img {
		margin: 0;
	}
.search_results div.vacation {
	border-color: red;
}

.search_results a,
.search_results a:visited {

}
.search_results .mini_profile_pic {
	float: left;
	margin-right: 10px;
}

hr {
	width: 90%;
	background-color: #610b0b;
	color: #610b0b;
	height: 1px;
	border: 0;
}

a img {
	border: 0;
}

div.gallery_image {
  background-color: #eae8e8;
  float: left;
  display: block;
  width: 180px;
  height: 230px;
  border: 1px solid #bbb;
  margin: 0 10px 10px 0;
  font-weight:bold;
  position: relative;
}
div.square {
	height: 180px;
}
div.gallery_image img{
/*	position:relative;
	top: 10px; */

}
div.gallery_image a {
	margin: 0px;
}
div.gallery_image p {
	margin:5px;
	white-space: nowrap;
	overflow:hidden;
	width: 178px;
	text-overflow: ellipsis;
}

div.gallery_image a.report_it {
	font-size: 0.7em;
	position: absolute;
	top: 5px;
	left: 5px;
}
div.gallery_image a.tag_me {
	font-size: 0.7em;
	position: absolute;
	top: 5px;
	right: 5px;
}

div.relationship_list {
	float: left;	
	margin-left: 2em;
	margin-right: 2em;
}
div.bookmarks {
	border-left: 1px dotted #fff;
	padding-left: 2em;
	padding-right: 2em;
	border-right: 1px dotted #fff;
}

table.stealth {
	border: 0;
}

table.stealth td {
	padding: 2em;
	vertical-align: top;
}

table.stealth td.p {
	border-right: 1px dotted #fff;
}

div.forum5  {
	margin: 5px;
	padding: 0 !important;
}
.forum5 table {
/*	width: 96%; */
}
	.forum5 h2 {

	}
	.forum5 td,
	.forum5 th {
		margin:4px;
		border-bottom: 1px solid #bbb;
	}
	.forum5 a,
	.forum5 a:visited {
		color: #f00;	
	}
	.forum5 i {
		font-size: 10px;
	}
	.forum5 i a, .forum5 i a:visited{
		color: #000;
		text-decoration: none;
	}
	.forum5 i a:hover {
		color: #f00;	
	}

.topic {
	text-align:right;
}

table.forum_list th {
	background-color: #444;
	border-top: 1px solid #fff;
}
	table.forum_list th a {
	font-size: 1.2em;
}

table.forum_list .djangoForumStats,
table.forum_list .forum_description {
	font-variant: normal;
	font-weight: normal;
}

div.panel {

}

div.panel h1 {

}

a img, dd img, .distance img, .stats img {
	margin: 0;
}
a.forum_extra {
	color: red;
}

.gallery_cats a, .gallery_cats .selected {
	text-decoration: none;
	border: 1px solid #aaa;
	padding: 3px;
	margin: 3px;
	float: left;
	background-color: #222;
}
.gallery_cats .selected {
	font-weight: bold;
        	
}
ul.topnav {  
    list-style: none;  
    margin: 0;  
    float: left;  
    font-weight: bold;
}  
ul.topnav li {  
    float: left;  
    margin: 0;  
    background-color: #333;
    border: 1px solid #610b0b;
    
    position: relative; /*--Declare X and Y axis base for sub navigation--*/  
}  
ul.topnav li a{  
    color: #fff;  
    display: block;  
    text-decoration: none;  
    float: left;  
    padding: 5px;
}  
ul.topnav li span { /*--Drop down trigger styles--*/  
   /* width: 25px;  */
    float: left;  
    background:  no-repeat center top;  
}  
ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/  
ul.topnav li ul.subnav {  
    list-style: none;  
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 0; top: 35px;  
    background: #333;  
    margin: 0; padding: 0;  
    display: none;  
    float: left;  
    width: 170px;  
    border: 1px solid #111;  
}  
ul.topnav li ul.subnav li{  
    margin: 0; padding: 0;  
    border-top: 1px solid #252525; /*--Create bevel effect--*/  
    border-bottom: 1px solid #444; /*--Create bevel effect--*/  
    clear: both;  
    width: 170px;  
}
ul.topnav li a:hover,
ul.subnav li a:hover{  
    background: red;  
}  

ul.subnav {
	z-index:2;
}

html ul.topnav li ul.subnav li a {  
    float: left;  
    width: 145px;  
    background: #333  no-repeat 10px center;  
    padding-left: 20px;  
}  
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
    background: #222  no-repeat 10px center;  
}  
.tagline {
   font-weight: 1.1em;
}
hr.tagline {
   background-color: #2a0a12;
}


div.kink_avatar {
	border: 0;
	width: 280px;
	display:block;
	float: left;
}
div.kink_avatar div {

}

div.kink_avatar h3, div.kink_avatar p {
	margin-left: 20px;
	margin-bottom: 0px;
	margin-top: 20px;
}

div.kink_avatar_layers {
	position: relative; left: 10px; top: 15px;
	width: 240px;
	height: 339px;
	padding: 0px;
	border: 1px solid #aaa;
	background-image: url(/static/img/kink_avatar_background.png);
}

div.kink_avatar_layers img {
	position: absolute; top: 0; left: 0;
}

div.kink_avatar_layers img {
	padding: 0px;
	margin: 0px;
}




div.team  {
	border: 2px solid #ccc;
	width:auto;
	margin: 10px 20px 20px 20px;
	padding: 5px;
	overflow:auto;
	text-align:center;
}

div.team div {
	overflow:inherit;
}

div.team p {
	margin: 5px 15px 10px 15px;
	text-align: justify;
}

div.team span {
	float:left;
	margin: 0 15px 15px 15px;
	display:block;
	text-align:center;
}

.thumbs img {
	height:100px;
}

span.browse_old_usernames {
   font-size: 0.8em;
   font-style: italic;
   float: right;
   margin: 0 10px 0 0;

}
.search_results li span.browse_old_usernames {
   width: 110px;
}

.connectedSortable {
	list-style-type: none; 
	margin: 0;
	padding: 0 0 2.5em;
}

.connectedSortable li{
	margin: 3px; 
/*	padding: 5px; 
	width:100px;   */
	font-size:14px;
	position: relative;
	float: left;
}
.connectedSortable span {
	width:100%;
}

.connectedSortable li img {
	height:70px;
	margin: 12px;
}
.connectedSortable li a img {
	margin: 0px;
}
.connectedSortable1 p {
	padding: 0;
	margin: o;
}
.connectedSortable input{
	z-index:1;
}

input.labelHighlight { color: #999; }

#list-photos {
	overflow:auto;
	margin: 0;
	height:760px;
}

.edit-photos, .delete-photos {
	padding: 0 0 2.5em;  
	margin-right: 10px;
	border: 1px solid #666;
	text-align:center;
	-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
	-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px;

}


.edit-photos  {
	width:200px;
	height:700px;
	overflow:auto;
	float: left;
}

.delete-photos {
	width:110px;
	right: 10px;
	float:right;
}

#photo div{
	max-width:500px;
	float:right;
}

.delete-photos .connectedSortable {

}

.delete-photos .connectedSortable li {
	width:88px;
	height:88px;
}

.delete-photos .connectedSortable li img {
	height: 50px;
}

.delete-photos .connectedSortable li input {
	visibility:hidden;
}

.connectedSortable .icon {
	position:absolute;
	top: 0px;
	right: 0px;
	height:16px;
}

.placeholder {
height: 101px;
width: 98px;
background-color:#666;
}

.profile-photo {
/* border: 2px solid #f00; 
background-image: url(/static/img/Primary_Picture_Background.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 50% bottom;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto; */
background-color: #f00;

color: #ffffff;
}

#defaultCountdown, #eventCountdown{ width: 240px; height: 45px; text-align:center; background-color: #e4e6ef;}

#voteCountdown {
/*	width:160px;
	height:30px;
	font-size: 10px; */
	float: right;
	background-color: #e4e6ef;
}

.countdown {
	
	float:right;
	text-align:center;
	margin-left:15px;
}

.red{
	color:#F00;
}

#tabs {
	display:block;
	border: none;
	float: left;
	height:100%;
/*	width:610px; */
}

#tabs div {
/*	float:left; */
	margin: 5px;
/*	overflow:auto; 
	width: 560px; */
}
.editprofile div{
	margin: 0 -5px !important;
}
#tabs h2 a {
	text-decoration:none;
	color:#F00;
}

.private_text {
	border: 1px solid #0b0b3b;
	padding: 5px;
	background-color: #cecef6;
	margin-top: 5px;
	float:none !important;
}
.private_text h2 {
	margin: 0;
}

.ui-widget-header {
	border-bottom: 10px solid #000;

}

#admin {
	margin-bottom: 10px;
	background-color: #fff;
}
.labelinside label{
	visibility:hidden;
}
input.labelinside, textarea.labelinside{
  color: #999;
}
.ui-tabs-panel {
	float:none;
}

#language_select {
	margin-top: 10px;
}

#language_select p{
	text-align: right;
	margin: 0 10px 0 0;
}
/*
.english, .german {
		left: 0px;
	top: 0px;
	margin: 0;
	width: 30px;
	height: 22px;
	padding:0;
}
*/
.ui-button-icon-primary.ui-icon.english, .ui-button-icon-primary.ui-icon.german{
	left: 0px;
	top: 0px;
	height: 22px;
    width: 30px;
    margin: 0; 
	padding: 0;
	margin-bottom:0px;
}

.english {
	background-image:url(/static/img/2/flag_gb.png) !important; 
}

.german {
	background-image:url(/static/img/2/flag_ge.png) !important;
}

.collared-event {
	list-style-image:url(/static/img/collar16.png);
}

.other-event {
	list-style:square;
}

div#profile_completeness_nag {
	background-color: #fefefe;
    border: 1px solid red;
    padding-top: 5px;
    padding-left: 160px;
    background-repeat: no-repeat;
}

div#profile_completeness_percent_outer {
       width: 200px;
       border:1px solid #2a0a12;
       background-color: #fff;
       color: yellow;
	   margin:0;
	   padding:0;
}
div#profile_completeness_percent_outer span {
	display:block;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
div.message-user, div.message-sender {
/*	border: 1px solid #ccc;
	width: 400px;
	margin: 10px;  */
	overflow:auto;
}

div.message-user h4, div.message-sender h4 {
	display:block;
	margin: 0;
}

div.message-user, div.message-sender div{
	min-width: 100px;
}
	
div.message-user div{
	float: left;
}
div.message-sender div{
	float: right;
/*	background-color:#FEC6BC; */
}

div.message-user p, div.message-sender p {
	text-align:right;
	margin-right: 0px;
	font-style:italic;
	color: #a4a6af;
}

.read{
	height: 45px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 400px;
}

.message {
/*	width:380px;  */
	margin: 10px;
}

#reply {
	float:none;
}

.btnLogout{
/*	margin-top: 10px; */
	width:18px;
	height:20px;
	display:block;
	text-decoration:none;
	background-repeat: no-repeat;
	background-image: url(/static/img/2/logout_icon.png);
}

.btnLogout:hover {
	background-position:right;
}

#usernameResult{
	font-weight:bold;
	font-style:italic;
	color:#F00;
}

.errorfield {
	background-color:#F96;
}
#signup ul {
	padding-left: 20px;
}
#signup li {
/*	margin-bottom: 10px; */
}

#signup .helptext, .helptext {
	display:block;
	overflow:auto;
	margin: 0 10px 10px 160px;
	font-style: italic;
	font-size: 12px;
}

#profile {
/*	width:640px;  
	background-color:#fff;  */
	margin: 0;
	overflow:auto;
	min-height: 240px;
}

#view-profile {
	float:none;
	margin: 0;
	position: relative;
}

#view-profile #tabs{
	margin: 0;
	padding: 0;
	width:636px; 
	z-index:1;
}

#profile-panel{
	position: absolute; 
	right: 10px;
	top: 60px;
	width: 180px; 
	float:right;
}
#profile-info p{
	margin-left:20px;
	color: #090;
}
#role{
	float:left;
}
.main-image{
/*	position:relative; 
	right: -450px;
	top: -240px;  */
	position: relative;
	top: 260px;
}
.halloween .main-image {
	
}
.frame {
	position: absolute;
	right: -10px; 
	bottom: -77px; 
	width:200px;
	height: 270px;
	z-index:2;
}
.halloween .frame {
	background: url('/static/img/backgrounds/frame_200_270.gif') no-repeat;
}
.main-image img{
	position:absolute; 
	bottom: 0px;
	margin:0;
	padding:0;
	right:0; 
}
.halloween .main-image img{
	width: 161px;
	height:231px;
	right: 9px;
	bottom: 9px;
}
#main-info {
	float: left;
	width: 400px;
	min-height:200px;
}

#profile-info {
	margin: 0;
	padding: 0;
	width: 440px;
	height: 200px;
}

#main-info p {
	margin-left:0px;
}

#mini-profile{
	background:#000 ;
	border: 1px #000 solid;
	overflow:auto;
	color: #fff;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	-khtml-border-top-left-radius: 2px;
	border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-khtml-border-top-right-radius: 2px;
	border-top-right-radius: 2px;
}
.stgeorge #mini-profile{
	background:#fff;
}
#mini-profile p {
	background: url(images/ui-bg_highlight-soft_65_000000_1x100.png) 50% 50% repeat-x;
	padding: 5px 5px 5px 10px;
	margin: 0;
}

#mini-profile p a {
	float: right;
}


#mini-profile span {
	margin: 5px 10px;
	float:none;
	display:block;

}
#mini-profile span a {
		float:left;
}
#mini-profile div {
	margin: 2px;
	float: left;
}
#mini-profile div img {
	width:30px;
/*	margin: 2px;  4 icons */
	margin: 0 8px 0 8px;
}

#eventphoto {
	float:right;
}

#agegate {
/*	border: 1px solid #bbb;
	width: 940px; */
	text-align:center;
	overflow:auto;
}

#agegate div {
	float:left;
	margin: 10px;
	width:280px;
}

#agegate p {
	margin:10px;
	text-align:justify;
}

.navbutton a, .navbutton a:visited {
	color:#000;
}

.navbutton a:hover {
	background-color: red;
	color:#fff;
}
.navbutton li {
	float:left;
}

#leftrightnav{
	margin: 0;	
}

.leftnav {
	float: left;
}

.rightnav {
	float: right;
}

#mail-menu {
	margin:0px;
/*	overflow:auto; */
	border-bottom:10px solid #000;
	width: 100%;
	float: left;
}

#mail-menu li{
	float:left;
}

#main {
	margin-top:0px;
}

.competition_entry {
	text-align:center;
}

.checklist {
list-style: none;
margin: 0;
padding: 0;
}
.checklist img {
	width:150px;
/*	height:200px; */
}
.checklist li div {
text-align:center;
margin-top:10px;
}

.checklist li {
float: left;
margin: 10px;
background: url(/static/img/checkboxbg.png) no-repeat 0 0;
width: 190px;
height: 260px;
position: relative;
font: normal 20px/1.3 "Lucida Grande","Lucida","Arial",Sans-serif;
}

.checklist li.selected {
background-position: -190px 0;
}

.checklist li.selected .checkbox-select {
display: none;
}

.checkbox-select {
display: block;
float: left;
position: absolute;
top: 225px;
left: 0px;
width: 240px;
height: 35px;
background: url(/static/img/select.png) no-repeat 0 0;
text-indent: -9999px;
}

.checklist li input {
display: none;
}

a.checkbox-deselect {
display: none;
color: white;
font-weight: bold;
text-decoration: none;
position: absolute;
top: 230px;
right: 20px;
}

.checklist li.selected a.checkbox-deselect {
display: block;
}

.mini-gallery p{
	text-align:right;
}

.gallery_thumb {
	width:100px;
	height:120px;
	float:left;
	overflow:hidden;
	text-align:center;
	border: 1px solid #bbb;
	background-color: #ebeaea;
	position:relative;
}
.poke_thumb {
	width:100px;
	height:160px;
	float:left;
	overflow:hidden;
	text-align:center;
	border: 1px solid #bbb;
	background-color: #ebeaea;
}

.poke_thumb p{
	font-size:10px;
	margin:0;
	text-align:center;
}
#friend-gallery {
	margin-top: 10px;
}

.friend-gallery {
	margin-top: 10px;
	min-width: 560px;
}

.friend-gallery p{
	text-align:right;
}

.friend_thumb {
	width:50px;
	height:80px;
	float:left;
	overflow:hidden;
	text-align:center;
	border: 1px solid #bbb;
	background-color: #ebeaea;
	font-size: 9px;
}

.friend_request {
	width: 200px;
	font-size: 1em;
	height: 100px;
}

#active .friend_thumb, #local .friend_thumb, #new .friend_thumb, #friend-gallery .friend_thumb, #staff_attending .friend_thumb, #staff_not_attending .friend_thumb{
	width:50px;
	height:50px;
	float:left;
	overflow:hidden;
	text-align:center;
	border: 1px solid #bbb;
	background-color: #ebeaea;
	font-size: 9px;
	position:relative;
}

#apache-error {
	width: 940px;
	text-align:center;
	overflow:auto;
	color:#FFF;
}

#testcard {
	margin:auto;
	background-image:url(/static/img/testcard.jpg);
	width:864px;
	height:648px;
	text-align:center;
	display:block;
}

#testcard img {
	width: 250px;
	margin-top: 210px;
}

.columns {

}

.columns div {
	display:inline;
	float: left;
}
.transport {
	padding:0;
	margin: 0;
}

#chatform input[type="text"] {
	width: 300px;
}

ul.poke li{
	border: 2px solid #e1e3ef;
	background-color: #eee;
	height: 40px;
	margin: 2px;
}

ul.poke li img{
	float: left;
	margin: 0 10px 0 0;
	height:40px;
}
ul.poke li p{
	font-size: 10px;
	margin-top: 5px;
}

.ui-widget-content a { color: #FE2E2E; }

.faqanswer {
	padding: 0 0 20px 20px;
	text-align:justify;
}

.agony li {
	margin-bottom: 10px;
	border-bottom: 1px dotted #aaa;
	padding-bottom: 10px;
}

.deleteBtn img {
	float:right;
}
.deleteBtn img:hover {
	margin: 1px 0 0 1px;
}

.triangle-border {
	width: 410px;
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	border:5px solid #e4e6ef;
	color:#333;
	background:#fff;
	/* css3 */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-border.left {
	margin-left:30px;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-border.right {
	margin-right:30px;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-border:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:40px; /* controls horizontal position */
    border-width:20px 20px 0;
	border-style:solid;
	border-color:transparent #e4e6ef;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* creates the smaller  triangle */
.triangle-border:after {
	content:"";
	position:absolute;
	bottom:-13px; /* value = - border-top-width - border-bottom-width */
	left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:13px 13px 0;
	border-style:solid;
	border-color:#fff transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* Variant : top
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.top:before {
	top:-20px; /* value = - border-top-width - border-bottom-width */
	bottom:auto;
	left:auto;
	right:40px; /* controls horizontal position */
    border-width:0 20px 20px;
}

/* creates the smaller  triangle */
.triangle-border.top:after {
	top:-13px; /* value = - border-top-width - border-bottom-width */
	bottom:auto;
	left:auto;
	right:47px; /* value = (:before right) + (:before border-right) - (:after border-right) */
    border-width:0 13px 13px;
}

/* Variant : left
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.left:before {
	top:10px; /* controls vertical position */
	bottom:auto;
	left:-30px; /* value = - border-left-width - border-right-width */
	border-width:15px 30px 15px 0;
	border-color:transparent #e4e6ef;
}

/* creates the smaller  triangle */
.triangle-border.left:after {
	top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	bottom:auto;
	left:-21px; /* value = - border-left-width - border-right-width */
	border-width:9px 21px 9px 0;
	border-color:transparent #fff;
}

/* Variant : right
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.right:before {
	top:10px; /* controls vertical position */
	bottom:auto;
    left:auto;
	right:-30px; /* value = - border-left-width - border-right-width */
	border-width:15px 0 15px 30px;
	border-color:transparent #e4e6ef;
}

/* creates the smaller  triangle */
.triangle-border.right:after {
	top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	bottom:auto;
    left:auto;
	right:-21px; /* value = - border-left-width - border-right-width */
	border-width:9px 0 9px 21px;
	border-color:transparent #fff;
}

#pokes li{
	margin: 1px;
	float: left;
	border: 1px #666 solid;
	font-style:italic;
	background-color:#e4e6ef;
}

.pageimg {
	float:right;
}

.classifieds td,
.classifieds th {
                padding-right:4px;
                border-bottom: 1px solid #bbb;
        }
table.classifieds {
		width: 100%;
	}

.userid a, .userid a:visited  {
	color:#666;
	text-decoration:none;
}

.userid a:hover {
	color:#F00;
}






/* Work mode */
.work, .work div {
	background-image: none;
	background-color: #fff;
}
.work a, .work a:visited, .work h1, .work h2, .work h3, .work th {
	color: #333;
}
.work div#topbar, .work div#footer {
	background-color: #fff;
	color: #333;
}
.work div#topbar h1 {
	color: #000;
	font-size: 1.5em;
}
.work #topnav ul li {
	font-size: 1.1em;
}
.work img {
	visibility: hidden;
}


div.wants_houseshare {
	background-color: #58fa58;
}

.latin {
	font-family: serif;
	font-style: italic;
	font-size: 1.2em;
}

#chatwindow p{
	margin: 0;
/*	float:left;
	height: 16px; */
}
#chatwindow span {
	display:table-cell;
}
/* emoticons */
#chatwindow img {
	padding: 0;
	margin: 0;
	max-height: 24px;
}

.friendslist {
	overflow:auto; 
	clear: both;
}

.betachat {
	background: #F3CBCA;
}

#scroller {
	height: 60px;
	width: 300px;
	border-right: 1px solid #ccc;
	padding: 5px 0px 5px 20px;

}
#scroller img {
	margin:0;
	padding:0;
}

#scroller li {
	height: 60px;
	width: 300px;
}
#scroller li img {
	margin: 0;
	padding: 0;
}
#scroller li p img{
	max-height: 24px;
}
#scroller span img {
	margin: 5px 5px 0 0;
	padding: 0;
	float:left;
	height: 50px;
}

#scroller p {
	font-size:12px;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}

#scroller h4 {
	font-size: 14px; 
	padding: 0;
	margin: 5px 0;
/*	height: 14px;  */
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow:hidden;
}

.hidediv {
	display: none;
}
#chatwindow i{
	font-size: 11px;
	color:blue;
}

table.my_itinerary, .my_itinerary td, .my_itinerary th {
	/*border: 1px solid #666; */
	border-collapse:collapse;
}
	.my_itinerary td {
		/*border-bottom: 1px dotted #666;
		border-top: 2px solid #666;*/
		text-align:center;
	}
	.my_itinerary td.info {
		/*padding-bottom: 15px;
		border-top: 0px;*/
		border-bottom: 1px solid #666;
		text-align: justify;
	}
	.my_itinerary th {
		/*background: #aaa;*/
		border-bottom: 1px solid #666;
`	}

.tandcs table td{
	background: #fff;
}

#loading {
	float: right;
	position: relative;
	display: none;
}

#idMenu, #ePopup {
	position:absolute;
}

#idMenu ul, #ePopup ul{
	background-color: #fff;
	z-index:10;
	border: 1px solid #bbb;
	box-shadow: 5px 5px 10px #888;
	border-radius: 5px;
	font-size: 12px;
}

.idMain li a, .emot li a {
	display:block;
	text-decoration:none;
	color: #000;
	/*padding: 0 5px; */
}
.idMain li {

}
.idMain li:hover{

}
.emot {
	padding: 0;
/*	display: table; */
	width: 245px;
}

.emot li {
	display: inline-block;
}
#emoticons{
	float:right;
}
.emoticon {
	height: 24px;
	margin: 0;
}

.idMain a:hover, .emot li a:hover{
	color:#fff;
	background-color:#fe2e2e;
}

.idMain {
	position:relative;
		width: 100px;
}
.hide {
	visibility:hidden;
}
.idSubmenu, .idMain, .emot{
	display:none;
	padding: 5px;
}
.idSubmenu {
	position: absolute;
/*	top: 0px; 
	right: -200px; */
	width: 200px;
	overflow:auto;
}
.idSubmenu li{
	border: 1px solid #ccc;
	float: left;
	cursor:pointer;
}
.settingsfrm .navbutton a{
	float: left;
	width: 110px;
	margin: 0 10px 10px 0;
}

.settingsfrm label{
	width: 400px;
	text-align: left;
	padding-bottom: 10px;
}

.picid {
	position:absolute;
	top: 0px;
	left:0px;
	color: #fff;
	text-align:left;
	background:#000;
	opacity: 0.5;
	width: auto !important;
	padding: 2px;
}
.content {
	border-bottom: 1px solid #bbb;
}
.content div span{
	float: left;
	margin: 0 15px 5% 15px;
}
.content div {
	display: table !important;
}

.content h4 {
	margin-left: 0;
	margin-right: 0;
	border-top: 1px solid #bbb;
	padding-top: 10px;
}

.content h5 {
	margin: 0;
}

.bios p {
	margin-left: 90px;
}

.push {
	visibility:hidden;
}
.edit-photo{
	background-image:none;
	background-color:#FFF;
	min-width:400px;
	/*min-height:630px*/
}

.edit-photo h4, .edit-photo p{
	margin: 2px;
	padding: 0;
	text-align:center;
}

.edit-photo i {
	font-size: 10px;
}
.edit-photo input[type="text"] {
	width:350px;
}
.edit-photo img {
	max-width:400px;
	max-height:400px;
}
.photo-sort {
	width:610px;
}
#video-list input[type="checkbox"], #video-list label {
	float:right;
}

#friends div h3{
	margin: 0;
	word-wrap: normal;
	width: 63px;
	height: 40px;
	text-align: center;
}
#friends div {
	float:left;
}

.hunt {
	background-image:none;
	background-color:#FFF;
	width: 300px;
	height: 430px;
}

.hunt .navbutton {
	float:right;
}

#eh img {
	width:180px;
}
.message-sender .ehunt img, .message-user .ehunt img{
	max-height: 100px;
}
.halloween p, .halloween a, .halloween div{
	font-family: 'MedievalSharp', cursive;
	font-weight:bold;
	/*font-family: 'halloween'; */
}
.halloween h1 {
	font-size:30px;
}
.halloween h2 {
	font-size:25px;
}
.halloween h3 {
	
}
.ephoto {
	z-index: 2;
}
.nui {
	position:absolute;
	margin: 0 !important;
	top: 10px;
	text-align: center !important;
	font-size:11px;
	width:100%;
	color:#000;
	text-overflow: ellipsis;
	overflow:hidden;
}

.month td {
	width: 85px;
	height: 85px;
	vertical-align:top;
	padding:0;
	background-color: #CCC;
	border: 1px solid #ADADAD;
}
th.month {
	font-size:18px;
}
.month td ul{
	padding: 2px;
}
.calendar table{
	margin: 0 0 20px 0;
}
.calendar .filled{
	background-color:#FFECE5;
}
.calendar .today, .calendar .today a, .calendar .today a:visited{
	background-color:#f00;
	color:#fff;
}
.calendar .noday{
	background:none;
	border:none;
}
.dayNumber {
	margin:2px;
}

input[type="submit"]:disabled {
	opacity: 0.5;
	cursor: default;	
}