/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
@import url('/content/reset.css');


body
{
    text-align:center;
    background-color: #000;
    font-family: Georgia, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #ffffff;
}

a:link
{
    color: #ffffff;
    text-decoration: underline;
}
a:visited
{
    color: #ffffff;
}
a:hover
{
    color: #cccccc;
    text-decoration: none;
}
a:active
{
    color: #ffffff;
}

p, ul
{
    line-height: 1.6em;
    margin-bottom:2em;
}

.post .content ul,
.post .content ol{list-style-position:inside;padding-left:20px;}
.post .content ul{list-style-type:square;}
.post .content ol{list-style-type:decimal;}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 1.2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    font-size: 1.2em;
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#utilBar {width:100%;background-color:Black;font-size:0.6em;}
    #utilBar #logindisplay {margin:0;padding:0.6em;}
#headWrap, #menuWrap, #bodyWrap, #footWrap{width:100%;text-align:center;}
#headWrap #head, #menuWrap #menu, #bodyWrap #body, #footWrap #foot{width:980px;margin:0 auto;}
#headWrap #head, #bodyWrap #body, #footWrap #foot{text-align:left;}

#headWrap{background-color:Black;}
#headWrap.titlePage #head{display:block;height:400px; background:url('/content/images/header_titlepage.jpg');}
#headWrap.subPage #head{display:block;height:202px; background:url('/content/images/header_subpage.jpg');}

#bodyWrap{ background:url('/content/images/background_tile.jpg') repeat; }

#menuWrap{ background-color:black;}
ul#menu { padding:0; text-align:center;}
ul#menu li { padding:0; text-align:center;}
#footWrap { background-color:black;}
#footWrap #foot{ display:block; height:100px;}

#bodyWrap #body #mainContentWrap{float:left; width:710px; padding:20px 0px 20px 0px;position:relative;}
#bodyWrap #body #sideContentWrap{float:right; width:240px; padding:20px 0px 20px 0px;}

.post .title, .post .content {background-color:Black; padding:0.8em;}
.post .title {margin:0.4em 0em 0.2em 0em;}
.post .content {margin:0em 0em 0.8em 0em;}
.ad .title, .ad .content {background-color:Black; padding:0.4em;}
.ad .title {margin:0.4em 0em 0em 0em;}
.ad .content {margin:0em 0em 0.8em 0em;}


/*menu*/

ul#menu
{
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: center;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: white;
}

ul#menu li a:hover
{
}

ul#menu li a:active
{
}

ul#menu li.selected a
{
}


/* Typography Elements
----------------------------------------------------------*/
ul#menu li img {height:25px;}

ul#menu li.Home img{background: transparent url('/content/images/typography.png') -16px -38px no-repeat;width:55px;}
ul#menu li.Home img:hover
    {background: transparent url('/content/images/typography.png') -16px -10px no-repeat;width:55px;}
ul#menu li.Schedule img{background: transparent url('/content/images/typography.png') -84px -38px no-repeat;width:100px;}
ul#menu li.Schedule img:hover
    {background: transparent url('/content/images/typography.png') -84px -10px no-repeat;width:100px;}
ul#menu li.GameRules img{background: transparent url('/content/images/typography.png') -190px -38px no-repeat;width:122px;}
ul#menu li.GameRules img:hover
    {background: transparent url('/content/images/typography.png') -190px -10px no-repeat;width:122px;}
ul#menu li.EventMap img{background: transparent url('/content/images/typography.png') -330px -38px no-repeat;width:112px;}
ul#menu li.EventMap img:hover
    {background: transparent url('/content/images/typography.png') -330px -10px no-repeat;width:112px;}
ul#menu li.Forum img{background: transparent url('/content/images/typography.png') -456px -38px no-repeat;width:70px;}
ul#menu li.Forum img:hover
    {background: transparent url('/content/images/typography.png') -456px -10px no-repeat;width:70px;}
ul#menu li.RSVP img{background: transparent url('/content/images/typography.png') -540px -38px no-repeat;width:70px;}
ul#menu li.RSVP img:hover
    {background: transparent url('/content/images/typography.png') -540px -10px no-repeat;width:70px;}




div#sideContentWrap div.ad div.content {font-size:0.8em !important;}




/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

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

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	min-height: 302px;
	_height: 302px;
	clear: both;
}

