﻿body
{
    font-family: Verdana, Arial, helvetica;
    font-size:70%;
    line-height:1.6;
    margin:0;
    padding:0;
    color:#003366;
}

p 
{
    margin:0;
    padding:0;
}

a 
{
    color:#973F97;
    text-decoration:none;
    font-weight:bold;
}

h1
{
    margin:0;   
    font-size:120%; 
}

h2
{
    margin:0;
    font-size:110%;
}

h3
{
    margin:0;
    font-size:100%;
}

img
{
    border:none;
}

ul
{
    margin:0;
    padding-left:15px;
}

a:hover
{
    color:#7e089c;
    text-decoration:underline;
}

.floatcontainer
{
    overflow:hidden;
    width:100%;
}

.floatleft
{
    float:left;
}

.floatright
{
    float:right;
}

.inputHeader, .inputheader
{
    font-weight:bold;
}

.inputheader, .inputHeader
{
    font-size: 1.0em;
    font-weight: bold;
}

.header2
{
    font-family: verdana, arial, helvetica, geneva;
    font-size: 1.3em;
    font-weight: bold;
}

input 
{
    margin:0;
}

input[type=text], input[type=password], select, textarea {
    border:1px solid #999999;
    padding:3px;
}

textarea
{
    font-family: Verdana, Arial, helvetica;
    font-size:110%;
}

input[type=checkbox], input[type=radio] {
    margin-right:5px;
    float:left;
    margin-top:2px;
}

#container
{
    margin:0 auto;
    width:1135px;
    overflow:hidden;
}


#main
{   
    float:left;
    width:980px;
}

#bannerRight
{   
    float:left;
    width:140px;
    margin-left:10px;
}

#header
{   
    background: url(../images/head980.jpg) left top no-repeat;
    height:126px;
    color:#FFFFFF;
}

#logo
{
    position:relative;
    left:25px;
    top:27px;
    float:left;
}

#stats
{
    text-align:right;
    padding-top:15px;
    padding-right:20px;
    float:right;
    font-size:115%;
}

#stats .loggedin
{
    color: #003366;
    font-size:130%;
}

#stats .flags
{
    margin-top:12px;
} 

#content
{
    margin-top:7px;
    border:solid 1px #986698;
    border-top:none;
    overflow:hidden;
    width:978px;    
}

#footer
{   
    margin-bottom:100px;
}

#content .leftside
{
    width:665px;
    float:left; 
    border-right:solid 1px #986698;
    min-height:500px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:2000px;
    margin-bottom:-2000px;
}

#content .rightside
{
    background-color:#ededed;
    float:left; 
    width:273px;    
    margin-left:5px;
    padding-top:20px;
    padding-left:10px;
    padding-right:9px;
    padding-bottom:2500px;
    margin-bottom:-2500px;    
}

#content .leftside .lowercontent
{
    overflow:hidden;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:20px;
    padding-right:20px;   
    padding-bottom:2000px;
    margin-bottom:-2000px;
    width:625px;
}

#content .leftside .fullwidth
{
    padding-top:20px;
    padding-bottom:2050px;
}

#content .leftside .leftcolumn
{
    float:left;
    width:425px;
    border-right:solid 1px #986698;
    padding-top:15px;
    padding-right:15px;
    padding-bottom:120px;    
    padding-bottom:2050px;
    margin-bottom:-2000px;      
}

#content .leftside .rightcolumn
{
    float:left; 
    padding-top:15px;
    padding-left:15px;
    width:167px;
    padding-bottom:2000px;
    margin-bottom:-2000px;      
}

#content .myprofile .leftcolumn
{
    width:257px;
    border-right:none;
}

#content .myprofile .rightcolumn
{
    width:337px;
}

#content .startpage .leftcolumn
{
    width:392px;
}

#content .startpage .rightcolumn
{
    width:200px;
}


/****************************************
*  misc
****************************************/
.rightsection, .comment, .message, .viewheader, .viewcontent
{
    border-bottom:solid 1px #986698;
    padding-bottom:15px;
    margin-bottom:15px;
}

.viewheader
{
    overflow:hidden;
    width:100%;
    padding-bottom:10px;
    margin-bottom:10px;    
}

.viewcontent
{
    padding-bottom:10px;
    margin-bottom:0;    
}

.comment
{
    overflow:hidden;
    width:100%;
}

.hide
{
    display: none;
}

.show
{
    display:;
}

.bottomspacer, .bottomspacer20
{
    margin-bottom: 20px;
}

.bottomspacer10
{
    margin-bottom: 10px;
}

.bottomspacer5
{
    margin-bottom: 5px;
}

.rightTextSpacer
{
    margin-bottom: 12px;
}

.padding10
{
    padding: 10px;
}

