/************************************
 +GENERIC
************************************/

.textbutton{
    padding: 10px;
    margin: 5px;
    text-align: center;
    border: solid 1px #ddddff;
    background-color: #eeeeff;
    border-radius: 10px;
    display:inline-block;
}
.textbar{
    padding: 10px;
    margin: 5px;
    text-align: center;
    border: solid 1px #ddddff;
    background-color: #eeeeff;
    border-radius: 10px;
    display:block;
}


.textbutton:hover, .textbar:hover{
    background-color: #ffffcc !important;
}



/************************************
 +MIGRATED
************************************/
.loginbox {
	text-align:center;
}

.listmarker{
	COLOR: #006699; list-style-type:disc;
}
.listdisc li{
	list-style-type:disc;
}


/* NEW BUTTON STYLE LINKS */
.button{
	height: 20px;
	width: 200px;
	border-radius: 5px;
	border: solid 1px #1a4a7a;
	display: block;
	padding: 5px;
	margin: 1em;
	font-size: 15px;
	font-weight: normal;
	font-family: Helvetica Neue, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	background-color: #336699;
	color: white;
}
.button:hover {
	xbackground-color: #2c5c8c; 
	background-color: #285888;
	xbackground-color: #235383;
	xbackground-color: #1a4a7a;
	
	color: white;
	text-decoration: none;
}

/* MIGRATED LINK STYLES */
.navlinksm {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10px; }
.smgrey {
	COLOR: #333333; FONT-FAMILY: Arial,Helvetica,Geneva,sans-serif; FONT-SIZE: 10px; LINE-HEIGHT: 10px;
}
.navlinkw {
	COLOR: #ffffff; FONT-FAMILY: Verdana, Geneva, Arial; font-weight:bold; FONT-SIZE: 12px;
}
.bnavlink img{
	vertical-align:middle;
}
.bnavlinkcenter{
	font-family: arial, helvetica, serif;
	font-size:13px;
	font-weight:bold;
	color:#000;
	text-align:center;
	width:100%;
	display:inline-block;
}
.gray {
	COLOR: #999999; FONT-FAMILY: Verdana, Geneva, Arial; FONT-SIZE: 12px; 
}
.articleHeadline {FONT-FAMILY: Arial, MS Sans Serif, Sans Serif; font-size: 10pt; color: #000000;
}
.redalerttext{
	color:#ff3333; font-weight:bold; font-size:1.2em;
}

.controlbarcontainer{
position: absolute;
top: 10px;
right: -10px;
width:300px;
vertical-align:top;
/*height:40px;*/
}
.controlbar{
	/*background:#fff url('../images/controlbar.png') no-repeat top left;*/

width:30px;
text-align: right;
z-index: 1;
position: relative;
float:left;
xtop: 10px;
height:27px;
margin:0 1em;
xposition: absolute;
xright: -10px;
xwidth:150px;


}
.controlbar>div {
background-color: #d6513b;
border: 1px solid #fff;
border-radius: 5px;
color: #fff;
cursor: pointer;
display: inline-block;
padding: 0 5px;
}
#messages{background:#fff url('../images/letter.png') no-repeat bottom left;}
#flirts{background:#fff url('../images/heart.png') no-repeat bottom left;}
#requests{background:#fff url('../images/friend.png') no-repeat bottom left;}
#notices{background:#fff url('../images/wrench.png') no-repeat bottom left;}
#tools{background:#fff url('../images/portraitm.gif') no-repeat bottom left;}



/************************************
 +GENERIC

************************************/


a{
	color: #333333; /*#003399; #33F; 000*/
	text-decoration:none;
}

a:hover
{
	color:#F77; /*ff3333*/
	text-decoration:underline;
}

li{
	list-style-type:none;
}

h1,h2,h3,h4,h5,h6
{
	color: #333;
	font-weight: normal;
	text-align: center;
	line-height: 2em;
	font-size: 1.5em; /*1.3*/
	margin: 0;
	padding: 0;
	xvertical-align: baseline;
	xfont-family: helvetica,arial,sans-serif;
	xfont-style: normal;	
}

