body {
	background: #eee;
	color: #666;
	margin: 0;
	padding: 0;
	font-family: Tahoma;
	font-size: 14px;
}

a, a:visited {
	color: #000;
}

a:hover {
	text-decoration: none;
}

.link {
	background: no-repeat 2px 3px;
	padding: 2px 0 2px 20px;
}
.xls { background-image: url('/img/icon-xls.gif'); padding-right: 3px; }
a.xls:hover { color: green; background-color: #afa; }

.clicktoremove {
	cursor: pointer;
}

h2, h3, fieldset legend {
	font-weight: normal;
	font-size: 20px;
	color: #0066cc;
}

h3 {
	font-size: 16px;
	margin-bottom: 5px;
}

img {
	border: none;
}

hr {
	background: #ddd;
	height: 1px;
	border: none;
	margin: 10px 0;
}

code {
	background-color: #e6e6e6;
	padding: 0 2px;
}

table {
	width: 100%;
}

.cake-sql-log {
	background: #f4f4f4;
	margin: 20px auto;
	border: 2px xolid #ddd;
}

.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
	border-bottom: 1px solid #999;
	border-right: 1px solid #ddd;
}

#flashMessage {
	border: 1px solid #ffcc00;
	background-color: #ffffcc;
	color: #ff9900; 
	padding: 5px 10px;
	margin: 0 0 10px 0;
	font-weight: normal;
}

#flashMessage a, #flashMessage a:visited {
	color: #ff9900;
}

/* special */

#vieldsearch {
	display: inline;
}

#vieldsearch input {
	width: 100px;
	border: 1px solid #ddd;
	padding: 2px;
	color: #666;
}

.sidenote {
	float: right; 
	width: 280px;
	height: 600px;
	overflow-y: auto;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	padding: 0 10px;
}

.sidenote ul {
	margin: 0;
	padding: 0;
}

.sidenote ul li {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
	line-height: 16px;
}

/* Paging */
div.paging {
	background:#fff;
	color: #ccc;
	margin: 15px 0;
	text-align: center;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

.subtle {
	color: #999;
	font-size: 10px;
	line-height: 12px;
}

.small {
	font-size: 12px;
}

/* header with nav */
#header{
	margin: 0;
	padding: 4px 20px 0 20px;
	border-bottom: 2px solid #666;
	color: #676767;	
	background: #000 url('/img/rutgers_banner.jpg') no-repeat;
}

#header h1 {
	font-weight: normal;
	font-size: 32px;
	margin: 0 0 15px 0;
	font-family: Trebuchet MS;
	padding: 8px 0 0 8px;
	color: #fff;
}

#header a, #header a:visited {
	color: #777;
	text-decoration: none;
}

#header #nav {
	margin: 0;
	padding: 0;
}

#header #nav li {
	list-style: none;
	display: inline;
}

#header #nav li a {
	padding: 3px 8px;
	border: 1px solid #999;
	border-bottom: none;
	margin: 0 2px;
	font-size: 14px;
	background-color: #ddd;
}

#header #nav li a:hover, #header #nav li.active a, #header #nav li.active a:visited {
	background-color: #fff;
	color: #333;
}

/* center */
#container {
	padding: 10px 20px 20px 20px;
	background-color: #fff;
}

#container2 {
	width: 790px;
}

/* footer */
#footer {
	border-top: 2px solid #ccc;
	text-align: right;
	font-size: 12px;
	color: #999;
	padding: 15px 5px;
}

#footer a {
	color: #999;

}

/* form elements */

fieldset {
	border: none;
	font-size: 14px;
	padding: 0;
}

.input {
	padding: 8px 0;
}

.input label {
	width: 150px;
	display: block;
	float: left;
	padding: 4px;
	background-color: #f0f0f0;
	border-right: 3px solid #ddd;
	margin: 0 8px 0 0;
	color: #666;
}

.required label {
	border-right: 3px solid #f99;
}

.input input{
	border: 1px solid #999;
	background-color: #f9f9f9;
	padding: 4px;
	font-size: 14px;
	width: 300px;
	color: #555;
}

.fakefield div {
	padding-top: 2px;
}

.required input {
	color: #000;
}

.input textarea {
	width: 300px;
	max-width: 300px;
	height: 150px;
	max-height: 250px;
}

.submit {
	background-color: #dde9ff;
	padding: 6px;
	text-align: right;
	border-top: 2px solid #0066cc;
	clear: both;
}

.submit input {
	border: 1px solid #999;
	background-color: #f9f9f9;
	padding: 2px;
	font-size: 14px;
}

#EventDateStartMonth,
#EventDateEndMonth,
#EventRegStartMonth,
#EventRegEndMonth {
	width: 50px;
}

/* form errors */
.error label {
	color: #c00;
	background-color: #fdd;
	border-right: 2px solid transparent;	
}

.error-message {
	color: #c00;
	margin-top: 3px;
}

.error {
	color: #c00;
	background-color: #fdd;
}

/* page editing page only */
.deletepage {
	margin: 40px 0 0 0;
}

.deletepage a, .deletepage a:visited {
	color: #999;
	padding: 5px;
}

.deletepage a:hover {
	color: #933;
	background-color: #f99;
}

.inline {
	display: inline;
}


/* cake defaults */

/* Tables */
table {
	background: #fff;
	border:1px solid #ccc;
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	background: #f2f2f2;
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center;
}
th a {
	background:#f2f2f2;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td {
	background: #fff;
	border-right: 1px solid #ccc;
	padding: 4px;
	text-align: center;
	vertical-align: top;
}
table tr.altrow td {
	background: #f4f4f4;
}
table tr.red td {
	background: #ff9999;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	margin: 0px 6px;
}

.cake-sql-log {
	width: 900px;
}

.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}

/* misc */

table.twocol {
	border: none;
}

table.twocol tr td {
	border: none;
	text-align: left;
}

table.twocol h3 {
	margin-top: 0;
}

table.twocol tr td table tr td {
	border-right:1px solid #CCCCCC;
}

.simpleon, .simpleon:visited {
	text-decoration: none;
	background-color: #eee;
	padding: 2px 4px;
}

/* field-specific styles */
input #EventName {
	width: 300px;
}

/* tables for the registrant detail view page */

.hsdetail {
	width: auto;
	margin-top: 10px;
	border-bottom: none;
}

.hsdetail tr td {
	text-align: left;
	border-bottom: 1px solid #ccc;
}

.hsdetail tr td.h3 {
	border-top: 3px solid #777;
	background-color: #f9f9f9;
	font-size: 16px;
	color: #0066cc;
}

.hsdetail tr td.label {
	background-color: #f9f9f9;
}