/*******************************************************************************
*  skidoo_redux_theme.css : 2007.03.05 : ruthsarian@gmail.com
*******************************************************************************/

#page-container
{
	font-size: 80%;
	font-family: arial, helvetica, sans-serif;
}

#page-container, #inner-column-container, #masthead, #footer, ul.rMenu li a, #middle-column div.rMenu-center
{
	border-color: #99a;
}

#outer-column-container
{
	border-left-color: #BBF;
	border-right-color: #BBF;
}

#masthead
{
	background-color: #8585FF;
	color: #FFF;
}

#footer
{
	background-color: #8585FF;
	color: #FFF;
	text-align: center;
}

#inner-column-container
{
	background-color: #E4E4FF;
}

#left-column h3, #right-column h3
{
	margin-bottom: 0;
}

#right-column p, #right-column ul
{
	margin-top: 0;
}

.fontsize-set
{
	text-align: center;
}

p.fontsize-set input
{
	margin: 0 2px;
}

 a:focus {
            outline: none;
        }

/*******************************************************************************
 * RMENU RELATED STYLES
*******************************************************************************/



ul.rMenu li:hover, ul.rMenu li.sfhover, div.rMenu-center ul.rMenu li:hover, div.rMenu-center ul.rMenu li.sfhover
{
	background-color: #ddf;
}
ul.rMenu li
{
	color: Blue;
	background-color: #fcfcfc;
}

ul.rMenu li a:hover
{
	color: #fff;
	background-color: #99f;
}

ul.rMenu li.sfhover a:active, ul.rMenu li:hover a:active
{
	color: #fff;
	background-color: #c00;
}

div.rMenu-center ul.rMenu li
{
	background-color: #f6f6f6;
}

ul.rMenu li.header
{
	background: #8585FF;
	color: White;
	font-weight: bold;
	padding: 2px 5px 3px;
	border: 1px solid #9999FF;
}

ul.rMenu li:hover.header
{
	background: #8585FF;
}

/*---------------------------------------------------
MAIN SITE STYLES
----------------------------------------------------*/

#header h1
{
	width: 60%;
	color: #FFF;
	float: left;
	display: block;
}

#loginStatus
{
	width: 30%;
	float: right;
	margin-right: 0.5em;
	text-align: right;
}

#currentDate
{
	width: 30%;
	clear: right;
	float: right;
	font-weight: 700;
	margin-top: 0.5em;
	margin-right: 0.25em;
	text-align: right;
}

.clear
{
	clear: both;
}

h1, h2, h3, h4
{
	color: #6565AA;
}

/*---------------------------------------------------
 Main page styles
----------------------------------------------------*/
.pageContent p
{
	line-height: 1.5em;
}


.pageContent .header h2
{
	border-top: dotted #8585FF;
	padding-bottom: 1.5em;
}

.pageContent .header .left
{
	float: left;
	width: 60%;
}

.pageContent .header .right
{
	float: right;
	text-align: right;
	font-size: 80%;
	width: 30%;
}

.pageContent .imageLeft img
{
	float: left;
}

.pageContent .imageRight img
{
	float: right;
}

.pageContent .header img, .pageItem .header img
{
	border: none;
	margin: 2px;
	padding: 0;
}

.pageContent img, .pageItem img
{
	border: 2px solid #8585FF;
	background: #E4E4FF;
	margin: 4px;
	padding: 2px;
}

.pageContent li
{
	line-height: 1.5em;
}

/*---------------------------------------------------
----------------------------------------------------*/
.newsItems h1
{
	font-size: 140%;
	border-top: dotted #8585FF;
	border-top-width: 2px;
	clear: both;
	margin-top: 1em;
}

/*---------------------------------------------------
Subsections of page, eg News/Event items
----------------------------------------------------*/
.pageItem
{
	padding-bottom: 0.5em;
}

.pageItem p
{
	line-height: 1.5em;
}

.pageItem .header .left
{
	width: 60%;
	float: left;
}

.pageItem .header .right
{
	width: 30%;
	float: right;
	text-align: right;
	font-size: 80%;
}

