#cakeSqlLog { visibility:hidden}
/* - - - - - - - - - - - - - - base elements - - - - - - - - - - - - - - */

body {
	/* background: #fbf6ec url(../images/background.gif) top repeat-x; */
	font: 11px/22px arial, helvetica, tahoma, verdana, sans-serif;
	color: #2c2c2c;
	margin: 0;
	}
table, tr, td {
	font: 11px/22px arial, helvetica, tahoma, verdana, sans-serif;
	color: #2c2c2c;
	border-collapse: collapse;
	border: none;
	margin: 0;
	padding: 0;
	}

/* - - - - - - - - - - - - - - structures - - - - - - - - - - - - - - */

.header { width: 100%; }
.headerLeft { 
	width: 481px; 
	background: url(/images/siteadmin/bg_topDiags.jpg) 0 0 repeat-x;
}
.headerLeft p {
	color: #268bd9;
	font-size: 16px;
	font-weight: bold;
	margin-left: 240px;
}
.headerRight { 
	padding: 0 23px 0 0;
	text-align: right; 
	background: url(/images/siteadmin/bg_topDiags.jpg) 0 0 repeat-x;
}

.menu {
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	height: 28px;
	margin: 0;
	padding: 0 0 0 210px;
	}

.main {	width: 100%; }
.content {
	background: #fff url(../images/backgroundContent.gif) top repeat-x;
	vertical-align: top;
	padding: 20px;
	}
.submenu {
	background: #096291 /* url(../images/backgroundSubmenu.gif) */ repeat-y;
	/* border-right: #113954 1px solid; */
	vertical-align: top;
	width: 200px;
	padding: 0 0 20px 0;
	}
.footer {
	background: url(../images/backgroundFooter.gif) top repeat-x;
	width: 100%;
	}
.footer td {
	padding: 15px 10px 30px 10px;
	font-size: 11px;
	text-align: center;
	}
	
#center, .center { text-align: center; }
	
#login {
	width: 450px;
	margin: 30px auto;
	}
#home {
	width: 400px;
	margin: 30px auto;
	}
	
.spreadsheet {
	width: 100%;
	border-top: 1px solid #002d58;
	border-right: 1px solid #002d58;
	border-left: 1px solid #002d58;
	border-bottom: 3px solid #002d58;
	}
.spreadsheet th {
	background: #002d58;
	color: #fff;
	padding: 1px 10px;
	text-align: left;
	white-space: nowrap;
	}
.spreadsheet td {
	padding: 1px 10px;
	white-space: nowrap;
	}
.spreadsheet .even { background: #ededed; }

.floatRight { float: right; }

.actionBar {
	width: 100%;
	margin: 10px 0 3px 0;
	}
	
.actionBar th {
	padding: 0 3px;
	text-align: left;
	font-weight: normal;
	}
.actionBar th img {
	position: relative;
	top: 8px;
	padding: 0 4px;
	}
.actionBar th input { 
	font-size: 11px;
	font-weight: normal;
	padding: 0;
	}
.actionBar td {
	text-align: right;
	}
.actionBar td span { 
	font-weight: bold;
	font-size: 12px;
	padding: 0 3px;
	}
	
/* - - - - - - - - - - - - - - text - - - - - - - - - - - - - - */

p, h1, h2, h3, h4, h5 { margin-top: 0; }

h1 {
	font-weight: normal;
	font-size: 20px;
	color: #004e5f;
	}
#login h1 {
	padding-bottom: 5px;
	margin-bottom: 25px;
	border-bottom: 1px solid #05c4ed;
	text-align: center;
	}
.submenu h1 {
	font-weight: normal;
	font-size: 17px;
	border-right: 1px solid #003399;
	color: #666;
	margin: 10px 0 0 0;
	padding: 10px 0 0 10px;
	height: 30px;
	background: url(/images/siteadmin/bg_contentPuddleTop.gif) 0 0 repeat-x;
	}