h4{
	color:#333;
	font-size: 1.5em;
	xfontweight: bold;
}
.heading1{
	font-weight:normal;
	margin-top:2em;
	text-align:left;
}

label {  
	float: left;  
	width: 10em;  
	margin-right: 1em; 
}

img {
	border: 0;
}

table {
	padding:0;
	margin:0;
	border-collapse:collapse;
	border-width:0;
	border-spacing:0;
}

body
{
	background:#fff url(images/bgsolid-top2.jpg) repeat-x top left;
	font: 62.5% Arial,Helvetica,sans-serif;
	color: #333333;  
	text-align:left;
	/*1em=62.5%=10px*/
	/*body bg f8f8ec*/
}

#content{
/* THE MAIN CONTENT HOLDER FOR ALL WEBPAGE CONTENT AND CONTAINERS */
	width:1220px;
	text-align:left;
	margin: 0 auto;
	font-size: 1.2em;
}
#calcontent{
/* THE MAIN CONTENT HOLDER FOR ALL WEBPAGE CONTENT AND CONTAINERS */
	width:1440px;
	text-align:left;
	margin: 0 auto;
	font-size: 1.2em;
}

.centered{
	text-align:center;
}

.clear{
	clear:all;
}
.nofloat{
	float:none !important;
}

/*************************************
 +Header
 *************************************/

#header
{
	text-align:left;
}
#header h1
{
	font-size:4em;
	margin-left:.5em;
}

#header h1 a
{
}

#header p, #header p, #xheader div 
{
	margin-top:-10px;
	margin-left:80px;
}

.header-left{
	float:left;
}
.description{
	margin-left:100px;	
	margin-top:-7px;
	margin-bottom:10px;
}

.header-right{
	float:right;
	font-size: 1.2em;
}
#searchform{
	margin-top:1em;
}
.header-right a{

	color:#fff;
}
.header-right a.boldred{
	color:#f33;
}
.header-right form {
	margin:0;
	padding:0;
}


.pagetitle{
	letter-spacing:-.1px;
	font-size:47px;
	font-family:georgia, times New Roman;
	margin:0 0 0 0em;
	color:#fff;
}
.pagetitle a
{
}

.description #image, portrait-bg
{
	right:0;
	top:0;
}

p.description a{
	font-size:9px;
	font-style:italic;

}


#icon
{
	position:absolute;
	background:url(images/white_truck.gif);
	width:119px;
	height:67px;
	top:87px;
	left:0px;
}


#menu2{
	text-align:center;
	background-color:#336699;
	height:1.75em;
	line-height:1.5em;

}
#menu2 a{
	margin:.5em;
}


/*************************************
 +JS MENUBAR
 *************************************/

#menubar{
	float: left;
	WIDTH: 100%; /*900 780*/
	background-color:#036;
	xpadding: .5em 0 .5em .5em;

}






/*************************************
 +Content
 *************************************/

#maincontent
{
	float:left;
	width:640px;
	padding:0 0 0 1em;
	margin-top:2em;
	margin-right:1em;
}
#calmaincontent{
	float:left;
	width:860px;
	padding:0 0 0 1em;
	margin-top:2em;
	margin-right:1em;
}




img.centered
{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

img.alignright
{
	display:inline;
	margin:0 0 2px 7px;
	padding:4px;
}

img.alignleft
{
	display:inline;
	margin:0 7px 2px 0;
	padding:4px;
}

.alignleft
{
	float:left;
}

.aligncenter
{
	margin-left:auto;
	margin-right:auto;
}

#profileimg{ /*display.cgi*/
	margin-bottom:1em;
}

#titlehelp, #deschelp, #amznhelp, #taghelp{
	display: none;
}
#photoupdatebox, #pwchange, #admincontrol{
	display:none;
}


/*************************************
 +Left Sidebar
 *************************************/