.pageItem .header h3
{
	font-size: 120%;
	padding-bottom: 1em;
	padding-top: 0;
}

.pageItem h2, h3
{
	clear: both;
	border-top: dotted thin #8585FF;
}

.pageItem .imageLeft img
{
	float: left;
	clear: left;
}

.pageItem .imageRight img
{
	float: right;
	clear: right;
}

/*---------------------------------------------------
Sidebar for events summary etc
----------------------------------------------------*/
.sidebar
{
	background: #FCFCFC;
}

.sidebar ul
{
	margin-left: 0;
	padding-left: 0;
	border: solid 1px #99F;
	border-bottom: none;
}

.sidebar .header
{
	background: #99F;
	color: #FFF;
	font-weight: 600;
}

.sidebar li
{
	color: #00E;
	list-style-type: none;
	border-bottom: solid 1px #99F;
	margin-left: 0;
	background: #fcfcfc;
	padding: 0.25em 0.5em;
}

.sidebar .header h3
{
	border: none;
	font-size: 100%;
}

/*---------------------------------------------------
Input form styles
----------------------------------------------------*/
.standardInputForm form
{
	background-color: #CFD0FF;
	border: solid 1px #000;
	padding: .25em;
}

.standardInputForm fieldset
{
	border: solid 1 #6565AA;
	background: #E4E4FF;
}

.standardInputForm legend
{
	color: #fff;
	background: #8585FF;
	border: 1px solid #781351;
	padding: 2px 6px;
	font-weight: bold;
}

.standardInputForm label
{
	width: 10em;
	float: left;
	border-top: solid 1px #000;
	text-align: right;
	margin-right: 1em;
	clear: both;
}

.standardInputForm input
{
	width: 16em;
	border: 1px solid #0033CC;
}
.standardInputForm textarea
{
	width: 24em;
	border: 1px solid #0033CC;
}

.standardInputForm select
{
	width: 24em;
	border: 1px solid #0033CC;
}

.standardInputForm button
{
	width: 12em;
}

.standardInputForm input.wide
{
	width: 24em;
}

.standardInputForm input.checkbox
{
	width: 1em;
}

.error
{
	color: Red;
}

.field-validation-error
{
	margin-left: 1em;
	font-weight: 700;
	color: red;
}

.standardInputForm .input-validation-error
{
	border: 1px solid red;
	background-color: #fee;
}

.validation-summary-errors
{
	font-weight: 700;
	color: red;
}

.tabbuttons
{
	text-align: right;
	margin-top: 1em;
}

.tabbuttons button
{
	margin-left: 1.5em;
}
/*---------------------------------------------------
Pager styles (at bottom of paged output)
----------------------------------------------------*/
.pager
{
	margin: 8px 3px;
	padding: 3px;
	text-align: right;
}

.pager .disabled
{
	border: 1px solid #ddd;
	color: #999;
	margin-top: 4px;
	text-align: center;
	padding: 3px;
}

.pager .current
{
	background-color: #06c;
	border: 1px solid #009;
	color: #fff;
	font-weight: 700;
	margin-top: 4px;
	text-align: center;
	padding: 3px 5px;
}

.pager span, .pager a
{
	margin: 4px 3px;
}

.ui-widget-content a {
	color:inherit;
}

.ui-widget-content button {
	color:inherit;
}

.pager a
{
	color: Blue;
	background-color: #fcfcfc;
	border: 1px solid silver;
	text-align: center;
	text-decoration: none;
	padding: 3px 5px;
	cursor: pointer;
	width: auto;
	border: 1px solid #0033CC;
}

.pager a:hover
{
	background: #9999FF;
	color: White;
}

.pager a:visited
{
	color: Blue;
}

.pager a:visited:hover
{
	color: White;
}

.pager button
{
	color: Blue;
	background-color: #fcfcfc;
	border: 1px solid silver;
	text-align: center;
	text-decoration: none;
	padding: 3px 5px;
	cursor: pointer;
	width: auto;
	border: 1px solid #0033CC;
}

.pager button:visited
{
	color: Blue;
}

.pager button:hover
{
	background: #9999FF;
	color: White;
}

