body
{
	background-color: #d5d2d2;
	background-image: url('/pics/shared/backimage.gif');
	background-repeat: repeat-x;
}

#content
{
	width: 890px;
	background: #eae9db;
	border: 0px solid #1b2d59;
	clear: all;
	float: left;
	padding: 5px 30px 30px 15px;
}

h1
{
	color: #004990;
	font: normal 22px Georgia, Times New Roman, Times, Serif;
	margin: 15px 0 0 0;
	padding: 0 0 10px 0;
}

h2
{
	color: #004990;
	font: normal 18px Georgia, Times New Roman, Times, Serif;
	margin: 0;
	padding: 10px 0 10px 0;
}

.note
{
	color: #333;
	margin-left: 10px;
	font-size: 11px;
}

.boxy
{
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	margin: 10px 0 0 0;
	padding: 20px;
	width: 470px;
	float: left;
	clear: both;
}

.boxy a { color: #bc002d; }
.boxy a:visited { color: #bc002d; }
.boxy a:link { color: #bc002d; }
.boxy a:hover { color: #bc002d; }
.boxy a:focus { color: #bc002d; }

/*TABBED SECTIONAL NAVIGATION*/
#tabs
{
	margin: 0px;
	float: left;
	clear: both;
	width: 700px;
	padding: 0;
}

#tabs li
{
	color: #333333;
	float: left;
	width: 160px;
	height: 20px;
	padding: 8px 0 5px 0;
	margin: 5px 0px 0 0;
	border-right: 1px solid #666;
	list-style: none;
	text-align: center;
	background: #bbbaaf;
	display: block;
}

#tabs li:hover
{
	color: #333333;
	background: #999;
}

#tabs .out:hover
{
	color: #333333;
	background: #bbbaaf;
}

#tabs .out a { color: #333; }

#tabs .out
{
	color: #333333;
	background: #bbbaaf url('/pics/shared/tab-background-off.png') bottom repeat-x;
}

#tabs a
{
	color: #333333;
	text-decoration: none;
	display: block;
	height: 100%;
	padding: 5px 0 0 0;
}

#tabs #current a
{
	color: #333333;
	text-decoration: none;
}

#tabs #current
{
	color: #333333;
	text-decoration: none;
}

#tabs a:hover
{
	color: #333333;
	text-decoration: none;
}

#tabs #current { background: #eae9db; }

/*FORM*/

/*
input {
	display:inline; }
*/

#logout
{
	float: right;
	background: #bbbaaf;
	text-align: center;
	padding: 10px;
	margin: 0px 0 10px 0;
	font-weight: bold;
}

.setupinput_full { width: 425px; display: block; margin: 5px 0; }

#standardmessage .setupinput
{
	margin: 0 0 5px 0;
	width: 700px;
}

#messagetext p { margin: 0 0 7px 0; }
#create_email { width: 780px; }
#setup { width: 500px; }

form div
{
	float: left;
	padding: 3px 0 0 0;
}

.block
{
	float: left;
	clear: both;
	margin: 5px 0 5px 0;
}

#addressinput
{
	float: left;
	clear: none;
	width: 415;
}

#setup .block { width: 495px; }
#create_email .block { width: 775px; }
#relationblock { margin: 0 0 5px 0; }

.inputlabel
{
	float: left;
	width: 70px;
}

.setupinput
{
	float: left;
	padding: 0px;
	margin: 0px;
}

.entry
{
	float: left;
	clear: both;
}

.entry_right { float: right; }

#sponsor
{
	clear: left;
	height: 3em;
}

#relationblock { margin: 0 0 0 0; }
#relationblock .entry .inputlabel { margin: 0px 0 20px 0; }
#relationblock #relate .inputlabel { margin: 7px 0 0 0; }
#relationblock .setupinput { margin: 16px 0 20px 0; }

#grade
{
	margin-top: 15px;
	clear: left;
}

#grade .setupinput { margin-top: 0px; }

#relate
{
	clear: right;
	height: 3em;
}

#or
{
	float: left;
	font-size: 18px;
	color: #bbbaaf;
	margin-top: 8px;
	margin-left: 10px;
}

#save
{
	margin: 10px 0 0 70px;
	width: 120px;
}

#send
{
	float: left;
	clear: none;
}

#submit
{
	float: left;
	clear: none;
	margin-left: 70px;
}

#personalmessage textarea
{
	float: left;
	width: 700px;
	height: 150px;
	margin: 0px;
}

#addthingsblock
{
	float: left;
	width: 460px;
	clear: none;
}

#listblock #titles { width: 320px; }

#titles .addname
{
	padding: 0 0 0 70px;
	width: 160px;
}

#expanding_list { float: left; }

.addname
{
	float: left;
	height: 15px;
	margin: 0 0 5px 0;
	width: 230px;
}

.addname .note
{
	width: 65px;
	margin: 5px 5px 0 0;
	padding: 0px;
	text-align: right;
}

.addemail
{
	float: left;
	width: 160px;
}

.addmessage
{
	float: left;
	width: 60px;
}

#addtolist { margin: 10px 0 0 70px; }

#listblock
{
	float: left;
	width: 320px;
	clear: none;
	margin: 5px 0 5px 20px;
}

#personalmessage .note { margin: 0; }

#scrollablelist
{
	height: 400px;
	width: 320px;
	background-color: #ffffff;
	overflow: auto;
	border: 1px solid #1b2d59;
	margin-top: 5px;
}

#city
{
	float: left;
	padding-right: 35px;
}

#state
{
	float: left;
	padding-right: 35px;
}

#state .inputlabel
{
	width: 40px;
	text-align: right;
	padding-right: 15px;
}

#zip
{
	float: left;
	padding-right: 0;
}

#zip .inputlabel
{
	width: 40px;
	text-align: right;
	padding-right: 15px;
}

.row
{
	width: 100%;
	border-bottom: 1px solid #E7E9ED;
	padding: 1px 0 1px 0;
	margin: 0 0 0 0;
}

#scrollablelist .row { width: 320px; }

.bouncedrow
{
	width: 100%;
	border-bottom: 1px solid #E7E9ED;
	padding: 1px 0 1px 0;
	margin: 0 0 0 0;
	background-color: #bc002d;
	color: #ffffff;
}

.listname
{
	float: left;
	width: 105px;
	margin: 0;
}

.listemail
{
	float: left;
	width: 165px;
	margin: 0;
}

.listedit
{
	float: left;
	padding-right: 10px;
	padding-left: 5px;
	width: 25px;
	margin: 0;
}

#send-form .block
{
	margin-left: 70px;
	width: 700px;
}

#management
{
	height: 300px;
	width: 700px;
	background-color: #ffffff;
	overflow: auto;
	border: 1px solid #1b2d59;
	margin-top: 5px;
}

#check_links
{
	float: right;
	padding: 0;
	margin: 0;
	text-align: right;
}

#check_links p { margin: 0; }

.send_name
{
	width: 210px;
	padding-left: 5px;
}

.send_email { width: 175px; }
.alert { width: 30px; }

.alert img
{
	float: left;
	margin: 0;
	padding: 0;
	border-width: 0;
}

.alert div
{
	text-decoration: underline;
	color: #fff;
	float: right;
	margin: 0;
	padding: 0;
}

.send_to
{
	width: 55px;
	text-align: center;
}

#management .send_to { padding-top: 0px; }

.date_sent
{
	width: 85px;
	text-align: center;
}

.opened
{
	width: 55px;
	text-align: center;
}

.donated
{
	width: 55px;
	text-align: center;
}

#loginbutton { padding-left: 70px; }
#retrievebutton { padding-left: 70px; }
#retrievebutton input { float: left; }
#loginform .note { margin-left: 0; }
#loginform input { margin-bottom: 5px; }

/*
#email {
	margin-top:10px; }
*/

#loginname { margin-top: 10px; }

#donate
{
	clear: both;
	float: left;
	background-color: #eae9db;
	width: 350px;
	margin: 0;
}

.more
{
	clear: both;
	float: left;
	width: 495px;
}

/*OVERLAY*/
}
#overlay
{
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: left;
	z-index: 1000;
}

#overlay div
{
	width: 300px;
	margin: 100px auto;
	background-color: #fff;
	border: 1px solid #000;
	padding: 15px;
	text-align: left;
}

.highlighted { background-color: #ff0; }