#leftside {
	margin-top:2em;
	float:left;
	width: 270px; /*12em;*/
	margin-bottom: 1em;
	overflow:hidden;
}
#leftside ul {
	list-style: none;
	clear: both;
	margin: 0 0 1em;
	padding: 0;
	xborder: none;
}
		
#leftside ul li, #leftside ul li a {
	padding-top:.2em;
	padding-bottom:.2em;
	padding-right:.2em;
}

#leftside ul li:hover, #leftside ul li a:hover{
	background:#F0F0E0;
}

#leftside ul.children
{
	margin:0 0 0 10px;
}

#leftside h2
{
	xcolor:#6F6F6F;
	font-size:1.5em;
	margin-top:1em;
}

#leftside img
{
	xmax-width:140px;
	border:0;
}
#sidebarlinks{}
#sidebarsponsors{
    text-align:center;
}

/*************************************
 +Right Sidebar
 *************************************/

#rightside{
	margin-top:2em;
	float:right;
	margin-bottom:2em;
	width:270px; /*330px;*/
}



#rightside ul
{
	list-style-type:none;
	clear:both;
	margin:0 0 1em;
	padding:0;
}

#rightside ul li,#rightside ul li a
{
	padding-top:.2em;
	padding-bottom:.2em;
	padding-right:.2em;
}

#rightside ul li:hover,#rightside ul li a:hover
{
	background:#F0F0E0;
}

#rightside ul.children
{
	margin:0 0 0 10px;
}


#rightside h2
{
	color:#6F6F6F;
	font-size:1.5em;
	margin-top:1em;
}


#rightside img
{
	max-width:140px;
	border:0;
}



/*************************************
 +Sidebar Elements
 *************************************/

#sidebar-left
{
	float:left;
	width:270px;
}

#sidebar-right
{
	background: none repeat scroll 0 0 #ffffff; /*#f8f8ec;*/
	border: 0; /*1px #ccc dashed;*/
	font-size:1em;
	padding: 0 /*.5em .2em 2em 1em;*/
}

.sidebar-box{
	background:#f8f8ff;
	border:1px #ddf solid;
	font-size:1em;
	padding:1em .2em .1em 1em;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin-bottom: 1em;

}

.sidebar-section{/*originally only margin-bottom*/
	background-color: #f8f8ff;
	border: 1px solid #ddddff;
	border-radius: 15px;
	margin-bottom: 1em;
	padding: 5px 15px 15px;
}


#featuredprofiles{
	display:none;
}




/*************************************
 +Comment Listings
 *************************************/
.rsstitle{
	font-weight:bold;
}
.rsstext{
	font-style:italic;
	font-size:.9em;
}

.commentlist{

}
.commentlist p{

}
.commentlist p a{

}
.commentlist .info{
	font-style:italic;
	color:#777;
}


/*************************************
 +Article Listings
 *************************************/

.articlelist{
}
a.articletitle{
	font-size:12px;
	font-style:normal;	
	font-weight:bold;
	color:#336699; /*55f;*/
}
.articlelist p, .articlelist div{
	background-color:#eee;
	margin:1em;
	overflow:auto;
	padding: 5px;
	xfont-size:10px;
}
.articlelist p img, .articlelist div img{
	border: 0;
	margin: 4px;
	vertical-align:text-top;
	float: left;
}
.articlelist img{
	margin:1em 40%
}
.articlelist p a, .articlelist div a{}
.articlelist div ul{
	margin-left:50px;
}
.articlelist div ul li{
	list-style-type:disc;
}
.articlelistdivimg{
	display:block;
	float:left;
	height:100px;
}
.articlelistbuttons{
	text-align:center;
	xheight:80px;
}
.articlelistbuttons span{
	xdisplay:block;
	float:left;
	width:50%;

}

.denied{
	background-color:#ffcccc !important;
}
.highlight{
	background-color:#ffffcc !important;
}

.adminmsg{
	font-size:1.1em;
	font-weight:bold;
}
.adminmsg img{
	margin-top:0 !important;
	margin-bottom:0 !important;
}




