﻿
.Error{color:Red;}

/*******Recent/UpcomingEvents**************/

.recentinfo {
	background-image:url(/Portals/0/Skins/CENskin/images/bluearrow.png);
	background-repeat:no-repeat;
	margin:8px 0 0 0;
	padding:0 0 0 15px;
	line-height:12px;
	display: none;
}
/***************************Event Listing Page*****************************/

filebox {
	margin:0 0 0 20px;
	width:300px;
}

.filebox2 {
	padding:0 0 0 20px;
	width:300px;
}

.OrgLink{
		text-decoration:underline;
		cursor:pointer;
}

.LeftSide{}
.RightSide{}
.Hidden{}
.HiddenText{display:none;}
.Validator{color:Red}

.TitleBar A:hover {
	color:White;
	font-weight:bold;
	text-decoration:none;} 
	
.TitleBar A:link {
	color:White;
	font-weight:bold;
	text-decoration:none;} 

#BrowseEvents {
	margin:0 0 0 5px;}
		
.EventLinks{
	padding:7px 5px 0 0; 
	width:872px;
	height:25px;
	font-size:14px;
}

.ExpandAll {
	text-decoration:underline;
	color:#234672;
	cursor:pointer;
	text-align:left;
	width:436px;
	height:25px;
	display:inline;
	float:left;
}

.SchoolDistrict {
	text-decoration:none;
	color:#234672;
	cursor:pointer;
	text-align:left;
	width:436px;
	height:25px;
	display:inline;
	float:left;
}

.GoMonth {
	color:#234672;
	cursor:pointer;
	text-align:right;
	width:436px;
	height:25px;
	display:inline;
	float:right;
}

.EventLink{padding-left:3px; padding-right:3px;}

.eventtitle {
	/*background:url(/Portals/0/Containers/WAStock-Standard/grey-top.jpg);*/
	background-repeat:repeat-x;
	background-position:bottom;
}
.EventMonths{ 
	background-color:#4778B3; 
	height:21px;
	padding:3px 0 0 3px;
	margin:2px 0 0 0;}

.EventMonths A:link {
	color:White;
	font-weight:bold;
	text-decoration:none;} 

.EventMonths A:hover {
	text-decoration:underline;
	color:#EAEAEA;
}

.EventBar 
{
	color:White;
	width: 606px;
	padding:3px 0 0 3px;
	margin:2px 0 0 0;}

.EventBar A:link {
	color:White;
	font-weight:bold;
	text-decoration:none;} 

.EventBar A:hover {
	text-decoration:none;
	color:#EAEAEA;
}

.EventMonths img {
}
	
.Event{background-color:White;}

#tblEvent td
{
	padding-right:8px;
	vertical-align: top;
}

#tblEvent a {
	font-weight:bold;
}

/*.EventDate{width:120px; font-weight:normal; font-size:14px;}
.EventTime{width:60px;font-weight:normal;}
.EventDesc{width:300px; display:block;}
.EventLoc {font-weight:normal; width:80px;}*/
.Title{font-weight:bold; font-size:14px;}

.DetailsLeft{float:left; padding-right: 10px}
.DetailsRight{float:left; width:600px}
.DocTypeImage{height:32px; width:32px;border:none;display:inline!important;}

#navList{
	margin-left: 0;
	padding-left: 0;
	list-style:none;
}

#navList li{
	list-style-image: url(Images/arrow.gif);
	list-style-position:inside;
	/*background-repeat: no-repeat;
	background-position: 0 .5em;*/
}

/***************************Event Detail Page*****************************/

.DetailBox{background-color:#E8E8E8; border:1px solid #234672; width:96%; padding:5px; margin:15px 0 5px 0;}

.eventdetailleft {
	float:left; 
	padding-right:15px;	
	width:250px;
}

.eventdetailright {
	float:left; 
	width:610px;
}

.eventbluetop {
	height:10px;
	margin:0px;
	padding:0px;
}

.eventdetailblue {
	background-color:#E2EBF5;
	padding:0 6px;
	margin:-5px 0 0 0;
}

#tblEventFiles a {
	text-decoration:underline;
	color:#234672;
	cursor:pointer;
}

/***************************Submit Events*****************************/

/***************************Search*****************************/

.google {
	float:left;
	padding:0 0 0 155px;
	font-style:italic;
}

