/* The basics */
div {margin: 0; padding: 0;}

html, body {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	background: white none;
	color: black;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}
body {font-size: .9em;}

h1, .inputSubmit {  font-weight: bold;  font-size: 1em;  font-family: Georgia, serif;  text-transform: uppercase;  letter-spacing: .15em; margin: 1em 0;  }
p { margin: 1em 0; }
ul, ol {
	padding: 0; margin: 0;
}
li {
	padding: 0;
	margin: 1em 0 1em 2em;
}
a:link {color: #0f3e90;}
a:visited {color: #6f1e84} 
a:link:hover {color: #1f52aa;}
a:visited:hover {color: #7f2b99}
* html a:hover {color: #1f52aa;} /*IE blows!*/

a img {border: 0;}

/* Forms */
form {padding: 0; margin: 0; display: block;}
.inputText, .inputPassword {
	font-family: inherit;
	font-size: 115%;
}
.inputSubmit {
	margin: .4em 0;
} /* see also h1, .inputSubmit above*/
form .delButton {
	padding-left: 2.4em;
	background: black url(http://pan.alanhogan.com/silk/delete.png) no-repeat 8px 8px;
}
form .editButton {
	padding-left: 2.4em;
	background: black url(http://pan.alanhogan.com/silk/pencil.png) no-repeat 8px 8px;
}
form .addButton {
	padding-left: 2.4em;
	background: black url(http://pan.alanhogan.com/silk/add.png) no-repeat 8px 8px;
}
dt {
	font-weight: bold;
}

/* Common classes */
.hide, .hidden {display:none;}
.finePrint {font-size: 85%;}
.right {text-align: right;}
.center	{text-align: center;}
table.data {
	border-collapse: collapse;
	border: 1px solid #585c60;
}
table.data th, table.data td {
	padding: 0.2em;
	border: 1px solid #aaadb0;
}
table.data tbody tr:hover { 
	background: #efefef none; 
}

/* Layout (see also special stuff flash & error) */
#topMatter {
	margin: 0;
	padding: 8px 0;
	border-bottom: 1px solid black;
	background: transparent url(/images/speedpass.gif) no-repeat 8px 8px;
	position: relative;
}
#topMatter.dmv {
	background: transparent url(/images/speedpassdmv.gif) no-repeat 10px 8px;
}
#topMatter.tbm {
	background: transparent url(/images/speedpasstbm.gif) no-repeat 10px 8px;
}
#topMatter.tbo {
	background: transparent url(/images/speedpasstbo.gif) no-repeat 10px 8px;
}
#topMatter p { 
	text-align: right;
	margin: 1.2em .8em .3em 0;
}

#topMatter h1 a {
	position: absolute;
	top: 0;
	left: 0;
	width: 240px;
	height: 51px;
}
#topMatter h1 span {
	display: none;
}
#content {
	width: 550px;
	margin: 1em auto;
}
#content.inbox {
	width: 100%;
	margin: 1em 0 1em 1em;
	overflow: hidden;
}
#footer {
	border-top: 1px solid #aaa;
	color: #aaa;
	font-size: 85%;
	padding: 1em 1.3em;
	margin: 4em 0 .3em 0;
	line-height: 1.15em;
}
#footer p {
	margin: 0;
}
#footer a:link,#footer a:visited {
	color: #878787;
}

/* Special stuff (site-wide) */
.flash {
	margin: 0;
}
.flashItem, .errorItem {
	margin: 0;
	color: white;
	padding: .6em .8em;
	border-bottom: 1px solid white;
}
.flashItem {
	background-color: #264ebe;
}
.errorItem {
	background-color: #a62f1c;
	font-weight: bold;
}
.bigLoginBox {
	border: 3px solid black;
	margin: 10em auto;
	width: 25em;
}
.bigLoginBox .mostLoginBox {
	padding: 0 1em 1em 1em;
}
.bigLoginBox h1, .inputSubmit {
	color: white;
	background: black none;
	padding: .6em 1.1em;
	border: none;
}
.bigLoginBox .inputSubmit {
	margin-left: auto;
}
.bigLoginBox h1 {
	margin: 0 0 1em 0;
}
.bigLoginBox .inputText, 
.bigLoginBox .inputPassword {
	width: 100%;
	border: 1px solid black;
	margin: 0;
}

.bigResetBox {
	border: 3px solid black;
	margin: 3em auto;
	width: 25em;
}
.bigResetBox .mostResetBox {
	padding: 0 1em 1em 1em;
}
.bigResetBox h1, .inputSubmit {
	color: white;
	background: black none;
	padding: .6em 1.1em;
	border: none;
}
.bigResetBox .inputSubmit {
	margin-left: auto;
}
.bigResetBox h1 {
	margin: 0 0 1em 0;
}
.bigResetBox .inputText, 
.bigResetBox .inputPassword {
	width: 100%;
	border: 1px solid black;
	margin: 0;
}
.wideform .inputText, 
.wideform .inputPassword {
	width: 100%;
}
.messagebody {
	width: 100%;
	height: 10em;
}