/*************************************
 +Footer
 *************************************/

#footer
{
	background:url(images/bgsolid-top2.jpg) repeat-x bottom left;
	font-size:1em;
	clear:both;
	text-align:center;
	padding:1 0em;
	width:100%
}
#footer a
{
}

#footer a:hover
{
}



/*************************************
 +Footerlinks
 *************************************/
#footerbox{
	width:980px;
	float:left;

}
#footerlinks{
	margin: 1em;
}
#footerlinks h4{
	text-align:center;
}
#footerlinks ul{
	margin-top:1.6em;
	float:left;
	width:126px;
}
#footerlinks ul li{
	line-height:2em;
}
#footerlinks ul li a{
	margin:1px;
	padding:3px;
}


/*************************************
 +Poll entry fields
 *************************************/
#pollcommentsname,#pollcomments{
	width:11em;
}
/*************************************
 +LDS Activites
 *************************************/

.activitydate {
	FONT-SIZE: 10px;
	font-weight:bold;
}
.activitytitle{
	font-size: 8pt;
}


/*************************************
 +Featured Members Sidebar Widget
 *************************************/
#featuredblock{
	float:none;
	clear:all;
	width:250px;
	padding:3px;
	height:260px;
	xbackground-color:#336699
	
}
#featuredblock div{
	border:1px solid #ccccff;
	overflow:hidden;
	text-align:center;
	float:left;
	margin:4px;
	display:block;
	padding:0;
	width:110px;
	xbackground-color:red;
	xclear:all;
	xmargin:1em;
	
}
#featuredblock div a{
	display:block;
}

#featuredblock img{
	width:100px;
	height:100px;
	clear:all;
}
#featuredblock p{
	clear:all;
	margin:0;
	padding:0;
}



/*************************************
 +MAIN IMAGE TRANSPARENT BACKGROUND
 *************************************/
 div.transmsgbackground {

	xbackground: url('../images/rgb650-r.jpg') repeat;
	background: url('../images/rgb651.jpg') repeat;	
	background-size: cover;
     width: 650px;
     height: 350px;
     /*background: url('free Photos/temp - Copy.jpg') repeat; */
     border: 2px solid black;
	/*-moz-border-radius: 15px;
	border-radius: 15px;
	*/

 }

 div.transmsg {
     width: 280px;
     height: 220px;
     margin: 65px 20px;
     background-color: #ffffff;
     border: 1px solid black;
     opacity: 0.8;
     filter: alpha(opacity=80); /* For IE8 and earlier */
 }

div.transmsg h1 {
	margin-top: 10px; /* 10px 20px;*/
	font-weight: bold;
	font-size:2em; /*+2em*/	
	color: #0033cc;
	text-align:center;
 }
div.transmsg h2 {
	/*margin: 10px 20px;*/
	font-weight: bold;
	line-height: 1.5em;
	font-size:1.5em; /* +1.5em */
	color: #333333;
	text-align:center;
	
 }
div.transmsg p {
	xmargin: 20px 20px;
	xfont-weight: bold;
	xfont-size:+2em;
	color: #0033cc;
	text-align:center;
	
 }
div.transmsg h1 a {
     margin: 10px 20px;
     font-weight: bold;
     color: #0033cc;
	text-align:center;
	
 }

div.transmsg h1 a:hover
{
	color:#F77;
}

div.transmsg ul{
	height: 5em;
}

/*************************************
 +CENTERED BOXES - boxes below transparent image on home page
 *************************************/
#centercontainer{
	margin:0 auto;
	text-align:center;
	width:655px;
}

/*************************************
 +INTERESTS
 *************************************/
.interestlist label{width:150px; float:none;}
.interestlist input{}
.interestlist{xwidth:520px;}
.interestlist br{clear:both;}
.interestlist h2{clear:both;font-size:1.5em;margin-top:2em;}
.interestlist span{width:160px; float:left; display:block;}