.submenu p { margin-bottom: 0; }
h2 {
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	}
h3 {
	font-size: 16px;
	color: #006699;
	}
h4 {

	}
h5 {

	}
	
.highlight {
	font-weight: bold;
	color: #ba0e0e;
	}
	
strong {
	font-size: 16px;
	font-weight: lighter;
}

/* - - - - - - - - - - - - - - lists - - - - - - - - - - - - - - */
	
.menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
.menu ul li {
/*
	list-style-image: none;
*/
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0;
	}
	
.submenu ul {
	list-style-type: none;
	border-bottom: 1px solid #fff;
	width: 199px;
	padding: 0;
	margin: 0;
	}
.submenu ul li {
/*
	list-style-image: none;
*/
	list-style-type: none;
	font-weight: bold;
	padding: 0;
	margin: 0;
	}
	
.submenu ul li ul {
	list-style-type: none;
	border-bottom: none;
	padding: 0;
	margin: 0;
	}
.submenu ul li ul li {
/*
	list-style-image: none;
*/
	list-style-type: none;
	font-weight: normal;
	padding: 0;
	margin: 0;
	}
	
/* - - - - - - - - - - - - - - links - - - - - - - - - - - - - - */

a:link, a:active, a:visited {
	color: #00488c;
	text-decoration: underline;
	}
a:hover {
	color: #006cd1;
	text-decoration: underline;
	}
	
.menu ul li a:link, .menu ul li a:active, .menu ul li a:visited  {
	text-decoration: none;
	padding: 0 10px;
	}
.menu ul li a:hover {
	text-decoration: none;
	padding: 0 10px;
	}

.submenu ul li a:link, .submenu ul li a:active, .submenu ul li a:visited  {
	background: #e0edf9;
	color: #00488c;
	text-decoration: none;
	padding: 1px 15px;
	border-top: 1px solid #fff;
	display: block;
	width: 169px;
	}
.submenu ul li a:hover {
	background: #f1f8ff;
	color: #006cd1;
	text-decoration: none;
	padding: 1px 15px;
	display: block;
	width: 169px;
	}
	
.actionBar td a:link, .actionBar td a:link, .actionBar td a:link {
	text-decoration: none;
	padding: 0 3px;
	}
.actionBar td a:hover {
	text-decoration: none;
	padding: 0 3px;
	}

/* - - - - - - - - - - - - - - images - - - - - - - - - - - - - - */

img { border: none; }

.photoHome {
	border: 2px solid #aeaeae;
	margin: 10px;
	}

a:hover .photoHome {
	border: 2px solid #256e94;
	margin: 10px;
	}
	
.fourOhFour {
	border: 4px solid #6e6e6e;
	}

a:hover .fourOhFour {
	border: 4px solid #a9a9a9;
	}


/* - - - - - - - - - - - - - - forms - - - - - - - - - - - - - - */

.adminForm {
	margin-left: 13px;
	width: 100%;
}
.adminForm td {
	font-size: 12px;
}
.adminForm h3 {
	margin-top: 15px;
	background: #ecf8ff;
	border-right: 1px solid #096291;
	border-bottom: 1px solid #096291;
	padding: 10px;	
	margin-bottom: 0;
}
.adminForm th {
	padding: 4px;
	font-size: 13px;
	font-weight: lighter;
	color: #006699;
	text-align: left;
	border-bottom: 1px solid #6793ab;
	background: #fff;
	border-right: none;
}
.submitButton {
	text-align: center;
	padding: 20px;
	background: #ecf8ff;
	margin-top: 10px;
}
.formRowOne {
	background: #d7effc;
}
.formRowOne td {
	font-weight: bold;
	color: #336699;
	padding: 5px 5px 5px 10px;
}
.formRowTwo {
	background: #e4f6ff;
}
.formRowTwo td {
	font-weight: bold;
	color: #336699;
	padding: 5px 5px 5px 10px;
}
.right {
	font-weight: lighter;
}
.form {
	margin: 0 auto 15px auto;
/*
	border: 4px double #ebdebc;
*/
	}