.submitsubhead {
	float:left;
	clear:both;
	border-top:1px dotted #888;
	width:100%;
	padding:8px 0;
	margin:5px 0 0 0;
}

.Row{
	display:block; 
	clear:left; 
	border:0px;
}
.Cell{
	float:left;
	width:140px; 
	padding:5px; 
	display:inline;
}

.Cell2{
	float:left;
	text-align:right;
	width:135px; 
	padding:6px 10px 4px 5px; 
	display:inline;
}

.startdate {
	float:left;
	text-align:right;
	width:45px; 
	padding:6px 10px 4px 5px; 
	display:inline;
	clear:left;
	color:#234672;
}

.Cell3{
	float:left;
	text-align:right;
	width:60px; 
	padding:6px 10px 4px 5px; 
	display:inline;
}

.Cellbig{
	float:left;
	width:220px; 
	padding:5px; 
	display:inline;
}

.Cellreg{
	float:left;
	text-align:right;
	width:175px; 
	padding:6px 10px 4px 05px; 
	margin:0 0 0 40px;
	display:inline;
}

.searchbox{
	float:left;
	width:180px; 
	padding:2px;
	margin:4px; 
	display:inline; 
	border:#9EC4D1 1px solid;
}

.box{
	float:left;
	width:210px; 
	padding:2px;
	margin:4px; 
	display:inline; 
	border:#9EC4D1 1px solid;
}


.box2{
	float:left;
	width:300px; 
	padding:2px;
	margin:4px; 
	display:inline; 
	border:#9EC4D1 1px solid;
}

.tallbox{
	float:left;
	width:210px; 
	height:90px;
	padding:2px;
	margin:4px; 
	display:inline; 
	border:#9EC4D1 1px solid;
}

.smallbox{
	float:left;
	width:140px; 
	padding:2px;
	margin:4px; 
	display:inline; 
	border:#9EC4D1 1px solid;
}

.longtall {
	width:584px;
	border:#9EC4D1 1px solid;
	padding:2px;
	margin:4px;
	height:110px;
}

.long {
	width:584px;
	border:#9EC4D1 1px solid;
	padding:2px;
	margin:4px;
}

.Zip {
	float:left;
	width:70px; 
	padding:2px;
	margin:4px; 
	display:inline; 
	border:#9EC4D1 1px solid;
}

.LeftCell {
	float:left;
	width:142px;
	padding:4px 0 4px 0;
	display:inline;
	text-align:left;
	color:#234672;
}

.RightCell {
	float:left;
	width:205px;
	padding:2px 0 4px 0;
	display:inline;
	text-align:left;
	border:#9EC4D1 1px solid;
}

.datearea {
	border:1px #999999 solid;
	width:345px;
	height:auto;
	float:left;
	margin:8px;
	padding:5px;
}

.timearea {
	border:1px #999999 solid;
	width:355px;
	height:auto;
	float:left;
	margin:8px;
	padding:5px;
}

.LeftDate {
	text-align:left;
	float:left;
	width:130px;
	padding:12px 4px 0px 4px;
	color:#234672;
}

.RightDate {
	float:left;
	width:255px;
	padding:4px;
}	

.searchbutton {
	width:328px;
	float:left;
	clear:both;
	text-align:right;
	padding:4px;
}

.buttons {
	width:360px;
	float:left;
	clear:both;
	text-align:left;
	padding:4px;
}

.eventimage {
	float:left;
	width:35px;
	padding:20px 0 0 15px;
	height:50px;
}

.eventimage1 {
	float:left;
	width:65px;
	padding:10px 0 0 15px;
	height:40px;
}

.datetitle {
	float:left;
	width:345px;
	height:17px;
}

.DateBox {
	float:left;
	padding:2px;
	margin:4px; 
	display:inline; 
	border:#9EC4D1 1px solid;
	width:90px;
}

.EndDateBox {
	float:left;
	padding:2px;
	margin:4px; 
	display:inline; 
	border:#9EC4D1 1px solid;
	width:90px;
}

.Dates {
	float:left;
	padding:2px;
	margin:4px; 
	display:inline; 
	border:#9EC4D1 1px solid;
	width:120px;
}

.ddtime {
	float:left;
	border:#9EC4D1 1px solid;
	padding:1px;
	margin:4px 3px 4px 3px; 
	display:inline; 
}

