.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}
 
.n { font-size: 32pt; width: 75px; text-align: center; }

h1.title, h2 { font-size:10pt;margin:5px 0; }
h2 { padding-top:10px; }

h1.title span.subtext { font-weight:normal;display:block;margin-top:10px; }

body {
  background-image: url('bg.gif');
	background-repeat: repeat;
}

img.ma {
	height: 30px;
	width: 30px;
	float: left;
	margin-top: 3px;
	border: #777 solid 1px;
}

#guestbook_container {
	margin-bottom: 1.5em;
}

#guestbook_container div.ctrl { text-align: right; }
#guestbook_container div.ctrl img { margin-left: 1em; }

#guestbook_container div.message_body img.avatar { float: left; margin-bottom: 3px; margin-right: 6px; }
#guestbook_container div.message_body { font-size: 8pt; margin-bottom: 2px; }

#guestbook_container form { margin: 0; padding: 0; }

#guestbook_container div.title { float: left; }
#guestbook_container a { color: blue; }
#guestbook_container div.sign {
	padding-left: 20px;
	background-image: url(/images/pencil.gif);
	background-repeat: no-repeat;
	float: right;
}

#guestbook_container div#guestbook div#add_guestbook_entry { display: none; }

#guestbook_container div#guestbook { clear: both; }

#profile_view {
/*
    background-image: url(/images/xmas/holly.gif);
    background-repeat: no-repeat;
    background-position: top right;
*/
}

#profile_view .title {
	font-size: 11pt;
}

#profile_view .fl {
	float: left; margin: 0 0.5em;
}

div.ma { 
	margin-left: 40px;
}

div#map {
	width: 100%; 
	height: 300px;
	border: black solid 1px; 
	margin-top: 0.5em;	
}

div.map_controls {
	text-align: center;
	margin-top: 8px;
}

div.ok_conf {
	border: darkgreen solid 1px;
	font-size: 9pt;
	padding: 8px 8px 8px 30px;
	background-color: #C3FFC3;
	background-image: url(../images/ok.gif);
	background-repeat: no-repeat;
	background-position: 8px center;	
}

div.bad_conf {
	border: darkred solid 1px;
	font-size: 9pt;
	padding: 8px 8px 8px 30px;
	background-color: #FFD3D3;
	background-image: url(../images/exclamation.gif);
	background-repeat: no-repeat;
	background-position: 8px center;		
}

div.tip {
	border: #b3b3ff solid 1px;
	font-size: 9pt;
	padding: 8px 8px 8px 30px;
	background-color: #FFFFB3;
	background-image: url(../images/idea.gif);
	background-repeat: no-repeat;
	background-position: 8px center;
	margin-bottom: 3px;
}

/* #main { overflow: hidden; } */

div.force_break {
/*	width: 100px;*/
	width: 400px;
	overflow: hidden;
}

div.force_break {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

div.profile_text { width: 500px; }

body, table, input, textarea {
  font-family: verdana, helvetica;
  font-size: 9.5pt;
}

div#reset_password label, div#reset_password input {
	display: block;
	float: left;
}

div#reset_password label {
	margin-top: 0.25em;
	width: 10em;
}

div#reset_password br {
	clear: left;
}

img {
	border: none;
}

div#addressbook a {
	text-decoration: none;
}

div.left {
	float: left;
}

#birthdays div {
	padding: 1em;
}

div.img_bdr img {
	border: #554080 solid 1px;
}

div.ctr {
	text-align: center;
}

.mini {
	font-variant: small-caps;
}

.bg
{
	background-color: #EEE6FF;
}

.g {
	font-size: 8pt;
	width: 200px;
}

#birthday_list, #online_list, #recent_list {
	margin-left: 0;
	margin-right: 1em;
	padding-left: 0;
	list-style: none;
}

#birthday_list li, #recent_list li {
	margin-top: 0.1em;
	height: 15px;
	float: left;
	margin-right: 0.5em;	
	font-size: 8pt;
}

#birthday_list li a, #recent_list li a {
	text-decoration: none;
	font-weight: bold;
}