.form th {
	text-align: left;
	padding: 5px 10px;
/*
	border-bottom: 1px solid #f9f3e4;
	border-right: 1px solid #f9f3e4;
*/
	}
.form td {
	padding: 5px 10px;
/*
	border-bottom: 1px solid #f9f3e4;
*/
	}
input, select, textarea {
	font: bold 11px arial, helvetica, tahoma, verdana, sans-serif;
	color: #002d58;
	padding: 1px;
	}

/* --------------------------------
	Back2Back
--------------------------------- */

/* --- Boxes --- */

#currentTrip {
	border: 1px solid #397a9b;
	background: #cee7f4;
	padding: 20px;
}
#otherTrips {
	padding: 20px;
	background: #ededed;
}
#tripHistory {
	padding: 20px;
	background: #f5f5f5 ;
	border: 1px solid #cccccc;
	margin-bottom: 15px; 
}


/* --- Headers --- */


#currentTrip h1 {
	padding: 0 0 0 12px;
	font-size: 30px;
	font-weight: lighter
}
#currentTrip h1 span {
	font-size: 14px;
	font-weight: lighter;
}
#otherTrips h1 {
	padding: 10px 0 0 12px;
	color: #666666;
	font-size: 30px;
	font-weight: lighter
}

/* --- Photos --- */

.rightPhoto {
 	float: right;
	margin: 0 0 15px 15px;
 	text-align: center;
} 
.leftPhoto {
 	float: left;
	margin: 0 15px 15px 0;
 	text-align: center;
}
#photo {
	background: #EAEAEA;
	padding: 10px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#photoInside {
	border: 1px solid #999999;
}

/* --- Table Stuff --- */

.tripTable {
	margin-bottom: 20px;
}
.tripTable td {
	padding: 10px;
}
.tripTable th {
	background: #ecf8ff;
	border-right: 1px solid #6793ab;
	border-bottom: 1px solid #6793ab;
	font-size: 16px;
	font-weight: bold;
	color: #006199;
	padding: 7px 7px 7px 15px;
	text-align: left;
}
.paperTable {
	margin: 0 0 20px 0;
	padding: 0;
}
.paperTable th {
	padding: 4px;
	font-size: 13px;
	font-weight: lighter;
	color: #006699;
	text-align: left;
	border-bottom: 1px solid #6793ab;
	background: #fff;
	border-right: none;
}
.paperTable td {
	padding: 4px 4px 4px 10px;
}

.paperTableTwo {
	margin: 0;
	padding: 0;
}
.paperTableTwo th {
	padding: 4px;
	font-size: 13px;
	font-weight: lighter;
	color: #006699;
	text-align: left;
	border-bottom: 1px solid #6793ab;
	background: #fff;
	border-right: none;
}
.paperTableTwo td {
	padding: 0;
	margin: 0;
	/* padding: 4px 4px 4px 10px; */
}
.paperTableTwo a {
	padding: 4px 4px 4px 10px;
	display: block;
	text-decoration: none;
	border: 1px solid #d7effc;
}
.paperTableTwo a:hover {
	padding: 4px 4px 4px 10px;
	display: block;
	background: #f0f9fd;
	border: 1px solid #6699CC;
	text-decoration: none;
}
.paperTableTwoPad {
padding: 4px 4px 4px 10px;
}

