/* 
'-------------------------------------------------------------------
'	© 2003 nCubed
'	Support for all of nCubed's products may be found at:
'	http://www.nCubed.com/Support/
'-------------------------------------------------------------------
 */
 
/* 
	BEGIN Generic declarations for your page.

	Delete this entire section if needed so 
	these styles do not conflict with any of
	your styles.
	
	(end is marked as well)
 */

	BEGIN specifics for the nCubed.com Events Calendar
*/



#n3-calendarTable {
	background-image: none;
}

#n3-calendarTable, #n3-detailTable {
	border-collapse: collapse;
	border: none;
	/*width: 90%;*/
	width: 100%;
	margin-left: auto;
	margin-right: auto;
/*	margin-left: 5%;
	margin-right: 5%;*/
	margin-top: 0;
	margin-bottom: 0;
}

#n3-detailTable {
	width: 90%;
	margin: 20px 4%;
}

#n3-calendarSubTable {
	border-collapse: collapse;
	border: none;
	width: 100%
}

#n3-calendarTable img,
#n3-calendarSubTable img,
#n3-detailTable img {
	display: inline;
}

#n3-calendarTable td {
	padding: 5px;
	border: 1px dashed #000000;
	text-align: left;
	vertical-align: top;
	width: 14%;
}

#n3-calendarTable th {
	border-collapse: collapse;
	border: none;
	vertical-align: top;
}

#n3-calendarTable .currentDay {
	border-collapse: collapse;
	background-image: url(images/InfamousPenguin.gif);
	background-repeat: no-repeat;
	background-position: top right;

}

#n3-calendarTable .todayDay {
	background-color: #EFEFEF;
}

#n3-calendarSubTable th, #n3-calendarSubTable td {
	border: none;
	padding: 5px;
	vertical-align: top;
	font-weight: normal;
	/*font-size: 13px;*/
}

#n3-calendarSubTable .lefty {
	text-align: left;
	width: 20%;
}

#n3-calendarSubTable .righty {
	text-align: right;
	width: 20%;
}

#n3-calendarSubTable .centro {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 16px;*/
	font-weight: bold;
	color: #666699;
}

#n3-calendarTable .n3-weekDayNames, #n3-detailTable th {
	/*background-color: #9999CC;*/
	background-color: #EDEDED;
	color: #666666;
	border: 1px solid #909090;
	font-weight: bold;
	background-image: url(images/bg_cell.gif);
	background-repeat: repeat-x;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 2px;
}

#n3-detailTable th.detailEventName {
	/*font-size: 14px;*/
	text-align: left;
}

#n3-detailTable td {
	padding: 4px;	
	vertical-align: top;
	line-height: 1.4em;
}

#n3-detailTable th {
	vertical-align: top;
}

#n3-detailTable .detailEventTotals {
	text-align: left;
	vertical-align: bottom;
	padding: 0;
}

#n3-detailTable .detailEventNav {
	text-align: right;
	vertical-align: top;
	padding-bottom: 5px;
	width: 100%;
}

#n3-detailTable .detailEventTitles {
	text-align: right;
	width: 20%
}

.n3-noDay {
	/*background-color: #F9F9F9;*/
	background-color: transparent;
	color: #999999;
}

.n3-mouseOverBg {
	/*color: #FFFFFF;*/
	text-decoration: none;
	/*background-color: #9999CC;*/
	background-image: url(images/bg_blaze.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.n3-mouseOverBg a:link, .n3-mouseOverBg a:visited, .n3-mouseOverBg a:active {
	/*color: #FFFFFF;*/
/*	text-decoration: none;
	background-color: transparent;*/
}

.n3-mouseOverBg a:hover {
/*	color: #666699;
	text-decoration: underline;
	background-color: transparent;*/
}

#n3-addEventCursor {
	cursor: help;
}

#n3-privateEventCursor, #n3-publicEventCursor {
	cursor: default;
}

/*display the not-allowed cursor to those that understand it.*/
#n3-privateEventCursor {
	cursor: not-allowed;
}

.n3-Error {
	color: red;
	border: 1px dashed black;
	background-color: transparent;
	padding: 5px;
	text-align: center;
}

/* Settings needed for the js date picker calendar.
Note: the js writes in a div with the ID of calendar. */
#calendar img {
	display: inline;
	border: none;
}
/* keep the cal from having any inherited bg colors in links
note: set the bg color to same as your page bg. */
#calendarLink img {
	background-color: #FFFFFF;
}



/* A bunch of miscellaneous classes */

caption {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	font-size/* */:/**/12px;
	font-size: /**/12px;
}

#logInTable {
	width: 300px;
	/*margin-left: auto;
	margin-right: auto;*/
}
#logInTable {
	margin-top: 30px;
}
#logInTable td {
	border-collapse: collapse;
	vertical-align: baseline;
	padding: 5px 5px 0px 0px;
}
#logInTable col.colOne {
	text-align: right;
	width: 10%;
}


/* just highlites the required indicator for forms */
.required {
	color: #FF0000;
}
.noBlock {
	display: inline;
}

.textAlignRight {
	text-align: right;
}

.textAlignLeft {
	text-align: left;
}

.textAlignCenter {
	text-align: center;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.floatClearBoth {
	clear: both;
}
.contentClear {
	clear: both;
	line-height: 1px;
}

/*centers block level elements*/
.marginAuto {
	margin-left: auto;
	margin-right: auto;
}

img.marginAuto {
	text-align: center;
}

.attention {
	font-weight: bold;
	color: #FF0000;
	background-color: transparent;
}

.smallText {
	font-size: 9px;
	font-size/* */:/**/10px;
	font-size: /**/10px;
}

.highlight {
	background-color: #F1F1F1;
	margin-left: 15%;
	margin-right: 15%;
	padding: 6px 10px;
	border: 1px dashed #000000;
}

/* for areas with just text - we make it readable doncha know. */
.n3-dribble {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin: 5px auto 20px;
}
/********** Misc stuff not used yet */


/* used for form elements*/
form {
	margin: 0px;
}

select.select-type1 {
	background-color: #F1F1F1 !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	font-size/* */:/**/11px;
	font-size: /**/11px;
}

.formField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #232323;
	background-color: #FCFCFC !important;
	padding: 3px 4px 3px 3px;
	border-width: 1px;
	border-style: solid;
	border-top-color: #AEAEAE;
	border-right-color: #E1E1E1;
	border-bottom-color: #E1E1E1;
	border-left-color: #AEAEAE;
}

textarea.formField {
	padding: 5px;
}

.button {
	background-color: #FCFCFC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #999999;
	font-size: 10px;
	font-size/* */:/**/11px;
	font-size: /**/11px;
}
.buttonOver {
	background-color: #F5F5F5;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #999999;
	font-size: 10px;
	font-size/* */:/**/11px;
	font-size: /**/11px;
}
/*end of forms*/