/*//////////////////////////////////////////////////////////////////////////////////////////////////////
//  Master Page Header and Footer info
///////////////////////////////////////////////////////////////////////////////////////////////////////
*/
html, body {    
   height: 100%; 
   background-color: #f7e9d6;
}

#container {
   min-height: 100%;
   margin-bottom: -30px;
   position: relative;
}

.clearfooter {
   height: 30px;
   clear: both;
}

#header
{
     width: 100%;  
     text-align: center;
}

#HeaderBackground
{
    background-color: #000000;
    height: 140px;
    width: 100%; 
}

#header-wrapper
{
    width: 1070px;
    height: 140px;
    background-image: url( '/SiteImages/MainMasterPage/header_cbTM.gif' );
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
 }

#LoginHeader
{
    position: relative;
    text-align: right;
    top: 5px;
    right: 60px;
    float: right;
}

#LoginHeader ul li
{
    font-size: 10pt;
    color: coral;
    list-style: none;
    display: inline;
}

#menubar
{
	clear: both;
	position: relative;
	text-align: right;
    float: right;
    Top: 98px;
    right: 25px;
}

#menubar li
{
	color: coral;
    list-style: none;
    display: inline;
    padding-right: 2px;
}

#Footerwraper
{
	height: 30px;
	position: relative;
    clear: both;
    margin: auto;
    width: 100%;      
}

#FooterBackgroundWraper
{
    height: 30px;
    background-color: #000000;
}

#FooterText
{
	clear:both;
	font-size: 10pt;
	color: coral;  
    position: relative;
    text-align: right;
    top: 5px;
    right: 35px;
    float: right;
 }

/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
#content 
{
	clear: both;
	width:90%;
	min-width: 400px;
	margin: 0px auto;
	border:0;
	font-size: 11pt;
	text-align:center;
	font: 9pt Verdana;
	color: #000;	
}

.contentColumn
{
	clear: both;
	width:800px;
	margin: 0px auto;
	padding: 0px;
	border:0;
	font-size: 10pt;
	text-align:left;
	font: 9pt Verdana;
	color: #000;
}

.contentC
{
	clear: both;
	width:800px;
	margin: 0px auto;
	padding: 0px;
	border:0;
	font-size: 10pt;
	text-align:left;
	font: 9pt Verdana;
	color: #000;
	padding-top: 10px;
}



p.info
{
	padding: 6px;
	
}

#text 
{	
	text-align:left;
	float:left;
	padding: 8px;
	margin: 2px;
	/*border-left: thin solid rgb(223, 74, 0);*/
	display: inline;
	font: 10pt Verdana;
	color: #000;
}

#FormTableWrapper
{	
    clear: both;
    width: 760px;
    margin:0 auto;
    text-align: center;
    padding: 8px;
    
}

/*//////////////////////////////////////////////////////////////////////////
// Logged In User MasterPage Setup
//////////////////////////////////////////////////////////////////////////*/

#EntireLoggedInContentArea
{
    clear: both;
    text-align: left;
    width: 1020px;
    height: 1%; /* Holly hack for Peekaboo Bug */
}

#LeftAlignedMenu
{
    clear: both;
    display: inline-block;
    padding: 15px 0px 10px 25px;
    width: 120px;
    height: 1%; /* Holly hack for Peekaboo Bug */
    border-right-style: solid;
    border-right-width: thin;
    border-right-color: #800000;
    vertical-align: top;
    zoom:1;  /* fixes inline-block bug with IE7 */
    *display: inline;    /* fixes inline-block bug with IE7 */
}

#LeftAlignedMenu p
{
   padding: 15px 0px 0px 0px; 
}

#LoggedInUserContentWrapper
{
	
	clear: both;
	display: inline-block;
	padding: 15px 0px 10px 15px;
	height: 1%; /* Holly hack for Peekaboo Bug */
	vertical-align: top;
	width: 850px;
	zoom:1; /* fixes inline-block bug with IE7 */
    *display: inline; /* fixes inline-block bug with IE7 */
}


/*//////////////////////////////////////////////////////////////////////////////////
/ Logged in user
//////////////////////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////////////////////////////*/


#LoggedInUserTextLayoutWraper
{
    clear: both;
    width: 850px;
}