.paperTableHome {
	margin: 0;
	padding: 0;
}
.paperTableHome th {
	padding: 4px;
	font-size: 13px;
	font-weight: lighter;
	color: #006699;
	text-align: left;
	border-bottom: 1px solid #6793ab;
	background: #fff;
	border-right: none;
}
.paperTableHome td {
	padding: 0;
	margin: 0;
	/* padding: 4px 4px 4px 10px; */
}
.paperTableHome a {
	padding: 4px 4px 4px 10px;
	display: block;
	text-decoration: none;
	border: 1px solid #d7effc;
}
.paperTableHome a:hover {
	padding: 4px 4px 4px 10px;
	display: block;
	background: #f0f9fd;
	border: 1px solid #6699CC;
	text-decoration: none;
}
.paperTableHomePad {
padding: 4px 4px 4px 10px;
}
.infoTable {
	margin: 0;
	padding: 0;
	background: #e4f6ff;
}
.infoTable td {
	padding: 4px;
}
.rowOne {
	background: #e4f6ff;
}
.rowOneRed {
	background: #fcd7d7;
}
.rowTwo {
	background: #d7effc;
}
.rowTwoRed {
	background: #ffbaba;
}

.infoTable .left {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	color: #006699;
}
.infoTable .right {
	font-size: 12px;
	text-align: left;
}
.infoTable .rightSmall {
	font-size: 11px;
	text-align: left;
}

#spotsLeft {
	background: url(/images/siteadmin/bg_spotsLeft.jpg) 0 0 no-repeat;
	height: 34px;
	width: 201px;
	padding: 27px 0 0 23px;
	margin: 0;
}

/* --- Colorization --- */

.red {
	color: #FF0000;
	font-size: 13px;
}
.redTwo {
	color: #990000;
}
.green {
	color: #669900;
}
.blueText {
	color: #336699;
}


/* --------------------------------
	Nav Stuff
--------------------------------- */

#layeredNav li ul li a {
	margin-left: 10px; 
	width: 159px;
}
#layeredNav li ul {
	margin-bottom: 3px;
}


/* --------------------------------
	Contextual Menus
--------------------------------- */
.menu {
	padding: 0 0 0 220px;
	height: 27px;
}
/* ------- Participant Profile ------- */

#menuProfile {
	position: relative;
	width: 336px;
	height: 27px;
	background: url(/images/siteadmin/contextual_profile.jpg) 0 0 no-repeat;
}
#menuProfile li {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
#menuProfile li, #menuProfile a {
	height: 27px; 
	display: block;
}
/* ----- sets the current state of the main menubar based on the class applied to the body tag ----- */ 

body.profile1 #menuProfile li#menuProfile-01 a {background: transparent url(/images/siteadmin/contextual_profile.jpg) 0px -56px no-repeat;}
body.profile2 #menuProfile li#menuProfile-01 a {background: transparent url(/images/siteadmin/contextual_profile.jpg) 0px -56px no-repeat;}
body.profile2 #menuProfile li#menuProfile-02 a {background: transparent url(/images/siteadmin/contextual_profile.jpg) -110px -56px no-repeat;}
body.profile3 #menuProfile li#menuProfile-01 a {background: transparent url(/images/siteadmin/contextual_profile.jpg) 0px -56px no-repeat;}
body.profile3 #menuProfile li#menuProfile-02 a {background: transparent url(/images/siteadmin/contextual_profile.jpg) -110px -56px no-repeat;}
body.profile3 #menuProfile li#menuProfile-03 a {background: transparent url(/images/siteadmin/contextual_profile.jpg) -223px -56px no-repeat;}

/* ----- defines the hit area of the buttons for each link ----- */
#menuProfile-01 {left: 0; width: 110px;}
#menuProfile-02 {left: 110px; width: 113px;}
#menuProfile-03 {left: 223px; width: 113px;}
/* ----- changes the hover state of the menu bar ----- */
#menuProfile-01 a:hover {background: transparent url(/images/siteadmin/contextual_profile.jpg) 0px -28px no-repeat;}
#menuProfile-02 a:hover {background: transparent url(/images/siteadmin/contextual_profile.jpg) -110px -28px no-repeat;}
#menuProfile-03 a:hover {background: transparent url(/images/siteadmin/contextual_profile.jpg) -223px -28px no-repeat;}