.guestbookAnswerBox
{
    position: absolute;
    visibility: hidden;
    width: 331px;
    z-index: 2;
}

.guestbookAnswerBox .gbheader
{
    background-color: #986698;
    height: 21px;
    color: #FFF;
    padding-left: 15px;
    font-size: 120%;
}

.guestbookAnswerBox .gbcontent
{
    background-color:#ffffff;
    border: solid 1px #986698;
    padding: 15px;
    padding-bottom: 10px;
}

.friendIndentation
{
    margin-left: 20px;
    margin-top: 3px;
}

.friendIndentation .frienditem
{
    height:18px;
}

.friendImg
{
    height:7px;
    margin-right:3px;
}

.startpagemap
{
    float:left;
    width:105px;
    text-align:center;
}

/****************************************
*  Images
****************************************/
img.medium
{
    width: 50px;
    height: 65px;
    border:solid 1px #003366;    
}
img.userphoto
{
    width: 92px;
    height: 120px;
    border:solid 1px #003366;    
}
img.userphotoSmall
{
    width: 61px;
    height: 80px;
    border:solid 1px #003366;
}
img.galleryThumb
{
    height: 68px;
}
img.imgProgress
{
    display: inline;
    position: absolute;
}
/****************************************
*  Mail
****************************************/
.movemaildiv
{
    float:left;
    margin-left:10px;
}

.mailSendDate
{
    text-align: right;
    float: right;
}

.mailselected
{
    text-decoration:underline;
}

/****************************************
*  Button
****************************************/
.buttons
{
    margin-top:15px;
    margin-bottom:15px;
    overflow:hidden;
    width:100%;
}

a.buttonLnk {
    background: transparent url(../Images/button_right.gif) no-repeat scroll top right; 
    display: block;
    float: left;
    height: 26px;
    padding-right: 20px;
    text-decoration: none;
    color:#FFFFFF;
}
a.buttonLnk span {
    background: transparent url(../Images/button_left.gif) no-repeat; 
    display: block;
    padding: 4px 0 5px 18px;
} 

a.buttonLnk:hover span{
    text-decoration:underline;
}

/****************************************
*  imageFrame
****************************************/
#mouseoverPic
{
    position: absolute;
    display: none;
    width: 112px;
    height: 169px;
}

.imageFrameMOver
{
    position: absolute;
    background: url( '../Images/mouseoverFrame.png' ) top left no-repeat;
    width: 112px;
    height: 169px;
}
.imageMOver
{
    width: 92px;
    height: 120px;
    margin-top: 38px;
    margin-left: 10px;
}

/****************************************
*  firstpage
****************************************/

#content.firstpage .leftside
{
    min-height:500px;
}

#content.firstpage .leftside .text
{
    position:relative;
    left:325px;
    top:30px;
    width:307px;
    text-align:right;
    color:#ffffff;
}

#content.firstpage .signup
{
    margin-top:30px;
    font-size:210%;
    overflow:hidden;
}

#content.firstpage .signuplink
{
    float:right;
    margin-right:10px;
}

#content.firstpage .signupimage
{
    float:right;
    margin-top:3px;
}

#content.firstpage .othertext .inner
{
    padding:20px;
}

#content.firstpage .othertext .inner div
{
    padding-top:20px;
}

#content.firstpage .rightside
{
    padding-top:17px;
}

.firstpageBoxes
{
    margin-top:20px;
    margin-bottom:20px;
}

.firstpageBox
{
    float:left;
    width:440px;
    padding:0px 24px 0px 24px;
}

.firstpageBoxPadding
{
    border-right:solid 1px #986698;
}

.flag
{
    margin-left:5px;
}

.simpleSearch
{
    overflow:hidden;
    width:100%;
    margin-top:20px;
    margin-bottom:15px;
    text-align:right;
}

.simpleSearch table
{
    float:right;
}

.simpleSearch table td
{
    padding:3px;
    padding-right:0;
    padding-left:6px;
}

.simpleSearch select
{
    width:125px;
}

/****************************************
*  Menu
****************************************/
#menu .loginarea
{
    width:305px;
    float:right;
    padding-top:2px;
}

#menu .loginarea input
{
    font-size:120%;
    height:18px;
}

#menu .loginarea input.grey
{
    color:#999999;
}

#menu ul
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
}

#topmenu ul
{
    float:left;
}

#menu li {
    float:left;
}

#menu ul a
{
    color:#FFFFFF;
    text-decoration:none;
    padding-left:10px;
    padding-right:10px;
    padding-top:7px;
    font-weight:bold;
    height:23px;
    float:left;
    outline:none;
}

#menu ul a:hover
{
    background-color:#986698;
}

#topmenu
{
    border-top:solid 2px #FFFFFF;
    background-color:#999999;
    height:30px;
    padding-left:25px;    
    /*font-size:90%;*/
}

