/*
 * Purpose: CSS for The Dogs CMS
 * Created: 18/08/2009
 * Note: all CMS related styles should be moved over to this file over time, it should become the central place for all CMS-related styles
 */

/* -------- General styles and classes --------- */
	.ajax__calendar_container
	{
		z-index:1000;
	}

	 
	/* -------- Standard table layout -------- */
		.cmsTable
		{
			border-bottom: 2px solid #444;
		}
		
		.cmsTableHeader
		{
			background-color: #444;
			color: #fff;
			padding: 3px;
		}

		.cmsTableData
		{
			padding: 2px 3px 0px;
		}

	/* -------- Standard CMS form - table layout -------- */

		.standardCMSForm
		{
			padding: 10px;
		}

		.standardCMSForm td
		{
			padding: 3px;
			padding-top: 5px;
			vertical-align: top;
			padding-right: 15px;
		}

		.standardCMSForm th
		{
			padding: 3px;
			padding-top: 9px;
			vertical-align: top;
			font-weight: normal;
		}

		.standardCMSForm td.category select
		{
			width: 150px;
		}

		.standardCMSForm td.category input
		{
			width: 144px;
		}
		.standardCMSForm td.category input.shortdate
		{
			width: 125px;
		}

		.standardCMSForm td.category input.extraMargin
		{
			margin-bottom: 5px;
		}

	/* ------- Standard CMS Form - "CSS" layout ------- */
	.standardCMSFormRow
	{
		overflow: hidden;
		padding: 5px 0px;
	}
	
	.standardCMSFormRow label
	{
		width: 10em;
		float: left;
	}
	
	#InquiryForm label, #AppealForm label
	{
		width: 8em;
	}

	#InquiryForm input[type="text"], #AppealForm input[type="text"], .standardForm .standardCMSFormRow input[type="text"], .standardFormInlineLink, .standardFormInlineText
	{
		float: left;
	}
	
	.RaceItemForm
	{
		padding: 10px;
	}
	
	.Editing
	{
		background-color: #d3d3d3;
	}
	
	.RaceItemForm label
	{
		width: 10em;
		float: left;
	}
	
	.RaceItemForm input[type="text"]
	{
		width: 8em;
		/*float: left; */
		text-align: left;
	}
	
	.EventCMButtons
	{
		float: right;
		text-align: right;
		padding-bottom: 10px;
	}
	
	.helper_text
	{
		font-style: italic;
		color: #333333;
	}

/* -------- Event Calendar Manager --------- */
	.eventsFilterAndActions
	{
		padding-bottom: 5px;
	}
	
	.eventsTable
	{
		border: 0px;
/*		margin-top: -18px;	/* push the table up so pagination is inline with the filter(s) */
	}
	
	.eventsTable tr
	{
		border-left: 1px solid black;
		border-top: 1px solid black;
	}

	.eventsTable td
	{
		border-bottom: 1px solid black;
		border-right: 1px solid black;
	}	
	
	.eventsEmptyDataRow, .eventsEmptyDataRow td
	{
		border: none!important;
		font-style: italic;
	}
	
	.eventsPager, .eventsPager td
	{
		border: 0px!important;
	}
	
	.eventPagination
	{
		float: right;
	}
	
	.eventBaseDetails 
	{
		font-size: 1.2em;
		line-height: 1.5em;
	}
	
	.eventBaseDetailsRow
	{
		float: left;
		width: 100%;
		padding: 2px 0px;
	}
	
	.eventBaseDetails label
	{
		font-weight: bold;
		width: 9em;
		display: block;
		float: left;
	}
	
	.eventBaseDetails span
	{
		display: block;
		font-size: 1em;
	}

/* -------- News CMS related styles -------- */

	.NewsListViewArticlesTable
	{
		width: 100%;
	}

	.NewsListViewArticleRow
	{
		vertical-align: top;
	}

	.NewsPublishDateCol
	{
		width: 80px;
	}

	.NewsTitleCol
	{
		width: auto; /* Allow title column to grow */
	}

	.NewsButtonCol
	{
		width: 50px;
	}

	.NewsShowRadioCol
	{
		width: 120px;
	}


/* -------- Page Manager related classes -------- */

	.PagesListViewArticlesTable
	{
		width: 100%;
	}

	.PagesListViewArticleRow
	{
		vertical-align: top;
	}

	.PagesTitleCol
	{
		width: auto; /* Allow title column to grow */
	}

	.PagesButtonCol
	{
		width: 50px;
		vertical-align: middle;
	}

	.PagesArrowsCol
	{
		width: 36px;
		vertical-align: middle;
	}


	.MenuManager .collapsePanel
	{
		background-color:white;
		overflow:hidden;
		border: 0px;
	}

	.HomeBoxImagePanel
	{
		color:#666;
		float: left;
		margin-right: 1em;
		margin-bottom: 0.5em;
	}
	

/* -------- Members manager CMS -------- */
	.SearchMembersDiv td
	{
		vertical-align: top;
	}

	.SearchMembersDiv .tblButtons
	{
		vertical-align: bottom;
		text-align: right;
	}

	#MemberManagerResults .GreyGradientCell th
	{
		padding-left: 5px;
		padding-right: 5px;
		text-align: center;
		background-color: #222021;
	}

	#MemberManagerResults td
	{
		padding-left: 5px;
		padding-right: 5px;	
	}

	#MemberManagerResults .GreyGradientCell a, #MemberManagerResults .GreyGradientCell a:visited
	{
		color:#ffffff;
		text-decoration:none;
		cursor:pointer;
	}

	.memberDetails td
	{
		padding: 5px;
		vertical-align: top
	}

/* -------- Update progress box formatting -------- */
	.updateProgressBox
	{
		padding: 0;
		padding-top: 100px;
		border: 0;
		color: #000000;
		background-color: #dddddd;
		font-size: 1em;
		width: 100%;
		height: 300px;
		background-image: url(/images/loader.gif);
		background-repeat: no-repeat;
		background-position: center center;
		text-align: center;
		float: left;
		position: relative;
	}


	#bulk_upload_form input[type="file"]
	{
		margin-bottom: 0px;
	}

	#bulk_upload_form label.strong
	{
		font-weight: bold;
	}
	
	
/* --------- Modal dialog styles --------- */
	.modal_background {
		background-color:Gray;
		filter:alpha(opacity=70);
		opacity:0.7;
	}

	.modalPopup {
		background-color:#ffffdd;
		border-width:3px;
		border-style:solid;
		border-color:Gray;
		padding: 0px 10px 10px 10px;
		width:250px;
		max-height: 400px;
		overflow: auto;
	}
	

/* --------- Neat Uploader Progress Bar ----- */
	.ProgressBar
	{
		margin: 0px;
		border: 0px;
		padding: 0px;
		width: 100%;
		height: 2.9em;
	}



.checklist-horizontal label
{
	margin-right: 10px;
}