#online_list li {
	margin-top: 0.1em;
	height: 15px;
	float: left;
	padding-left: 10px;
	margin-right: 0.5em;
	background-image: url(/images/is_online.gif);
	background-repeat: no-repeat;
}

#online_list li.pal {
	padding-left: 20px;
	background-image: url(/images/pal.gif);        
}

#iconlist
{
/*  normal
    padding: 1em;
    width: 80px;
*/	
    padding: 5px;
    width: 90px;
    background-color: #EEE6FF;
	border: #554080 solid 1px;
	text-align: center;
	_width: 100%;
}

#iconlist img
{
	cursor: pointer;
	margin: 2px;
}
	
.message_body img
{
	margin-left: 0.1em;
	margin-right: 0.1em;
}

.b {
	border: #554080 solid 1px;		
}

#most_viewed {
		font-size: 8pt;
}

#most_viewed a {
	text-decoration: none;
}

#most_viewed img {
	border: #554080 solid 1px;	
}

#contact_info img {
	vertical-align: middle;
}

#online_now a {
	text-decoration: none;
	font-weight: bold;
}

td.l {
/*	font-variant: small-caps;*/
}

.nb {
	border: none;
}

.catlist {
	float: left;
	padding-right: 4em;
	margin-bottom: 1em;
}

.small {
  font-size: 8pt;
}

#errorExplanation h2 {
	font-size: 10pt;
}

.error_text {
}

.fieldWithErrors textarea, .fieldwithErrors input {
/*	border: #554080 solid 3px;*/
}

#header {
	width: 760px;
	height: 53px;
  text-align: right;
  margin: 0em 1em 0.5em 1em;
}

#head_banner a {
	color: white;
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	font-variant: small-caps;
}

#head_banner {
	padding-bottom: 2px;
}

#header img {
	margin-right: 2px;
}

#playpen {
	font-size: 8pt;
	text-align: center;
	
}

#playpen div {
	float: left;
	padding: 0.5em;
	margin-right: 1em;
	margin-bottom: 2em;
}

#playpen div img {
	margin-top: 3px;
	margin-bottom: 3px;
}

#graph
{
	font-size: 8pt;
	text-align: left;
	border: black solid 1px;
	background-color: white;
	padding: 1em 2em 1em 2em;
	width: 300px;
}

#graph div.bar
{
	border: #888888 solid 1px;
	/* background-color: lightblue; */
	background-image: url( "/images/gradient.gif" );
	text-align: center;	
	height: 1em;
	margin-bottom: 1em;
}

p.ballot_question { margin-bottom: 2em; }

.ballot_question img {
	vertical-align: middle;
	border: darkgrey solid 1px;
}

.newstuff {
	border: #EDC1DB solid 1px;
	text-align: center;
	padding: 3px;
	width: 80%;
	/*background-color: #FBFADC;*/
	background-color: #F1E2C2;
}

.hi
{
	background-color: #F1E2C2;	
}

.iw
{
	width: 2em;
}

.warning {
	border: darkred solid 1px;
	text-align: center;
	padding: 3px;
	
	background-color: #F0D5D5;
}

#footer {
	width: 750px;
	font-size: 7pt;
	background-color: #554080;
	padding: 0 0 0.5em 0;
}

#footer a {
	margin: 0 1em 0 1em;
	color: white;
	font-weight: bold;
	text-decoration: none;
}

#sidebar {
  text-align: left;
  width: 198px;
  float: right;
}

#sidebar li {
	list-style-type: none;
}

#sidebar .box {
  	background-color: #D6CFE6;
	margin: 1px 0.5em 0.5em 0.5em;
}

#sidebar .box_warning {
  background-color: #F0D5D5;
  margin: 1px 0.5em 0.5em 0.5em;
	padding: 0.5em;
}

#sidebar .head {
  padding: 0.5em 0.25em 0.25em 0.5em;
  font-weight: bold;
}

#sidebar .body {
  padding: 0.25em 0.25em 0.5em 0.5em;
}

