.clear { display: block; clear: both }
BODY, TD { font-family: arial; font-size: 1em; }
body { behavior:url(/css/csshover.htc);	}
IMG { border: 0px; }

/* center body */
BODY { margin: 0; margin-top: 5px; padding: 0; background: white; text-align: center; }
#poscenter { display: block; text-align: center; width: 597px; margin-left: auto; margin-right: auto;  margin-bottom: 3px; }
#leftjust { text-align: left; position: relative; }
#background { width: 595px; border: solid #313131 1px; background-image: url(images/relnet_background_solid.jpg); background-position: -1px 0px; }
#content { width: 561px; margin-left: 18px; background: #cecece; }
.contentTopper { padding-top: 5px; }
.contentBottomer { padding-top: 5px; }

.halfColumn { display: block; width: 49%; float: left; }

CENTER TABLE { text-align: left; }


/* colors */
.color_rightside_background { background: #7B53AB; }
.color_leftside_background { background: #313131;}
.color_darkgray { background: #9c9c9c; }
.color_background { background: #cecece; }

TABLE, TR, TD, TBODY { margin: 0px; padding: 0px; border: 0px; border-collapse: collapse; }
.page { border: 0px; margin: 0px; padding: 0px; width: 597px; }
.leftcolumn { border: 0px; margin: 0px; padding: 0px; width: 360px;  }
.rightcolumn { border: 0px; margin: 0px; padding: 0px; width: 237px; }
.alignright { display: block; text-align: right; width: 232px; padding-right: 5px; }
.leftcolumn_filler { width: 0px; height: 18px; background: #9c9c9c; }

/* --------------------------------------------------- */
/* pagetop --------------------------------------------*/

.csspagetopborder { border: solid #313131 1px; border-width: 1px 1px 0px 1px; }
.csspagetop .username { font-family: arial; font-size: 0.9em; font-weight: bold; color: white; padding-right: 5px; }
.csspagetop .usernameoptions { font-family: arial; font-size: 1em; color: white; padding-left: 3px; padding-right: 3px; }
.csspagetop { width: 595px; height: 139px; position: relative; }
.csspagetop .leftside { width: 359px; height: 139px; position: absolute; top: 0px; left: 0px; 
	background: #9c9c9c; }
.csspagetop .rightside { width: 236px; height: 139px; position: absolute; top: 0px; left: 359px; background: #7B53AB; }


/* logo contains a border, so we push logo up 1px and left 1px to overlap the logo's border with our own */
.csspagetop .logo { width: 360px; height: 99px; position: absolute; left: -1px; top: -1px; } 
.csspagetop .mh { display: block; width: 230px; height: 55px; overflow: hidden; position: absolute; left: 359px; top: 19px; }

.csspagetop .buttons { height: 23px; width: 359px; position: absolute; top: 98px; left:0px; background: #313131; overflow: hidden; }
.csspagetop .buttons A { display: block; float: right; font-size: 1px; border: 0px; padding: 0; padding-top: 23px; height: 46px; overflow: hidden; text-decoration: none; }

.csspagetop .buttons .mypage { width: 65px; }
.csspagetop .buttons .mypage:hover { }							

.csspagetop .buttons .savedads { width: 65px; }					
.csspagetop .buttons .savedads:hover { }						

.csspagetop .buttons .search { width: 81px; }					
.csspagetop .buttons .search:hover { }							

.csspagetop .buttons .photoview { width: 56px; }				
.csspagetop .buttons .photoview:hover { }						

.csspagetop .buttons .feedback { width: 69px; }					
.csspagetop .buttons .feedback:hover { }						

.csspagetop .buttons .home { width: 48px; }	
.csspagetop .buttons .home:hover { }							

.csspagetop .buttons .quicksearch { width: 88px;  }				
.csspagetop .buttons .quicksearch:hover { }						

.csspagetop .buttons2 { border: 0px; width: 236px; height: 29px; position: absolute; top: 0px; left: 359px; color: white; text-align: right; padding-right: 5px; }
.csspagetop .buttons2 A, .buttons2 username { color: white; border: 0px; font-weight: bold; font-size: 0.9em; }
.csspagetop .buttons2 A:link, .csspagetop .buttons2 A:visited { color: white; }
.csspagetop .buttons2 A:hover { color: black; background: white; }


/* Default buttons */
.csspagetop .buttons { background: #313131; }
.csspagetop .buttons .mypage { background: url(images/mypage.gif); }
.csspagetop .buttons .mypage:hover { background: url(images/mypage_over.gif); }
.csspagetop .buttons .savedads { background: url(images/bbar_mypicks.gif); }
.csspagetop .buttons .savedads:hover { background: url(images/bbar_mypicks_over.gif); }
.csspagetop .buttons .search { background: url(images/advsearch.gif); } 
.csspagetop .buttons .search:hover { background: url(images/advsearch_over.gif); } 
.csspagetop .buttons .photoview { background: url(images/photos.gif); }
.csspagetop .buttons .photoview:hover { background: url(images/photos_over.gif); }
.csspagetop .buttons .feedback { background: url(images/feedback.gif); }
.csspagetop .buttons .feedback:hover { background: url(images/feedback_over.gif); }
.csspagetop .buttons .home { background: url(images/home.gif); }
.csspagetop .buttons .home:hover { background: url(images/home_over.gif); }
.csspagetop .buttons .quicksearch { background: url(images/visitsearch.gif); }
.csspagetop .buttons .quicksearch:hover { background: url(images/visitsearch_over.gif); }


/* An extra image to display; used for merge extra logo.  Normal alt behavior is to not display this div */
.csspagetop .extralogo, .csspagetop .extralogo_innerpages { display: none; }

/* --------------------------------------------------- */
/* pagebottom --------------------------------------------*/
.pageBottom { text-align: center; font-size: 0.7em; }

/* ============================================== */
/* General Fieldset/Legend Form defs */

label { margin: 0;	display: block;	width: 30%;	text-align: right;	float: left; }
fieldset div.cr p {	margin: 0;	display: block;	width: 40%;	text-align: right;	float: left; }

fieldset div.cr label {	text-align: left;	margin-left: 20em;	width: auto;	float: none; }
fieldset br { display: inline;	clear: both; }


A SPAN { display: block; }
.zindex100 { z-index: 100; }
.zindex200 { z-index: 200; }
.zindex300 { z-index: 300; }

.theBox3Outer { background: #CCCCCC; padding: 9px; margin: 0px 9px 0px 9px; }
.theBox3Inner { border: solid black 1px; padding: 8px; } 


/* --------------------------------------- */
/* Register.asp ---------------------------*/
.hint {padding: 8px; font-size: smaller; } 

.field_loginName { }


/* SignIn page */
.loginFormContainer { position: relative; }
.login_form FIELDSET { display: block; border: solid #313131 3px; width: auto; padding: 5px; margin-left: 3px; margin-bottom: 10px; margin-top: 5px; position: relative; 	background-color: #cecece; font-size: 0.8em; }
.login_form FIELDSET LEGEND { border: solid black 2px;  font-size: 1.0em; font-weight: bold; padding: 4px; background: white; }
#loginForm, #notAMemberForm, #loginMsgForm { width: 300px; margin-left: 18px; text-align: left; }  /*Text-align left to fix horoscope login bug on IE */
#forgotLoginForm { width: 185px; position: absolute; left: 375px; top: 0px; }