/** Specific to a page special stuff ***/
/* list of options */
.chg_list {
	
}
.chg_list li {
	margin-left: 0;
	list-style-type: none;
	padding: 0 0 0 2em;
	background: transparent url(http://pan.alanhogan.com/silk/bullet_black.png) no-repeat .4em .1em;
}
.chg_list .chg_up {
	background-image: url(http://pan.alanhogan.com/silk/textfield_key.png);
}
.chg_list .chg_contactinfo {
	background-image: url(http://pan.alanhogan.com/silk/user_edit.png);
	background-image: url(http://pan.alanhogan.com/silk/phone.png);
}
.chg_list .chg_billinfo {
	background-image: url(http://pan.alanhogan.com/silk/money.png);
	
}
.chg_list .chg_balance {
	background-image: url(http://pan.alanhogan.com/silk/money_dollar.png);
}
.chg_list .chg_history {
	background-image: url(http://pan.alanhogan.com/silk/time.png);
}
.chg_list .chg_inbox {
	background-image: url(http://pan.alanhogan.com/silk/email.png);
}
.chg_list .chg_openedmail {
	background-image: url(http://pan.alanhogan.com/silk/email_open.png);
}
.chg_list .chg_replyemail {
	background-image: url(http://pan.alanhogan.com/silk/email_go.png);
}
.chg_list .chg_delemail {
	background-image: url(http://pan.alanhogan.com/silk/email_delete.png);
}
.chg_list .chg_refund {
	background-image: url(http://pan.alanhogan.com/silk/arrow_undo.png);
}
.chg_list .chg_help {
	background-image: url(http://pan.alanhogan.com/silk/help.png);
}
.chg_list .chg_user {
	background-image: url(http://pan.alanhogan.com/silk/user_green.png);
}
.chg_list .chg_home {
	background-image: url(http://pan.alanhogan.com/silk/house.png);
}
.chg_list .chg_info {
	background-image: url(http://pan.alanhogan.com/silk/information.png);
}
.chg_list .chg_card {
	background-image: url(http://pan.alanhogan.com/silk/car.png);
}
.chg_list .chg_location {
	background-image: url(http://pan.alanhogan.com/silk/world.png);
}
.chg_list .chg_delacct {
	background-image: url(http://pan.alanhogan.com/silk/user_delete.png);
}
.chg_list .chg_delcard {
	background-image: url(http://pan.alanhogan.com/silk/car_delete.png);
}
.chg_list .chg_addcard {
	background-image: url(http://pan.alanhogan.com/silk/car_add.png);
}
.chg_list .chg_finduser {
	background-image: url(http://pan.alanhogan.com/silk/user_edit.png);
}
.chg_list .chg_adduser {
	background-image: url(http://pan.alanhogan.com/silk/user_add.png);
}
.chg_list .chg_day {
	background-image: url(http://pan.alanhogan.com/silk/calenday_view_day.png);
}
.chg_list .chg_edit {
	background-image: url(http://pan.alanhogan.com/silk/pencil.png);
}
/* inbox */
table.inbox {
	border-collapse: collapse;
}
.inbox td {
	padding: 0 .2em;
}
.row_unread {
	background: #ffffee none;
	font-weight: bold;
}
.row_openedmail {
	background: #eef2f8 none;
	color: #778;
}
.row_unread td.cell_user {
	background: transparent url(http://pan.alanhogan.com/silk/email.png) no-repeat 4px 4px;
	padding-left: 2.5em;
}
.row_openedmail td.cell_user {
	padding-left: 2.5em;
	background: transparent url(http://pan.alanhogan.com/silk/email_open.png) no-repeat 4px 4px;
}
.msg_snippet {
	color: #445;
	font-weight: normal;
}
.row_openedmail .msg_snippet,
.row_openedmail .msg_date {
	color: #778;
}
td.msg_date {
	font-weight: normal;
}

/*Login*/
#username_label, #password_label, #forgot_email_label {
	padding: 0 0 0 1.4em;
	background: transparent url(http://pan.alanhogan.com/silk/user.png) no-repeat 0 0;
}
#password_label {
	background: transparent url(http://pan.alanhogan.com/silk/key.png) no-repeat 0 0;
}
#forgot_email_label {
	background: transparent url(http://pan.alanhogan.com/silk/email.png) no-repeat 0 0;
}
/*User list*/
.userList a img {
	border: 1px solid #888;
	padding: 1px;
	background: white none;
}
.userList a:hover img {
	border-color: #444 black black #444;
}
/*history*/
tr.refundRow, 
table tr.refundRow:hover {
	background: #dff6e3 none;
}