#online_now li {
	font-size: 8pt;
}

.upload_field {
	font-size: 8pt;
}

ul.donate {
	font-size: 8pt;
}

.nav, ul.donate {
  list-style-type: none;
}

.nav li {
  margin: 0.25em 0.5em 0.25em 0em;
  border: 1px solid #554080;
}

.nav li img {
	margin-right: 0.5em;
	vertical-align: text-top;
  border: none;
}

.btn, .nav a {
  color: black;
  /*background-color: #EEE6FF;*/
	background-image: url( "/images/butbg.gif" );
	background-repeat: repeat-x;
	
  text-decoration: none;
	padding: 0em 0.5em 0em 0.5em;
}

.valentines a {
    background-image: url( "/images/hearts.gif" );
    font-weight: bold;
    color: black;
}

div.val { 
	background-image: url( "/images/love.gif" );
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

.nav a {
  display: block;
  padding: 0.2em 0 0.2em 0.5em;
  margin: 0em;	
}

.nav a.hilite {
	background-color: #CBA6FF; /*#c8d9ff;*/
}

.nav a:link, .nav a:visited li {
}

.nav a:hover {
  /*background-color: #f2f2f2;*/
	 background-color: #E6CFE6;	 

}

.nav a.hilite:hover {
	/*background-color: #c8e2ff;*/
}

ul.news {
  list-style-type: none; /*square;*/
  list-style-position: inside;
}

ul.news li {
  margin-left: 0.15em;
  padding-bottom: 1em;
	font-size: 8pt;
}

ul.news li div {
	font-weight: bold;
	font-variant: small-caps;
	margin: 0.25em 0 0.25em 0;
}

#sidebar .body ul {
  padding: 0;
  margin: 0;
}

#sidebar .body li {
}

#page {
	background-color: #554080;
/*	background-color: #927FBD;*/
	width: 750px;
	_width: 765px;
}

#page:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}

#main {
  /*width: 520px;*/
	width: 550px;
  float: left;
}

#content {
  text-align: left;
  background-color: #D6CFE6;
  margin: 1px 0em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;

	min-height: 650px;

	/* ie sucks */
	_height: 650px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hide from IE-mac \*/
* html .clearfix {height: 1%;}
/* End Hide */

#content img {
/*  border: 1px solid #554080;*/
}

#content .title {
  font-weight: bold;
  padding: 0.5em 0em 0.5em 0em;
}

#sample_images {
  text-align: center;
}

#sample_images .best img {
  margin: 0px;
  border: red solid 3px;
}

#sample_images div.best {
  padding: 0px;
}

#sample_images img {
  margin: 1em 0.125em 1em 0.125em;  
  border: #554080 solid 1px;
}

#sample_images div {
  float: left;
  margin: 5px 5px 5px 5px;
  border: clear solid 3px;
  font-size: 8pt;
  font-variant: small-caps;
  padding: 2px;
}

#sample_images div img {
  margin: 0;
  border: #554080 solid 1px;
}


#date_info {
	position: relative;
	float: right;
	top 0;
}

#date_info td {
	font-size: 9pt;
}

#contact_info {
	width: 98%;
}

#contact_info td {
	font-size: 9pt;
	padding-right: 1em;
}

#search_criteria td, #search_criteria input, #search_criteria select, .inline_frame select {
	font-size: 8pt;
}

#search_user td, #search_user input, #search_user  select, .inline_frame select {
	font-size: 8pt;
}

#message_hdr, #message_body {
		margin: 0.5em;
}

#message_hdr {
	width: 97%;
}

.search_pages {
	text-align: center;
}

.search_pages a { padding-left: 1em; }

.smaller {
	font-size: 7.5pt;	
}

.inline_frame {
  background-color: #D6CFE6;
	margin: 0;
	padding: 0;
}

.profile_pictures {
	text-align: center;
}

.profile_pictures img {
	border: #554080 solid 1px;
}

/* ppk
input, textarea {
	border: #554080 solid 1px;
	padding: 0 0.25em 0 0.25em;
}
*/