.dataTables_processing {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 11px;
	padding: 2px 0;
}

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

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

.dataTables_info {
	width: 60%;
	float: left;
}

.dataTables_paginate {
	width: 44px;
	* width: 50px;
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('../Scripts/plugin_support/jquery-datatables-images/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('../Scripts/plugin_support/jquery-datatables-images/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('../Scripts/plugin_support/jquery-datatables-images/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('../Scripts/plugin_support/jquery-datatables-images/forward_enabled.jpg');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
 .dataTables_wrapper table
 {
     clear:both;
     width:100%;
}
 
table.display {
	margin: 0 auto;
	width: 100%;
	clear: both;
}

table.display thead th {
	padding: 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
}

table.display tfoot th {
	padding: 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting

.sorting_asc {
	background: url('../Scripts/plugin_support/jquery-datatables-images/sort_asc.jpg') no-repeat center right;
}

.sorting_desc {
	background: url('../Scripts/plugin_support/jquery-datatables-images/sort_desc.jpg') no-repeat center right;
}

.sorting {
	background: url('../Scripts/plugin_support/jquery-datatables-images/sort_both.jpg') no-repeat center right;
}
 */




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: transparent ;
}

table.display tr.even.gradeA {
	background-color: transparent;
}




table.display tr.odd.gradeA {
	background-color: transparent;
}

table.display tr.even.gradeA {
	background-color: transparent;
}

table.display tr.odd.gradeC {
	background-color: transparent;
}

table.display tr.even.gradeC {
	background-color: transparent;
}

table.display tr.odd.gradeX {
	background-color: transparent;
}

table.display tr.even.gradeX {
	background-color: transparent;
}

table.display tr.odd.gradeU {
	background-color: transparent;
}

table.display tr.even.gradeU {
	background-color: transparent;
}


tr.odd {
	background-color: transparent;
}

tr.even {
	background-color: transparent;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.top, .bottom {
	padding: 15px;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}




/* Forms */
div.formSubject{margin-bottom:14px;}
div.formItem{margin-bottom:12px;}
div.formButtons{}
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
 div.dataTables_info {
	width: 40%;
}

 .dataTables_paginate {
	width: 400px;
	margin-top:10px;
}

 div.dataTables_paginate span.paginate_button,
 	 div.dataTables_paginate span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
}

 div.dataTables_paginate span.paginate_button {
	background-color: transparent;
}

 div.dataTables_paginate span.paginate_button:hover {
	background-color: transparent;
}

 div.dataTables_paginate span.paginate_active {
	background-color: transparent;
}


table.display tr.row_selected.odd td {
	background-color: transparent;
}

table.display tr.row_selected.even td {
	background-color: transparent;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
	background-color: transparent;
}

tr.odd td.sorting_2 {
	background-color: transparent;
}

tr.odd td.sorting_3 {
	background-color: transparent;
}

tr.even td.sorting_1 {
	background-color: transparent;
}

tr.even td.sorting_2 {
	background-color: transparent;
}

tr.even td.sorting_3 {
	background-color: transparent;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: transparent;
}

tr.odd.gradeA td.sorting_2 {
	background-color: transparent;
}

tr.even.gradeA td.sorting_1 {
	background-color: transparent;
}

tr.even.gradeA td.sorting_2 {
	background-color: transparent;
}

tr.odd.gradeC td.sorting_1 {
	background-color: transparent;
}

tr.odd.gradeC td.sorting_2 {
	background-color: transparent;
}

tr.even.gradeC td.sorting_1 {
	background-color: transparent;
}

tr.even.gradeC td.sorting_2 {
	background-color: transparent;
}

tr.odd.gradeX td.sorting_1 {
	background-color: transparent;
}

tr.odd.gradeX td.sorting_2 {
	background-color: transparent;
}

tr.even.gradeX td.sorting_1 {
	background-color: transparent;
}

tr.even.gradeX td.sorting_2 {
	background-color: transparent;
}

tr.odd.gradeU td.sorting_1 {
	background-color: transparent;
}

tr.odd.gradeU td.sorting_2 {
	background-color: transparent;
}

tr.even.gradeU td.sorting_1 {
	background-color: transparent;
}

tr.even.gradeU td.sorting_2 {
	background-color: transparent;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: transparent;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: transparent;
}


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.error
{
    color:Red;
}

#menucontainer
{
    margin-top:40px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}