/***
Common styles
***/
#content {
}

#innerContent {
	padding: 0 10px;
}

#quickLinks {
	float: right;
	text-align: right;
}

h1 { font-size: 16pt; }
h2 { font-size: 16pt; }
h1, h2, h3 { padding: 6px 0;}
h3, h4, h5, h6 { font-size: 10pt; }


html > body #footer { margin-top: 20px; color: #666;}


/***
Dashboard
***/
.dashCallout {
	width: 25%;
	float: left;
	text-align: center;
}

.dashCallout a, .dashCallout a:hover, .dashCallout a:link, .dashCallout a:visited {
	text-decoration: none;
	cursor: pointer;
}

.dashCallout .img {
	width: 128px;
	height: 128px;
	margin: 0 auto;
}

.dashSearchMemberImg { background: #ffffff url(../images/magnifier.png) no-repeat left top; }
.dashAddMemberImg { background: #ffffff url(../images/user.png) no-repeat left top; }
.dashReportsImg { background: #ffffff url(../images/copy.png) no-repeat left top; }
.dashAdminImg { background: #ffffff url(../images/web.png) no-repeat left top; }

/***
Member form styles
***/
#personalInfo, #veteranStatus {
	margin-bottom: 20px;
}

#personalInfo td, #veteranStatus td {
	padding-bottom: 3px;
}

#personalInfo h3, #veteranStatus h3 {
	margin: 0;
	padding: 0;
}

#personalInfo label {
	width: 120px;
	display: block;
	clear: left;
}

input.wide, textarea.wide {
	width: 300px;
}

select.wide {
	width: 306px;
}

textarea.wide {
	height: 150px;
}

#personalInfo .note {
	padding: 3px 0 0 0;
	display: block;
	text-align: left;
}


.floatTable50 {
	float: left;
	width: 49%;
}


/***
Search member list
***/
#membersList, #genericList {
	width: 100%;
	margin-top: 10px;
}

#membersList th, #membersList td, #genericList th, #genericList td {
	padding: 5px;
}

#genericList th {
	text-align: left;
}

#genericList th.tableListCellMedium  {
	width: 25%;
}
#genericList th.tableListCellLarge {
	width: 50%;
}
#genericList th.tableListCellSmall {
	width: 5%;
}

#membersList th {
	text-align: left;
}


/***
Search member forms
***/
#memberSearch {
	background: #f6f6f6;
	padding: 1px 2px;
}

#memberSearchTable {
	padding: 0;
	margin: 0;
	border: none;
}

#memberSearchTable td {
	padding: 2px;
}

/***
Warning, Error, Success boxes/text
***/
.warningBox {
	background: #ffffff url(../images/help1.png) no-repeat left center;
	border: 2px solid #EEBF66;
	padding: 15px 15px 15px 40px;
}

.err, a.err {
	color: red;
}

/***
Helpspot Request list
***/
#hsRequestList {
	padding-top: 20px;
}

#hsRequestList th {
	text-align: left;
}

#hsRequestList th, #hsRequestList td {
	padding: 5px;
}


#hsRequestList th.id { width: 50px; }
#hsRequestList th.status { width: 50px; }
#hsRequestList th.opened, #hsRequestList th.closed { width: 125px; }


/***
Report stuff
***/


/***
Config stuff
***/
.optionName {
	width: 20%;
}

.optionValue {
	width: 30%;
}

.optionDesc {
	width: 50%;
}

/***
Login page
***/
#loginBox {
	background: #EEF4FF;
	width: 300px;
	margin: 10px auto;
	padding: 10px;
	border: 3px solid #efefef;
}

#loginBox label {
width: 75px;
display: block;
}

#loginTable td {
	padding-bottom: 3px;
}

#maintenanceModeOn {
	text-align: center;
	border: 1px solid #cccccc;
	padding: 4px;
}

#username {
	width: 220px;
}

#pass {
	width: 220px;
}
/***
Add/edit users
***/
#addUserBox {
	clear: both;
}

#addUserLink {
	display: block;
	height: 16px;
	width: 50px;
	background: #ffffff url(../images/plus-sign.jpg) no-repeat left 2px;
	padding-left: 13px;
	white-space: nowrap;
	text-decoration: none;
	font-weight: bold;
}

/***
Test autoreponder box
***/

#testAutorespondersBox {
	background: #EEF4FF;
	padding: 10px;
	width: 643px;
}


#testAutorespondersDisplayLinkBox {
	text-align: right;
	background: #EEF4FF;;
	padding: 5px;
}

#email_addresses {
	width: 500px;
}

body#test_autoresponder {
	background: #ffffff;
	margin: 0;
	padding: 0;
}

#test_autoresponder #logo, #test_autoresponder #menu,  #test_autoresponder .shadow,  #test_autoresponder #footer, #test_autoresponder #quickLinks
{
	display: none;
}

#test_autoresponder #container, #test_autoresponder #content {
	width: 680px;
}

body#test_autoresponder #container {
	margin: 0;
}

/***
Misc
***/
.alignleft {
	text-align: left;
}

.aligncenter {
	text-align: center;
}

.alignright {
	text-align: right;
}

.clear {
	clear: both;
}

.note {
	font-family: "Courier New", Courier, monospace;
}

form {
	margin: 0;
	padding: 0;
}

.formatSuggestion {
	font-style: italic;
	color: #555;
}

#pagination {
	text-align: center;
	padding-top: 20px;
}

#actions {
	margin: 0;
	padding: 0;
}
#actions li {
	list-style: none;
	list-style-type: none;
	padding-bottom: 1px;
}

#submitButtonBox {
	padding-top: 20px;
}

#requestBox {
	padding: 10px;
}

.odd {
	background: #f6f6f6;
}

.success {
	color: #090;
}

.fail {
	color: #900;
}

.displayBlock {
	display: block;
}

.displayNone {
	display: none;
}

#helpImg {
	background: #ffffff url(../images/question-mark_16x16.gif) no-repeat left top;
	width: 16px;
	height: 16px;
}

.inline {
	display: inline;
}

img {
	border: none;
}

.bold {
	font-weight: bold;
}

.vfReportTypeList, .vfReportTypeList li {
	list-style: none;
	list-style-type: none;
}

div.err {
	padding: 3px 0;
	border: 1px solid #ddd;
	background: #efefef;
}

div.err ul {
	margin: 0 0 0 30px;
	padding: 0 0 0 30px;
}