/*---------------------------------------------------
INDEX TABLE
----------------------------------------------------*/
.dataTable table
{
	clear: both;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	margin-top: 0.5em;
}

.dataTable th
{
	font-weight: 400;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
	padding: 0.25em;
}

.dataTable img
{
	border: none;
}

.dataTable td
{
	background: #e8edff;
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
	padding: 0.25em;
}

.dataTable tr:hover td
{
	background: #d0dafd;
	color: #339;
}

.dataTable .sorting_asc
{
	cursor: n-resize;
	background: #b9c9fe url('/Scripts/dataTables/images/sort_asc.gif') no-repeat center right;
}

.dataTable .sorting_desc
{
	cursor: n-resize;
	background: #b9c9fe url('/Scripts/dataTables/images/sort_desc.gif') no-repeat center right;
}

.dataTable .sorting
{
	cursor: n-resize;
	background: #b9c9fe;
}

.dataTable .dataTables_info
{
	float: left;
	padding: 0.25em;
}

.dataTable .dataTables_length
{
	width: 40%;
	float: left;
}

.dataTable .dataTables_filter
{
	width: 50%;
	float: right;
	text-align: right;
}

#pageItemTypeTable_wrapper
{
	margin-left: 2em;
	width: 50%;
}

.dataTable .dataTables_paginate
{
	float: left;
	padding: 0.25em;
}

/* Pagination nested */
.dataTable .paginate_disabled_previous, .dataTable .paginate_enabled_previous, .dataTable .paginate_disabled_next, .dataTable .paginate_enabled_next
{
	float: left;
	height: 19px;
	width: 19px;
	margin-right: 0.25em;
	margin-top: 0.25em;
}

.dataTable .paginate_disabled_previous
{
	background-image: url('/Scripts/DataTables/images/back_disabled.jpg');
}

.dataTable .paginate_enabled_previous
{
	background-image: url('/Scripts/DataTables/images/back_enabled.jpg');
}

.dataTable .paginate_disabled_next
{
	background-image: url('/Scripts/DataTables/images/forward_disabled.jpg');
}

.dataTable .paginate_enabled_next
{
	background-image: url('/Scripts/DataTables/images/forward_enabled.jpg');
}

.departmentlist
{
	margin-left: 2em;
	width: 50%;
}

/*---------------------------------------------------
SHOP TABLE
----------------------------------------------------*/

.shop table
{
	background-color: #FFFFFF;
	border: none;
	color: #495E49;
	text-align: left;
}
.shop table a:link, table a:visited, table a:active
{
	background-color: transparent;
	color: #0096BD;
	text-decoration: none;
}
.shop table a:hover
{
	background: transparent;
	color: #000000;
	text-decoration: underline;
}
.shop table caption
{
	background-color: transparent;
	color: #67BD2A;
	font-family: Georgia, serif;
	font-size: 24px;
	padding-bottom: 12px;
	padding-left: 8px;
	text-align: left;
}
.shop table, td, th
{
	margin: 0;
	padding: 0;
}
.shop tbody td, tbody th
{
	background-color: #DDDDFF;
	border-bottom: 2px solid #A3A3EE;
	border-top: 3px none #FFFFFF;
	padding: 9px;
}

.shop tbody td img, tbody th img
{
	border: 0;
}

.shop tbody tr.odd th, tbody tr.odd td
{
	background-color: #D2D2FF;
	border-bottom: 2px solid ##A3A3EE;
}
/*
.shop tbody tr:hover td, tbody tr:hover th {
	background-color: #BBBBFF;
}
*/

.shop td label
{
	width: 6em;
	font-weight: bolder;
}
.shop td strong
{
	color: Red;
}

.shop td select
{
	width: 6em;
}
.shop .option
{
	width: 8em;
	float: left;
}

.shop td, th
{
	vertical-align: middle;
}
.shop tfoot td, tfoot th
{
	font-weight: bold;
	padding: 4px 8px 6px 9px;
}
.shop thead th
{
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
	padding: 0 8px 2px 8px;
	white-space: nowrap;
}

.donkeySold
{
	font-size: x-large;
	color: Red;
	font-weight:bold;
}