.interestSelector{}
.interestSelector h2{float:left;clear:both;font-size:1.5em; cursor:pointer; cursor:hand;}
.interestSelector h2 span{float:left;margin-right:.25em;margin-top:.75em;}
.interestSelector br{clear:both;}
.interestSelector div{clear:both;border-top:solid black 2px;}
.interestContainer{width:120px; padding:2px; float:left; display:block; cursor:pointer; cursor:hand;}/*width:155px*/
#selectedInterests{xclear:both;}

.uparrow{background-image:url('../images/arrowdu.gif'); background-position:-13px 0;background-repeat:no-repeat; width:13px; height:7px;}
.downarrow{background-image:url('../images/arrowdu.gif');background-position:0 0;background-repeat:no-repeat; width:13px; height:7px;}
#searchResults{margin-top:1em;}
#modifyInterestSearchLink{display:none;}
/*700*/

/*************************************
 +FADEINBOX  and disabled A - from display.cgi Unknown usage
 *************************************/
#fadeinbox{
	xdisplay:none;
	position:absolute;
	width: 300px;
	left: 225;
	top: 272px;
	border: 2px solid black;
	background-color: lightyellow;
	padding: 4px;
	z-index: 100;
	visibility:hidden; /*hidden, visible;*/

}
a.disabled:link{color:"#666666";}
a.disabled:visited{color:"#666666";}


/*************************************
 +Overlay
 used in purchase invitation overlays
 *************************************/

xbody{
/* FIX FOR IE TO ALLOW OVERLAY TO HAVE PERCENTAGE HEIGHT  - not used */
	height:100%;
	margin:0;
	padding:0;
}
#overlaycontainer{
	visibility:hidden;
}
#overlay{

	position:fixed;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	z-index: 500;
	background-color: #333333;
	background-image:url(../images/bg3.gif);
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */

	xborder: none;
	xbackground-size:cover;	
	xtext-align:center;
}

#overlay div{

}
#overlayContent{
	float: none;
	margin: auto;
	padding: 2em;
	vertical-align: top;
	width: 600px;
	top: 30%;
	-moz-user-select: none;
	overflow: hidden;
	background: url("../images/white-top-bottom.gif") repeat-x scroll 0 -1px transparent;
	border: medium solid #99BBE8;
	border-bottom: 1px solid #336699;
	font-size: 1.2em;
	background:#fff;
	overflow:hidden;
	position:fixed;
	xdisplay:block;
	z-index:1000;

	xvisibility:visible;
    xcolor: #15428B;
    xfont: bold 11px/15px tahoma,arial,verdana,sans-serif;
    xpadding: 5px 3px 4px 5px;
   xborder-bottom:2px solid #ddd;
   xfloat:left;
   xwidth:100%;
}

.overlaydivimg{
	display:block;
	float:left;
	height:300px;
}
.overlaylistbuttons{
	text-align:center;
	height:70px;
}
.overlaylistbuttons span{
	xdisplay:block;
	float:left;
	width:40%;

}

/*************************************
 +Message Box and updatebox
 used in ldslink.cgi
 *************************************/
.msgbox, .updatebox{
	background-color:#eee;		/*#f8f8ec*/
	padding: 1em;
	margin:1em;
	border: solid 1px #ccf;		/*dde*/
	color: #333;
}
.msgbox div{
	font-weight:bold;
}

.msgbox p {}
.msgbox p a {
	font-weight:bold;
}
.msgbox ul li{
	list-style-type:disc;
	 margin-bottom: 1em;
}
.updatebox ul li{
	list-style-type:none;
	 margin-bottom: 1em;
}


.hilitebox{
	background-color:#ffff77;
	padding:5px;
	text-align: center;
	border:dashed 2px #333;
	margin:1em;

}
.hilitebox a {
	font-weight:bold;
}
.hilitebox span{
	font-weight:bold;
}



/*************************************
 +Search Result List
 *************************************/

.resultitem{
	/* CLASS FOR COMMENT TEXT used in ideas.cgi,interestsearch.cgi*/
	background-color:#cdf;
	border: solid .5px #9ac;
	height:60px;
	clear:both;
}
.resultitem div{
	float:left;
	margin:3px;
}
.resultitem span{
	margin:3px;
}