.notice_body {
	background-color: #E6CFE6;	
	border: #554080 dotted 1px;
	padding: 0.75em;
}

.message_body {
  background-color: #EEE6FF;
/*	background-color: white;*/
	border: #554080 dotted 1px;
	padding: 0.75em;
}

.message_body a, .message_body_dim a { color: blue; }

.message_body_hilite {
  background-color: #F0D5D5;
	border: #554080 solid 1px;
	padding: 0.75em;
}	

.message_body_dim {
  background-color: #DFD7F0;
	border: #554080 dotted 1px;
	padding: 0.75em;	
}

#message_hdr td {
	padding-right: 2em;
}

#message_list {
	width: 100%;
	font-size: 8pt;
}

#message_list th {
	background-color: #554080;
	color: white;
}

.message_header {
	background-color: #554080;
	padding: 0.1em 0 0.1em 0;
	color: white;
}

#message_list {
	border-collapse: collapse;
}

#message_list td {
	padding: 0.1em 0.5em 0.1em 0.5em;
	border: #554080 solid 1px;
	margin: 0 0 0 0;
}

#message_list img {
	border: none;
	cursor: pointer;
	cursor: hand;
}

#message_list a {
	text-decoration: none;
	color: blue;
}

#message_list td.nb {
	background-color: transparent;
}

#message_list td {
	/*border-bottom: #554080 solid 1px;*/
}

#message_list .new {
	font-weight: bold;
}

tr.stripe1 td {
}

tr.stripe2 td {
	background-color: #EEE6FF;	
}

.donate {
}

.cost {
  color: #CC0000;
	font-weight: bold;
}

.donated {
  color: green;
	font-weight: bold;
}

div.caption {
	font-style: italic;
	font-size: 9pt;
}

#search_results .message_body {
	padding: 0.5em 0.5em 0 0.5em;
}

#profile_main {
	width: 100%;
}

#search_results a {
	font-weight: bold;
	text-decoration: none;
	color: black;
}

#search_results .bdr img {
/*	border: #554080 solid 1px;*/
}

#search_results .bdr {
	border: #554080 solid 1px;
	text-align: center;
	vertical-align: middle;
	background-color: white;
}

#video_player {
	margin: auto;
	width: 425px;
	height: 350px;	
}

#video_player img {
	margin-top: 150px;
}

div.comment_list {
	font-size: 8pt;
}

div.blogcomment {
	padding: 6px 10px 10px 10px; 
	background-color: #f6f6f6;
	border-style: solid;
	border-color: #bdbdbd;
	border-width: 0 1px 1px 1px;
}

div.blogborder {
	background-color: red;
}

div.blogtop {
	background-image: url(/images/comment.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin:0px;
	padding:0px;
}

div.author div.blogtop {
	background-image: url(/images/comment_author.gif);	
}

div.author div.blogcomment {
	border-color: #444444;
	background-color: #d9ebfe;
}

div.blogcomment p { margin:0; padding:0px 0px 5px 0px; }

td.donation_method { padding: 0 20px; }
td.donation_method form { margin: 0 2px; padding: 0; float: left;  } 
td.donation_method { font-size: 8pt; text-align: center; }

p.gallery_pager { text-align: center; }
p.gallery_pager a { padding: 0 1em; }



div#profile_edit { }

div#profile_edit h1 { font-size: 14pt; }
div#profile_edit h2 { font-size: 11pt; }
div#profile_edit h3 { font-size: 9pt; }

div#profile_edit div.errorExplanation { border: 2px solid red; padding: 0.5em; background-color: pink; }
div#profile_edit span.fieldWithErrors input { border: 2px solid red; } 

div#profile_edit input, div#profile_edit select, div#profile_edit textarea { font-family: verdana; font-size: 9pt; }
div#profile_edit input { padding: 2px;  }	

div#profile_edit label { display: block; float: left; width: 8em; }
div#profile_edit p { clear: left; padding-top: 2px; margin: 0.5em; }

div#profile_settings, div#profile_optional { padding-top: 2em; }
div#profile_settings label { width: 100%; float: none; padding-bottom: 0.5em; }
div#profile_settings input { margin: 0 0.5em; }

div#modbar {
	margin-bottom: 3px;
	font-size: 8pt;
}