.TimeBox {
	float:left;
	padding:2px;
	margin:4px; 
	display:inline; 
	border:#9EC4D1 1px solid;
	width:60px;
}

.othertime{
	float:left;
	width:140px; 
	height:70px;
	padding:2px;
	margin:4px; 
	display:inline; 
	border:#9EC4D1 1px solid;
}

/* Time Picker */
#CP_hourcont {
padding: 0px;
position:absolute;
border:1px dashed #666666;
background-color:#eeeeee;
display:none;
}

#CP_minutecont {
background-color:#dddddd;
padding: 1px;
position:absolute;
width:45px;
display:none;
}

.floatleft {
float:left;
}

.CP_hour {
padding:1px;
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
white-space:nowrap;
cursor:pointer;
width:35px;
}

.CP_minute {
padding:1px;
/*background-color:#dddddd;*/
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
white-space:nowrap;
cursor:pointer;
width:auto;
}

.CP_over {
background-color:#ffffff;
}

/* Date Picker */
/* Main Style Sheet for jQuery UI date picker */

#ui-datepicker-div, .ui-datepicker-inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
	width: 185px;
}
#ui-datepicker-div {
	display: none;
	border: 1px solid #777;
	z-index: 100; /*must have*/
}
.ui-datepicker-inline {
	float: left;
	display: block;
	border: 0;
}
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
.ui-datepicker-disabled {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
}
button.ui-datepicker-trigger {
	width: 25px;
}
img.ui-datepicker-trigger {
	margin: 2px;
	vertical-align: middle;
	float:left;
}
.ui-datepicker-prompt {
	float: left;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .ui-datepicker-prompt {
	width: 185px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.ui-datepicker-control {
	background: #0099CC;
	padding: 2px 0px;
}
.ui-datepicker-links {
	background: #000;
	padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links {
	font-weight: bold;
	font-size: 80%;
}
.ui-datepicker-links label { /* disabled links */
	padding: 2px 5px;
	color: #888;
}
.ui-datepicker-clear, .ui-datepicker-prev {
	float: left;
	width: 34%;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
	float: right;
	text-align: right;
}
.ui-datepicker-current {
	float: left;
	width: 30%;
	text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
	float: right;
	width: 34%;
	text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
	float: left;
	text-align: left;
}
.ui-datepicker-header {
	padding: 1px 0 3px;
	background: #333;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.ui-datepicker-header select {
	background: #333;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.ui-datepicker {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.ui-datepicker a {
	display: block;
	width: 100%;
}
.ui-datepicker-title-row {
	background: #777;
}
.ui-datepicker-days-row {
	background: #eee;
	color: #666;
}
.ui-datepicker-week-col {
	background: #777;
	color: #fff;
}
.ui-datepicker-days-cell {
	color: #000;
	border: 1px solid #ddd;
}
.ui-datepicker-days-cell a{
	display: block;
}
.ui-datepicker-week-end-cell {
	background: #ddd;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #777;
}
.ui-datepicker-days-cell-over {
	background: #fff;
	border: 1px solid #777;
}
.ui-datepicker-unselectable {
	color: #888;
}
.ui-datepicker-today {
	background: #fcc !important;
}
.ui-datepicker-current-day {
	background: #999 !important;
}
.ui-datepicker-status {
	background: #ddd;
	width: 100%;
	font-size: 80%;
	text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#ui-datepicker-div a, .ui-datepicker-inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.ui-datepicker-inline .ui-datepicker-links a {
	padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a {
	padding: 2px 5px !important;
	color: #eee !important;
}
.ui-datepicker-title-row a {
	color: #eee !important;
}
.ui-datepicker-control a:hover {
	background: #fdd !important;
	color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.ui-datepicker-multi .ui-datepicker {
	border: 1px solid #777;
}
.ui-datepicker-one-month {
	float: left;
	width: 185px;
}
.ui-datepicker-new-row {
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}


/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(Images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
.headerSortUp {
	background-image: url(Images/asc.gif); 
	background-repeat: no-repeat; 
	cursor:pointer;
	 background-position: center right;
}
.headerSortDown {
	background-image: url(Images/desc.gif);
	background-repeat: no-repeat; 
	cursor:pointer;
	background-position: center right;
}