.user{
/* CLASS FOR USERNAMES used in ideas.cgi, interestsearch.cgi*/
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;	
	font-weight:bold;
	text-transform: capitalize;
	margin: 3px;
	xvertical-align:text-top;
}
.resultitem img{
	xvertical-align:text-top;
	margin:3px;
}

.comment{
	/* CLASS FOR COMMENT TEXT used in ideas.cgi,interestsearch.cgi*/
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	float:none;
	clear:right;
	word-wrap:break-word;	
}


/*************************************
 +Comment Box
 *************************************/

#commentbox{
	/* COMMENT INPUT TEXTAREA */
	width:620px;
	height:100px;
}


/*************************************
 +Tabs
 *************************************/

.tabs{
	overflow:auto;
	background-color: rgb(255, 255, 255) !important; 
	border-bottom-color: #eeeeff; /*336699; ffffcc*/
	border-bottom-width: 7px; 
	border-bottom-style: solid; 
	padding-bottom: 0px !important;
	padding-left:1px !important;
}

.tabs span, .tabs a span{
	background-color:#dddddd;
	float: left;
	font-size: 1.2em;
	font-weight:bold;
	padding: .5em;
	xwidth:45%;
}

.selected{
	background-color:#eeeeff !important;
	color:#333333 !important;
}

.tabs .selected{
	border-width:1px;
	border-style:solid;
	border-right-color:#6666aa;
	border-bottom-color:#eeeeff; /*aaaacc;*/
	border-left-color:#336699;
	border-top-color:#336699;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	margin-right:2px;
}

.tabs .normal{
	border: solid 1px #ddddee;
	margin-right:2px;
	xcolor: #eeeeee !important;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.tabs .normal:hover{
	background-color:#ddddff;
	color:#ff3333;
}

.tabs .right{
	float: right;
	font-weight:bold;
	padding: .5em;
	text-align:right;
	xwidth:45%;
}

.tabs a span{
	color:#999999;
	padding: .5em
}
.tabs a:hover, tabs a span:hover{
	color:#ff3333;
}


/************************************
 +INTEREST BUBBLES IN DISPLAY.CGI

************************************/


.bubbles{
	padding:10px;
	margin: 5px;
	float:left;
	text-align:center;
	border: solid 1px #ddddff;
	background-color:#eeeeff;
	border-radius:10px;
	background-position: top right;
	background-repeat: no-repeat;
}
.bubbles:hover{
	background-image:url("../images/close.gif");
}

.smallBubbles{
	padding:2px;
	text-align:center;
	border: solid 1px #ddddff;
	background-color:#eeeeff;
	border-radius:10px;
}

/************************************
 +ITEMS BELOW (TUMBNAIL AND TABS) MOVED FROM DISPLAY.CGI

************************************/


.thumbnail a{
	margin:3px
}


/*************************************
 +Online Users List

 *************************************/

#onlineuserlist{
	display:none;
}
.smalluserlist{
	width:100%;
}
.smalluserlist p{
margin:.25em;
width:100%;
border: solid 1px #cdf;
}
.smalluserlist p:hover{
	background-color:#9ac;
}

.smalluserlist p a{}
.smalluserlist p a img{
vertical-align:middle;
	width:25px;
	height:25px;
}
#cardContainer{
	height:0px;	
	position:relative;
	width:0px;
}
#userCard{
	border: solid 1px #cdf;
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
	background-color:#eef;
	display:none;
	height:85px;	
	left:-232px;	
	position:absolute;
	text-align:center
	width:212px;
}
#userCard div{
	float:left;
	margin:5px;
	overflow:hidden;
}
#userCard img{
	width:75px;
	height:75px;
	vertical-align:center;
}
#card{
	width:117px;
}
#closebtn{
	float:right;
}
#card img{
	width:12px;
	height:12px;
}
#card a {
	font-weight:bold;
	text-align:center;
}