#menuProfile span {
	display: none;
}

/* ----- End Participant Profile ----- */


/* ------- Participant Documents ------- */

#menuDocuments {
	position: relative;
	height: 27px;
	vertical-align: bottom;
}
#menuDocuments li {
	top: 0;
	margin: 0 4px 0 0;
	padding: 0;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	border-top: 1px solid #666666;
	float: left;
	position: relative;
	width: auto;
	list-style: none;
	font-size: 11px;
	font-family: trebuchet, "trebuchet ms", arial, sans-serif;
	font-weight: lighter;
}

#menuDocuments li, #menuDocuments a {
	height: 27px;
	/* display: block; */
}
/* ----- sets the current state of the main menubar based on the class applied to the body tag ----- */ 
#defaultButton {
	background: transparent url(/images/siteadmin/bg_contextual_docs_default.jpg) 0 0 repeat-x;
}
/* ----- changes the hover state of the menu bar ----- */
#defaultButton a:hover {
	background: transparent url(/images/siteadmin/bg_contextual_docs_roll.jpg) 0 0 repeat-x;
}
#defaultButtonOn {
	background: transparent url(/images/siteadmin/bg_contextual_docs_roll.jpg) 0 0 repeat-x;
}

#greenButton {
	background: transparent url(/images/siteadmin/bg_contextual_docs_green.jpg) 0 0 repeat-x;
	color: #006600;
}
#greenButton a:link, #greenButton a:active, #greenButton a:visited {
	background: transparent url(/images/siteadmin/bg_contextual_docs_green.jpg) 0 0 repeat-x;
	color: #006600;
	text-decoration: none;
}
#greenButton a:hover {
	background: transparent url(/images/siteadmin/bg_contextual_docs_green_r.jpg) 0 0 repeat-x;
	color: #000;
	text-decoration: none;
}
#greenButtonOn {
	background: transparent url(/images/siteadmin/bg_contextual_docs_green_r.jpg) 0 0 repeat-x;
	color: #000;
	text-decoration: none;
}

#redButton {
	background: transparent url(/images/siteadmin/bg_contextual_docs_red.jpg) 0 0 repeat-x;
	color: #fff;
}
#redButton a:link, #redButton a:active, #redButton a:visited {
	background: transparent url(/images/siteadmin/bg_contextual_docs_red.jpg) 0 0 repeat-x;
	color: #fff;
	text-decoration: none;
}
#redButton a:hover {
	background: transparent url(/images/siteadmin/bg_contextual_docs_red_r.jpg) 0 0 repeat-x;
	color: #fff;
	text-decoration: none;
}
#redButtonOn {
	background: transparent url(/images/siteadmin/bg_contextual_docs_red_r.jpg) 0 0 repeat-x;
	color: #fff;
	text-decoration: none;
}

#documentConsoleTopper {
	background: #f8f8f8;
	border-right: 2px solid #3f6b91;
	border-left: 2px solid #3f6b91;
	border-top: 2px solid #3f6b91;
	margin: 10px 20px 0 0;
	padding: 0;
	display: block;
}

#documentConsoleTopper h3 {
	color: #fff;
	background: url('/images/siteadmin/bg_docsHeader.gif') 0 0 repeat-x;
	margin: 0;
	height: 27px;
	padding: 5px 5px 0px 15px;
}
#documentConsoleTopper h3 span {
	font-size: 12px;
	font-weight: lighter;
	margin: 0 10px 0 10px;
}

/* ----- End Participant Documents ----- */

/* --------------------------------
	End Contextual Menus
--------------------------------- */


/* Instructions and Warnings
------------------------------------------------------------------------ */