/*//////////////////////////////////////////////////////////////////////////////////*/
.errorLbl
{
	color: Red;
}

.disclaimer
{
	padding-top: 10px;
	color: #000;
	font-size: 8pt;
	font-family: 'Verdana','sans-serif';
}


#buttons
{
	padding-top: 10px;
	width: 300px;
    text-align: right;  
}

.TableButton
{
    width: 110px;
    font-family: Verdana;
    font-size: 10pt;
    
}


#DonationText
{
	font-weight: bold;
	text-align: center;
}


legend 
{
    color: #DF4A00;
	font-family: Arial;
	font-size: 14pt;
}

h1
{
	color: #DF4A00;
	text-transform: uppercase;
	font-family: Arial;
	font-weight: normal;
	line-height: normal;
	font-size: 24pt;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 10px;
}

h2
{
	color: #DF4A00;
	font-family: Arial;
	font-size: 18pt;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 8px;
}

h3
{
	color: #DF4A00;
	font-family: Arial;
	font-size: 14pt;
	padding-top: 10px;
	padding-bottom: 8px;
}

p
{
	color: #2D1900;
}


a.linkButton:visited {color: coral; font-size: 12px;}
a.linkButton:link {color:coral; font-size: 12px; text-decoration: underline;}
a.linkButton:hover {color: White; font-size: 12px;}