#topmenu ul li a.selected
{
    background-color:#986698;
}

.submenus
{
    background-color:#986698;
    /*background:#986698 url(../Images/subhead980.jpg) left top no-repeat;*/
    height:20px;
    font-size:90%;
    padding-left:25px;   
    height:25px;    
}

#menu .submenus ul
{
    display:none;
}

#menu .submenus ul.selected
{
    display:block;
}

#menu .submenus a
{
    /*color:#986698;*/
    padding-left:10px;
    padding-right:10px;    
    padding-top:4px;
    padding-bottom:0;
    height:20px;
}

#menu .submenus a:hover
{
    text-decoration: underline;
    background-color: Transparent;
}


/****************************************
*  Box
****************************************/

.box
{
    border-bottom:solid 1px #986698;
    padding-bottom:10px;
}

.box input
{
    outline: none;
}

.box .thumbPictures
{
    overflow:hidden;
    width:100%;
}

.box .thumbPictures img
{
    border:solid 1px #003366;
    margin-right:7px;
    margin-bottom:9px;
    float:left;
}

.box .boxheader
{
    overflow:hidden;
    width:100%;
    height:30px;
    margin-top:7px;
}

.box .boxtitle
{
    float:left;
    font-size:110%;
    font-weight:bold;
    padding-top:3px;
    margin-right:10px;
}

.box .boxright
{
    float:right;
    padding-top:7px;
}

.box .boxbottom
{
    text-align:right;
}

.listsbox 
{
    border-bottom:1px solid #986698;
    padding-bottom:15px;
    margin-bottom:10px;
}

.listsbox.grey
{
    color:#CCCCCC;
}

.listsbox h2
{
    margin-bottom:10px;
}

.dismissed a
{
    color:#AAAAAA;
}

.listsbox .bottomlinks
{
    text-align:right;
   /* margin-top:10px; */
}

.listsbox .thumbPictures
{
    overflow:hidden;
    width:100%;
}
/* -----------------------
    Gallery
--------------------------*/
#usergallery
{
    overflow:auto;
    width:430px;
    height:87px;     
}

#usergallery .thumbContainer
{
    float:left;
    margin-right:7px;       
}

#usergallery .thumbPictures, .listsbox .thumbPictures
{
    float:left;
    height:68px;
}

#usergallery .thumbPictures img, .listsbox .thumbPictures img
{
    height:68px;    
}

#usergallery .thumbContainer a
{
    opacity: 0.8;
    filter: alpha(Opacity=80);
}

#usergallery .thumbContainer .selected a, #usergallery .thumbContainer a:hover
{
    opacity: 1;
    filter: alpha(Opacity=100);
    background-color: Transparent;
}

/****************************************
*  Page
****************************************/

.pageheader
{
    height:30px;
    background-color:#ededed;
    color:#003366;
    border-bottom:solid 1px #986698;
    padding-top:20px;
    padding-left:20px;    
    font-weight:bold;    
}

.withright
{
    overflow:hidden;
    width:645px;
}

.withright h1
{
    float:left;
    width:322px;
}

.withright .pageright
{
    float:left;  
    font-size:120%;      
}

/****************************************
*  RightSide
****************************************/

.rightside .rightbox
{
    overflow:hidden;
    /*font-size:110%;    */
    border-bottom:solid 1px #986698;
    padding-top:12px;    
    padding-bottom:12px;
    width:100%;
}

.rightside .username
{
    padding-top:20px;
}

.rightside .rightbox .left
{
    float:left;
}

.rightside .rightbox .right
{
    float:right;
}

.rightside #golddays .right
{
    color:#003366;
    font-weight:bold;
}


/****************************************
*  Tables
****************************************/
table.formtable td
{   
    padding-bottom:7px;
    padding-right:10px;
}

table.formtableCreateUser td
{   
    padding-bottom:5px;
    padding-right:5px;
}

table.moreinfo td
{   
    padding-bottom:3px;
}

/* ---------------------- 
    Widths for Search
---------------------- */

table.search td
{
    white-space: nowrap;
}

table.search .searchWidth
{
    width: 119px;
}

/* proplist */
.proplist td
{
    border-bottom: solid 1px #CCCCCC;
    padding-top:4px;
    padding-bottom:4px;
}

/****************************************
*  Defaultlist table
****************************************/
table.defaultlist
{
    /*width:100%;*/
    padding-top:15px;
    padding-bottom:10px;
}

.defaultlist th
{
    color: #003366;
    text-align: left;
    font-weight: bold;
    height: 22px;
    white-space:nowrap;
}
.defaultlist th a
{
    font-weight: bold;
    color:#003366;
}

.defaultlist tr:hover
{
    background-color: #ededed;
}
.defaultlist td
{
    border-bottom: solid 1px #ededed;
    font-size: 0.9em;
    height: 22px;
}