div#modbar img { vertical-align: top; margin-right: 0.5em; }

* html div#modbar a { height: 1px; }

div#modbar a { padding: 2px 5px; background-color: white; border: #777777 solid 1px; cursor: pointer; cursor: hand; }
div#modbar a.is_good { background-color: #529214; border: 1px solid #529214; color: #ffffff; }
div#modbar a.is_bad { background-color: #d12f19; border: 1px solid #d12f19; color: #ffffff; }

/*
table.calendar, table.calendar caption { background-color: white; padding: 1em; }

table.calendar { border-spacing: 2px; border: #9688b3 solid 2px; }
table.calendar caption { padding: 0.5em; }

table.calendar td { text-align: right; padding: 0.25em; }
table.calendar td.t { border: red solid 2px; }
table.calendar td.e { background-color: #9688b3; }
*/

table.calendar { border-spacing: 0px; border-collapse: collapse; width: 100%; }
table.calendar caption { margin-bottom: 1em; }
table.calendar td { font-size: 7pt; text-align: center; vertical-align: top; border: black solid 1px; width: 100px; height: 100px; background-color: #554080; color: white; }
table.calendar td.t { border: yellow solid 2px; }
table.calendar td.c { border-width: 0px; background-color: transparent; }
table.calendar td.e { background-color: #e6cfe6; color: black; }

form p { clear: left; }
form p label { float: left; display: block; width: 5em; }
form p textarea {  }

div.errorExplanation { border: 2px solid red; padding: 0.5em; background-color: pink; }

div#latest_blogs div { margin-top: 2px; }
div#latest_blogs p { margin: 10px 0; }

/* generics */

.ns h1 { font-size: 10pt; margin: 10px 0; padding: 0; }
.ns div.fl { float: left; }

.ns a { color: blue; }

.ns form { margin: 5px; padding: 0; }
.ns form label { margin-right: 1em; }
.ns form .note { font-size: 8pt; }
.ns form div.fe { margin-bottom: 1em; }

.ns .formError { color: red; font-size: 8pt; }

.ns em {
	font-style: normal;
	font-size: 9pt;
	padding: 0 2px;
}

/* fixes */

.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* specific */

.ns form.signup { margin: 30px 0 0 0px; }
.ns form.signup label { float: left; width: 9em; text-align: right; }

.ns div#status div { margin-bottom: 1em; font-size: 12pt; }
.ns div#status div.item div { font-size: 8pt; color: black; }

.ns div#status h1 { font-size: 14pt; margin-bottom: 1em; }

.ns div#status div { 
	background-position: 0 3px;
	background-repeat: no-repeat;
}

.ns div#status .ok { 
	padding-left: 20px;
	color: darkgreen; 
	background-image: url(../images/ok.gif);
}

.ns div#status .bad { 
	padding-left: 20px;
	color: red; 
	background-image: url(../images/exclamation.gif);
}

.ns div#status div.btns {
	margin-top: 1em;
}

.ns div#status div.ok_conf { font-size: 9pt; background-image: none; }

/* latex guide */

div#latexbook h2 { font-size: 12pt; }
div#latexbook h3 { font-size: 10pt; }

div#latexbook img {
	display: block;
	margin: 0.5em auto;
	border: #554080 solid 1px;	
}

div#latexbook div.latexnav { text-align: center; }

/* my profile */

.ns div#my_profile h2 { margin-bottom: 10px; }
.ns div#my_profile div { margin-bottom: 10px; font-size: 8pt; }
.ns div#my_profile a { font-size: 10pt; }

.ns div#my_profile h1 { font-size: 14pt; }

div#help_box a:visited, div#help_box a { color: black; text-decoration: none; }
div#help_box a span { color: blue; text-decoration: underline; }