#instructions {
	background: #FFFFCC;
	border: 1px solid #CC9933;
	padding: 15px;
	color: #666633;
}
#instructions h3 {
	margin-bottom: 5px;
}
#instructions h3 span {
	margin-left: 20px;
	font-size: 11px;
	font-weight: lighter;
	color: #666633;
}
#loggedIn {
	background: url('/images/siteadmin/bg_loggedIn_2.jpg') 0 0 repeat-x;
	padding: 15px;
	width: 250px;
	float: right;
}
#loggedIn h1 {
	margin-bottom: 0px;
}
#loggedIn p {
	margin-bottom: 5px;
}

.error_message {
	width: auto;
	background: #FFFFCC;
	padding: 8px;
	border: #FF0000 2px solid;
	color: #FF3300;
	margin: 5px;
}

/* Trip Display
-------------------------------------------------------------------------- */

#tripModule {
	background: #f8f8f8;
	border: 4px solid #3f6b91;
	margin-bottom: 20px;
	padding: 0;
}
#tripModuleButtons {
	margin: 10px 0 0 15px;
}
#tripModule h3 {
	color: #fff;
	background: url('/images/siteadmin/bg_tripHeader.gif') 0 0 repeat-x;
	margin: 0;
	height: 27px;
	padding: 5px 5px 0px 15px;
}
#tripModule h3 span {
	font-size: 12px;
	font-weight: lighter;
	margin: 0 10px 0 10px;
}
#tripModuleTopper {
	background: #f8f8f8;
	border-right: 2px solid #3f6b91;
	border-left: 2px solid #3f6b91;
	border-top: 2px solid #3f6b91;
	margin: 10px 20px 0 0;
	padding: 0;
}
#tripModuleTopper h3 {
	color: #fff;
	background: url('/images/siteadmin/bg_tripHeader.gif') 0 0 repeat-x;
	margin: 0;
	height: 27px;
	padding: 5px 5px 0px 15px;
}
#tripModuleTopper h3 span {
	font-size: 12px;
	font-weight: lighter;
	margin: 0 10px 0 10px;
}
#coordinatorInfo td {
	padding: 10px;
}
.designateTC {
	background: #FFFFCC;
	border: 1px solid #CC9900;
	padding: 3px;
}
.designateTC span {
	font-weight: bold;
	color: #FF0000;
}

/* --------------------------------
	CMS Styles
--------------------------------- */

#contentPuddle {
	background: #eee url(/images/siteadmin/bg_contentPuddle.gif) 0 0 repeat-x;
	border-bottom: 1px solid #6a6a6a;
}

#contentPuddleOuter {
	margin-bottom: 6px;
}
#contentPuddleOuter h3 {
	color: #666666;
	padding: 13px 0 0 13px;
	margin: 0;
	height: 30px;
	background: url(/images/siteadmin/bg_contentPuddleTop.gif) 0 0 repeat-x;
}
#contentPuddleOuter h3 a {
	text-decoration: none;
}
#contentPuddleButtons {
	background: #d5d5d5;
	border: 1px solid #ababab;
	padding: 3px;
}
#contentPuddleContent {
	background: #e9e9e9;
	padding: 10px;
	border-bottom: 4px solid #d7d7d7;
}
#contentMissingPuddle, 
#contentMissingPuddleBody, 
#contentMissingPuddleParagraph, 
#contentMissingPuddleList {
	display: none;
	padding: 20px;
}
#contentMissingPuddle h4 {
	color: #333333;
	font-size: 15px;
	margin: 0 0 10px 0;
	padding: 0;
}
#cmsForm {
	border: 1px solid #666666;
	background: #e9e9e9;
	padding: 15px;
}
#cmsForm h3 {
	color: #666666;
	padding: 13px 0 0 13px;
	margin: 0;
	height: 30px;
}
#cmsForm h3 span {
	font-weight: lighter;
}

/* --------------------------------
	Miscellaneous
--------------------------------- */
.disapprove {
	padding-top: 0px;
}
.clear {
	clear: both;
}
.blue {
	color: #3366CC;
}
form {
	margin: 0;
	padding: 0;
}
.padderFifteen {
	padding: 15px;
}