.paging tr
{
    min-height: 1px;
}
.paging td, .paging tr:hover
{
    border: none;
    background: none;
    font-size:1em;
}
tr.stophover:hover
{
    background-color: Transparent;
}
tr.colheader
{

}
tr.colheaderBottom
{

}

/****************************************
*  Save Search
****************************************/
.saveSearch
{
    position: absolute;
    top: 300px;
    left: 100px;
    border: 1px solid red;
}

.popupBox
{
    position: absolute;
    width: 331px;
    z-index: 2;
    background-color:#FFFFFF;
    border:solid 1px #CCCCCC;
}

.popupBox .popupBoxHeader
{
    background-color:#986698;
    height: 22px;
    color: #FFFFFF;
    padding-left: 15px;
    font-size: 1.2em;
}

.popupBox .popupBoxContent
{
    background: url( '../Images/gb_box_middle.gif' ) top left repeat;
    padding: 15px;
    padding-bottom: 0px;
}


/****************************************
*  IM Chat
****************************************/
.chatbox {
	position: fixed;
	width: 225px;
	display:none;
}

.chatboxhead {
	background-color: #986698;
	padding:7px;
	border-right:1px solid #986698;
	border-left:1px solid #986698;
}

.chatboxhead a { color: #FFFFFF; }

.chatboxcontent {
	height:200px;
	width:209px;
	overflow:auto;
	padding:7px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #eeeeee;
	background-color: #ffffff;
	line-height: 1.3em;
}

.chatboxinput {
	padding: 5px;
	background-color: #ffffff;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.chatboxtextarea {
	width: 206px;
	height:44px;
	padding:3px 0pt 3px 3px;
	border: 1px solid #eeeeee;
	margin: 1px;
	overflow:hidden;
}

.chatboxtextareaselected {
	border: 2px solid #986698;
	margin:0;
}

.chatboxmessage {
	margin-left:1em;
}

.chatboxinfo {
	margin-left:-1em;
}

.chatboxmessagefrom {
	margin-left:-1em;
	font-weight: bold;
}

.chatboxoptions {
	float: right;
}

.chatboxoptions a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
	font-family:Verdana,Arial,"Bitstream Vera Sans",sans-serif;
}

.chatboxtitle {
	float: left;
}

.chatboxcontent .red 
{
    color: Red;
}

.chatphoto
{
    float:left;
    margin-right:5px;
}

.chatuser
{
    float:left;    
}

/* Blog */

.blogprofile
{
    float:left;
    width:180px;
}

.bloglist
{
    float:right;
}

/* searchresult */

.searchresult
{
    overflow:hidden;
    width:100%;    
}

.searchresult .userSummary
{
    float:left;
    width:284px;
    overflow:hidden;
    border:solid 1px #999999;
    padding:10px;
    margin-bottom:12px;
    margin-right:12px;
}

.searchresult .userSummary .usthumb
{
    float:left;
    margin-right:10px;
}

.searchresult .userSummary .usText
{
    float:left;
    width:211px;
}

.searchresult .userPicture
{
    float:left;
    border:solid 1px #999999;
    margin-right:12px;
    margin-bottom:12px;
}
/****************************************
*  Tabs
****************************************/

ul.tabs
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
    margin-bottom:20px;
}


ul.tabs li {
    display:inline;
    padding-right:20px;
}

ul.tabs li a.selected 
{
    text-decoration:underline;
}

.tab
{
    display:none;
}

/* -----------------------
    Crop Photo
--------------------------*/
.cropPhoto
{
    position: absolute;
    top: 50px;
    left: 50px;
    background-color: #EEEADD;
    border: 1px black solid;
}
.cropPhotoInner
{
    padding: 20px;
}

/* ---------------- 
    Create User
------------------- */

.moreInfoPanel
{
    clear: both;
    border-bottom: 1px solid #CCC;
    height: 10px;
    margin-bottom: 15px;
}

.createuser select
{
    width: 171px;
}
.createuser input
{
    width: 164px;
}
.createuser .radiolist input
{
    width: 20px;
    border: none;
}

/* ---------------- 
    Message board
------------------- */
.message
{
    overflow:hidden;
    width:100%;
}
.message .msgphoto
{
    width: 87px; 
    float: left;
}
.message .msgtext
{
    margin-top:15px;
}

.message .msgReply
{
    margin-top:10px;
}

.msgboardQuote 
{
    border:solid 1px #CCCCCC;
    padding-left:10px;    
}

.msgboardQuote div
{
    font-style:italic;
    padding:10px;    
    padding-left:0; 
    padding-top:15px;        
}

/* Other */
.noborder
{
    border-style:none;
}

.ajax__calendar_container table td
{
	padding:0;
}