a.MenuLinkButton:visited { color: #DF4A00; font-size: 15px;}
a.MenuLinkButton:link {	color:  #DF4A00; font-size: 15px;}
a.MenuLinkButton:hover { color: Maroon; font-size: 15px;}

a.ClassLinkButton:visited {color: #2D1900; text-decoration: underline;}
a.ClassLinkButton:link {color:  #2D1900; text-decoration: underline;}
a.ClassLinkButton:hover {color: #DF4A00; text-decoration: underline;}

..tableClass { margin:0 auto; }

a.MenuLinkButton
{
	text-decoration: none;
	font-family: Arial;
	font-size: 15px;
	text-decoration: underline;
	margin-right: 30px;
}



/*//////////////////////////////////////////////////////////////////////////////////////////////////////
//  Home Page - Image Rotator Styles 
///////////////////////////////////////////////////////////////////////////////////////////////////////
*/

#HomePageTextLayoutWraper
{
    
    float:right;   
    width: 650px;
}

#imagesColumnLeft
{
	
	
	left: 50px;
	height: 1%; /* Holly hack for Peekaboo Bug */
	margin-top: 20px;
	float: left;
}

/* rotator in-page placement */
div.rotator 
{
	height:130px;
	margin-left: 5px;
}
/* rotator css */
div.rotator ul li 
{
	float:left;
	position:absolute;
	list-style: none;
	border-style: ridge;
	border-width: thin; 
	border-top-color: #df4a00;
	border-bottom-color: #df4a00; 
	border-right-color: #df4a00;
	border-left-color: #df4a00;
}
/* rotator image style */	
div.rotator ul li img 
{
	height: 130px;
	width: 130px;
	text-align: center;
	vertical-align: middle;
	padding: 1px;
	background: #FFF;
}

div.rotator ul li.show 
{
	z-index:500
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////
//  Table Decorations: 
///////////////////////////////////////////////////////////////////////////////////////////////////////
*/

.LabelCell
{
	vertical-align:top;
	text-align: right;
	font-weight: bold;
	font-size: 10pt;
	color: #2D1900;
	padding-right: 3px;
	padding-top: 3px;
}

.InputCell
{
	vertical-align:middle;
	text-align: left;
	font-size: 11pt;
	padding-top: 3px;
}
.tablebodycell
{
	border-right: #2D1900 thin solid;
	border-top: #2D1900 thin solid;
	border-left: #2D1900 thin solid;
	border-bottom: #2D1900 thin solid;
	color: #2D1900;
	font-family: Verdana;
	font-size: 11pt;
	vertical-align:top;
	text-align:left;
	padding: 4px;
}

.tablebodycellNoBorder
{
	color: #2D1900;
	font-family: Verdana;
	font-size: 11pt;
	vertical-align:middle;
	text-align: left;
	padding-top: 3px;
	padding-left: 3px;
}

.AdminTitle
{ 
    font-weight: normal; 
	font-size: 24px; 
	text-transform: capitalize; 
	color: #DF4A00; 
	text-align: center; 
}

.UserTitle
{ font-weight: bold; 
	font-size: 24px; 
	text-transform: capitalize; 
	color: maroon; 
	text-align: center; 
}

.ClassHeaderRow
{
	width: 140px;
	background-color: #2D1900;
	vertical-align: bottom;
	text-align: center;
	color: coral;
	font-family: Verdana;
	font-size: 11pt;
}

.GenHeaderRow
{
	background-color: #2D1900;
	vertical-align: bottom;
	text-align: center;
	color: coral;
	font-family: Verdana;
	font-size: 11pt;
}

.DayLabel
{
	font-weight: bold; 
	font-size: 14pt; 
	text-transform: capitalize; 
	text-decoration: underline; 
	color: #2D1900;
	font-family: Verdana;
	text-align: center;
}

.ClassTimeColumn
{
	vertical-align: middle;
	width: 125px;
	text-align: right;
	font-weight: bold;
	color: #2D1900;
	font-size: 10pt;
	color: #2D1900;
	font-family: Verdana;
}

.ClassCell
{
	width: 150px;
	font-family: Verdana;
	font-size: 10pt;
	border-right: #2D1900 thin solid;
	border-top: #2D1900 thin solid;
	border-left: #2D1900 thin solid;
	border-bottom: #2D1900 thin solid;
	text-align:center;
}

.AdminHeaderRow
{
	clear:both;
	background-color: #2D1900;
	vertical-align: bottom;
	text-align: center;
	color: coral;
	font-family: Verdana;
	font-size: 11pt;
}

.AdminGridView {    
    width: 100%;    
    margin: 5px 0 10px 0;    
    border: solid 1px #525252;    
    border-collapse:collapse;    
}   
.AdminGridView td {    
    padding: 2px;    
    border-bottom: solid 1px #2D1900;    
    color: #2D1900;
    text-align: center;    
}   
.AdminGridView th {    
    padding: 2px 2px;
    text-align:center;    
    color: coral;    
    background: #2D1900 url(grd_head.png) repeat-x top;    
    border-left: solid 1px coral;    
    font-size: 11pt;    
}   
.AdminGridView .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }   
.AdminGridView .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }   
.AdminGridView .pgr table { margin: 5px 0; }   
.AdminGridView .pgr td {    
    border-width: 0;    
    padding: 0 6px;    
    border-left: solid 1px #666;    
    font-weight: bold;    
    color: #fff;    
    line-height: 11px;    
 }      
.AdminGridView .pgr a { color: #666; text-decoration: none; }   
.AdminGridView .pgr a:hover { color: #000; text-decoration: none; }  

/*//////////////////////////////////////////////////////////////////////////////////////////////////////
//  Table Wrappers: 
///////////////////////////////////////////////////////////////////////////////////////////////////////
*/

div.tableWrapper
{
		width:98%; 
		margin:1%;
}

div.tableWrapper table 
{
		text-align:center; 
		margin-left:auto; 
		margin-right:auto; 
		width: 80%;
		font: 9pt Verdana;
		color: #000;	
}

div.tableWrapper table td
{
	font: 9pt Verdana;
	color: #000;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////
//  Form Styling: 
///////////////////////////////////////////////////////////////////////////////////////////////////////
*/

input[type='text'],input.text 
{ 
	height: 18px;
	font: 9pt Verdana;
	color: #000;
}

input[type='password'],input.password 
{ 
	height: 20px;
	font: 9pt Verdana;
	color: #000;
}

input[type='radio'],input.radio 
{ 
	margin:0 20px; 
}

input[type='checkbox'],input.checkbox 
{ 
	
}
/************************************************************************************
* Login Screen
************************************************************************************/*

#LoginScreen
    {
    padding: 1em;
    border:2px solid brown;
    width: 330px; 
    }

#LoginScreen label
{
  clear:both;
  width: 90px;
  margin-right:0.6em;
  padding-top:0.5em;
  text-align:right;
  font-weight:bold;
  display: inline-block;
}
  
.LoginTextBox
{
  width: 200px;
  margin-top: 10px;
}