/* CSS updated in 2018 to support member website refresh */
/* This sheet is taken from style 19 and is being updated for jQuery use and elimination of cf-windows */

/* Following element resets apply to entire site, taken from various sources */
/* Neutralize styling: Elements we want to clean out entirely: */
html, body, form, fieldset {margin: 0; padding: 0; font: 100%/100% Verdana, Arial, Helvetica, sans-serif;}
/* Neutralize styling: Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, dl, address {margin: 1em 0;	padding: 0;}
/* Apply left margin: Only to the few elements that need it: */
li, dd, blockquote {margin-left: 1em;}
/* Form field text-scaling */
input, select, textarea {font-size: 100%;}
/* Miscellaneous conveniences: */
form label {cursor: pointer;}
a img {border: none; }
input {margin-bottom: 1px;}
ul {padding-left: .5em;}

/* General page geometry */
body {text-align: center; background-color: white; background-image:none; }
#Full {position: relative; margin: 0px auto 5px auto; padding-bottom: 15px; width: 100%; min-width:998px; max-width: 1200px;
	min-height: 450px; border: 1px solid #000000;}
#Head	{position: relative; width: 100%; height: 83px; background-color: #2e5327;}
#Logo {position: absolute; z-index: 9;  top: 5px; left: 20px;}
#Content {float:none; clear:both; text-align:left; padding: 12px 10px 0px 10px;}
/* #NavBar {position: absolute; z-index: 100; width: 998px; top: 56px; left: 50%;margin-left:-499px;} */

/* Boxes used throughout the website */
.BoxTop {background-color: #2c5227; border-top: 1px solid #2c5227; border-left: 1px solid #2c5227; border-right: 1px solid #2c5227;
	height: 22px; line-height: 22px; color:white; font-size:13px; font-weight: bold; font-family: arial; padding-left: 0px;}
.BoxTop a:link, .BoxTop a:visited {text-decoration:none; display:block; color:white; padding-left: 5px; }
.BoxTop a:hover {background-color: #649546; text-decoration:none; display:block; color: #fc0; padding-left: 5px; }	
.MoreImage {width: 42px; height: 22px; background: url("MoreImage.gif") no-repeat;}
.MoreImage:hover {background: url("MoreImageHover.gif") no-repeat;} 
.BoxBody {border: 1px solid #2c5227; padding: 5px; margin-bottom: 8px;}
.BoxBody p {font-family:Arial; font-size:13px; margin: 5px; padding: 0px;}
.BoxBodyPlain {border: 1px solid #2c5227; margin-bottom: 8px;}

/* Buttons used throughout the website  */
.ButtonS {background-color: #2c5227; border: none; color: white; padding: 2px 8px 2px 8px; text-align: center; 
	text-decoration: none; display: inline-block; font-size: 12px; border-radius: 8px; margin: 4px;}
.ButtonS:hover {background-color: #649546; color: #fc0; cursor: pointer;}
.ButtonM {background-color: #2c5227; border: none; color: #ffffff; padding: 4px 10px; text-align: center; 
	text-decoration: none; display: inline-block; font-size: 13px; border-radius: 8px; margin: 4px;}
.ButtonM:hover {background-color: #649546; color: #fc0; cursor: pointer;}
.ButtonL {background-color: #2c5227; border: none; color: white; padding: 6px 12px; text-align: center; text-decoration: none; 
	display: inline-block; font-size: 13px; border-radius: 8px; margin: 0px;}
.ButtonL:hover {background-color: #649546; color: #fc0; cursor: pointer;}

/* CSS styles for various pages */
/* Home Page */
.MHColumn {width: calc(48% - 185px); float:left; text-align:left; min-width: 280px; margin-right: 10px;}
.MHColumnC {width:379px; float:left; text-align:left; margin-right: 10px;}
.MHCell {width: 100%; min-height: 50px; margin-bottom: 5px;}
.slideshow {height: 496px; width: 100%; position: relative;}
.slideshow img {padding: 0px; border: 1px solid #ccc; position: absolute; width: 100%; height: 496px;}
.MHUrgent {width:calc(96% + 10px); background-color: #f1a499; text-align:center; padding: 5px 8px 5px 8px; border: 1px solid black; font-size:13px;margin-bottom: 8px;}
.MHNoAd {width: 100%; height: 490px; background-color:white;}
.MyScoresTees {float:left; height: 15px; font-size: 13px; font-family:Arial, Helvetica, sans-serif;}

/* Special classes for the OneMember page */
.OneMemberTab {width:443px; padding-left:10px; float:left; display:table; border-collapse: collapse;}
.OneMemberRow {height:24px; line-height:24px; font-size:13px; display:table-row; border:1px solid #2e5327; }
.OneMemberHeading {float:left; width:120px; color:white; padding-left: 5px; background-color:#2e5327; display:table-cell;}
.OneMemberData {float:left; width:300px; padding-left: 9px; display:table-cell;}
.OneMemberPhoto {float:left; width:100px; height:140px; padding-left: 10px;}

/* Special classes for the OneEvent page */
.OneEventTab {min-width:635px; width: 100%; max-width: 900px; display:table; border-collapse: collapse;}
.OneEventRow {line-height:16px; font-size:13px; display:table-row; border:1px solid #2e5327;}
.OneEventHeading {width:105px; max-width: 135px; color:white; padding: 6px 6px 6px 10px; background-color:#2e5327; 
	display: table-cell; vertical-align: top;}
.OneEventData {width:470px; padding: 6px; display: table-cell; vertical-align: top;}
.OneEventYear {float:left; width:40px; padding-left: 4px;}
.OneEventResult {float:left; width:620px; padding-left: 6px;}

/* Special classes for the OneSocialEvent page */
.OneSocialEventTab {width: 570px; display:table; border-collapse: collapse; float:left;}
.OneSocialEventRow {line-height:16px; font-size:13px; display:table-row; border:1px solid #2e5327;}
.OneSocialEventHeading {width:150px; color:white; padding: 6px 6px 6px 10px; background-color:#2e5327; 
	display: table-cell; vertical-align: top;}
.OneSocialEventData {width:400px; padding: 6px; display: table-cell; vertical-align: top;}
.OneSocialEventPromo {float:left; max-width:300px; margin-left:10px;}

/* Special classes for the calendar */
.MonthTab {width:100%; max-width: 1100px; margin-left: 10px; display:table; border-collapse: collapse;}
.MonthTop {width:100%; height: 24px; line-height: 24px; background-color:#2e5327; color: #FFF; font-size: 13px; font-weight: bold; display:table-row; }
.MonthDayName {display:table-cell; width:14.28%; text-align:center;}

.MonthWeek {width:100%; display:table-row; padding-left:0px; border:1px solid #2e5327;height:60px;}
.MonthDay {display:table-cell; width:14%; background-color:white; border:1px solid #2e5327; height:60px; vertical-align:top;}
.MonthDayNull {display:table-cell; width:14%; background-color:#ddd; border:1px solid #2e5327; height:60px;}
.MonthDayNumber {float:right; color: #2e5327; font-family: Arial; text-align: left; font-size: 18px; font-weight: bold; padding: 2px 3px 0px 3px; 
	position:relative; z-index:999;}
.MonthGolfEventText	{color: #000000; font-family: Arial; text-align: left; font-size: 10px; font-weight: bold; margin: 0px 0px 1px 0px; 
	padding: 1px 0px 1px 2px; line-height:12px; width: 100%; text-decoration: none; background-color: #99FF99;}
.MonthGolfEventText:hover {background-color:yellow; color: black; cursor:pointer;}
.MonthGolfEventLink {display: block; position: relative; left:0; top:0; width: calc(100% - 2px); height: 100%; text-decoration: none !important;}
.MonthGolfEventLink:hover {background-color:yellow; color: black; cursor:pointer;}
.MonthSocialEventText {color: #000000; font-family: Arial; text-align: left; font-size: 10px; font-weight: bold; margin: 0px 0px 1px 0px; 
	padding: 1px 1px 1px 2px; line-height:12px; width: 100%; text-decoration: none; background-color: #99FFFF;}
.MonthSocialEventText:hover {background-color:yellow; color: black; cursor:pointer;}
.MonthSocialEventLink {display: block; position: relative; left:0; top:0; width: calc(100% - 2px); height: 100%; text-decoration: none !important;}
.MonthSocialEventLink:hover {background-color:yellow; color: black; cursor:pointer;}
.MonthCommentText	{color: #000000; font-family: Arial; text-align: left; font-size: 10px; font-weight: bold; margin: 0px 0px 1px 0px; 
	background-color: #FFFFFF; padding: 1px 1px 1px 2px; line-height:12px; }
.MonthCommentTextPink	{color: #000000; font-family: Arial; text-align: left; font-size: 10px; font-weight: bold; margin: 0px 0px 1px 0px; 
	background-color: #FFC0CB; padding: 1px 1px 1px 2px; line-height:12px; }
.MonthCommentTextGrey	{color: #000000; font-family: Arial; text-align: left; font-size: 10px; font-weight: bold; margin: 0px 0px 1px 0px; 
	background-color: #D4D4D4; padding: 1px 1px 1px 2px; line-height:12px; }
.MonthShortcuts {font-size: 9px; margin: 0px 0px 0px 6px;}

/* Special classes for the Sideline 30 page */
.SidelineTab {width:825px; padding-left:10px;}
.SidelineRow {height: 24px; line-height:24px; font-size:13px; border-style: solid; border-color:#2e5327; border-width:1px 1px 0px 0px;}
.SidelineRowLast {height: 24px; line-height:24px; font-size:13px; border-style: solid; border-color:#2e5327; border-width:1px 1px 1px 0px;}
.SidelineYear {float:left; width:60px; color:#FFF; background-color:#2e5327; padding-left: 12px;}
.SidelineMonth {float:left; width:80px; text-align:center;}
.SidelineMonthDouble {float:left; width:160px; text-align:center;}

/* Special classes for the Bookings page */
.TeeTab {width:825px; font-family: arial;}
.TeeTabTop {background-color:#2e5327; height: 24px; line-height: 24px; color: #FFF; font-size:13px; 
	font-weight: bold;  padding-left: 5px; }
.TeeTabRow {background-color: white; height: 24px; line-height:24px; padding-left: 5px; font-size:13px; 
	border-style: solid; border-color:#2e5327; border-width:0px 1px 1px 1px;}
.TeeTabDate {float:left; width:130px}
.TeeTabTime {float:left; width:70px}
.TeeTabDesc {float:left; width:515px}
.TeeTabStatus {float:left; width:95px}

/* Special classes for the OneTime page */
.OneTimeTab {width:820px; padding-left:0px;}
.OneTimeTop {width:815px; height: 24px; line-height: 24px; background-color:#2e5327; color: #FFF; 
	font-size:13px; font-weight: bold;  padding-left: 5px;}
.OneTimeRow {height: 24px; line-height:24px; padding-left: 5px; font-size:13px; border-style: solid; border-color:#2e5327; border-width:0px 1px 0px 1px;}
.OneTimePlayer {float:left; width:192px; padding-left: 1px;}
.OneTimeCap {float:left; width:50px; padding-left: 0px; text-align:center}
.OneTimeFactor {float:left; width:150px; padding-left: 9px;}
.OneTimeBottom {height: 1px;  padding-left: 0px; margin-bottom: 2px; border-style: solid; border-color:#2e5327; border-width:0px 1px 1px 1px;}

/* Special classes for the Statements */
.StatementTable {padding: 0; margin: 0; border:none; border-left: 1px solid #2e5327; margin-bottom:15px;}
td.Statement {font-weight:normal; border-right: 1px solid #2e5327; border-bottom: 1px solid #2e5327; border-top: 1px solid #2e5327; 
	padding: 4px 6px 4px 6px; font-size:12px; background-color:#2e5327; color:#ffffff; font-weight:bold;border-color:#2e5327;}
td.StatementTotal {font-weight:bold; border-right: 1px solid #2e5327; border-bottom: 1px solid #2e5327; border-top: none;
	padding: 2px 4px 2px 6px;}
td.StatementRow {border-right: 1px solid #2e5327; border-bottom: 1px solid #2e5327; padding: 2px 4px 2px 6px;}
.ChitRowVersion1 {line-height:16px;}

/* Special classes for the Board of Directors page */
.BODTab {width:708px; height:451px; font-size:13px; margin-left: 10px; border-bottom: 1px solid #2e5327;}
.BODTabMember {float:left; width:136px; height: 210px; padding:14px 0px 0px 4px; text-align:center; 
	border-style: solid; border-color:#2e5327; border-width:1px 0px 0px 1px;}
.BODTabMemberR {float:left; width:136px; height: 210px; padding:14px 0px 0px 4px; text-align:center; 
	border-style: solid; border-color:#2e5327; border-width:1px 1px 0px 1px;}

.CommitteeTab {width:711px;  margin: 15px 0px 0px 10px;}
.CommitteeTabTop {width:711px; height:23px; line-height: 23px; font-size:13px; background-color:#2e5327; 
	text-align: center; color:#FFF;font-weight: bold;}
.CommitteeTabRow {background-color: white; min-height: 22px; font-size:13px; padding: 5px 0px 0px 0px; border-style: solid; border-color:#2e5327; border-width:0px 1px 1px 1px;}
.CommitteeTabTitle {float:left; width:120px; padding-left:6px;}
.CommitteeTabBody {float:left; width:565px; padding-right:6px; padding-bottom: 5px;}

/* Special classes for the Reference Materials page */
#RefMat1 {border-collapse:collapse; width: 700px; margin: 0px 0px 10px 10px; 
	border-width: 1px; border-color:#2e5327;}
#RefMat1 td {padding: 4px 4px 4px 6px; border-color:#2e5327; font-family:Arial; border-width:1px;}
#RefMat2 {border-collapse:collapse; width: 700px; margin: 0px 0px 0px 10px; 
	border-width: 1px; border-color:#2e5327;}
#RefMat2 td {padding: 4px 4px 4px 6px; border-color:#2e5327; font-family:Arial; border-width:1px;}
.RefMatHeader {background-color:#2e5327; height:20px; font-family:Arial; font-weight:bold; color:#FFF; text-align:center;}
/* Special classes for the Fees page */
#Fees {border-collapse:collapse; width: 700px; margin-left: 5px; 
	border-width: 1px; border-color:#2e5327;}
#Fees td {padding: 4px 4px 4px 6px; border-color:#2e5327; font-family:Arial; border-width:1px;}
.FeesHeader {background-color:#2e5327; height:20px; font-family:Arial; font-weight:bold;
	text-align:center; color:#FFF;}
.FeesSubHeader {height:20px; font-family:Arial; font-weight:bold;}

/* Special classes for the lesson pages */
.LessonTeacherBox {width:45%; float:left; padding: 0px 20px 20px 0px;}
.LessonTeacherName {font-size: 14px; font-weight:bold;margin-top:0px;}
.LessonHeaderBox {width:45%; float:left; padding: 0px 20px 10px 0px;}
.LessonHeaderInstructions {width:400px; float:left; padding: 0px 20px 10px 10px; margin-left:20px;
	border-width:1px; border-color:black; border-style:solid;}
.LessonColumnBox {width:350px;  padding: 0px 10px 10px 0px; }
.LessonColumnBoxDate {width:215px; height: 20px; line-height: 18px; font-size:13px; font-weight: bold;}
.LessonColumnBoxRow {width: 100%; height: 24px; overflow:auto;}
.LessonColumnBoxTime {width:42px; float: left; height: 18px; line-height: 18px; font-size:13px;}
.LessonColumnBoxName {width:135px; float: left; height: 18px; line-height: 18px; font-size:13px; white-space:nowrap;}
.LessonColumnBoxAction {width:60px; float: left; height: 18px; line-height: 18px; font-size:13px; margin:0px; }

#LessonDiv {padding: 0px 10px 10px 10px; text-align:left;}
#LessonDiv p {line-height:17px;}
#LessonDivBox {border-collapse:collapse; width: 500px;	margin: 0px 0px 5px 20px; border-width: 0px;}
#LessonDivBox td {height: 21px;}

/* Special classes for the clinics page */
.ClinicTab {min-width:635px; width:100%; max-width: 900px; margin-left:10px; border-bottom:1px solid #2e5327;}
.ClinicRow {background-color:white; line-height:16px; font-size:13px; 
	border-style: solid; border-color:#215327; border-width:1px 1px 0px 0px;}
.ClinicHeading {width:135px; padding: 6px 6px 6px 10px; color:#FFF; background-color:#215327; display: table-cell; vertical-align: top;}
.ClinicData {width:600px ; padding: 6px; display: table-cell; vertical-align: top;}
/* special classes for the admin lesson calendar page */
.AdminLessonTimeBox {width:450px; padding: 0px 20px 10px 0px;}
.AdminLessonCalBox {width:200px; float:left; margin-right: 40px;}
.AdminLessonButtonBox {width: 700px;}

/* Special classes for the Reciprocal listings */
.ReciprocalTeeTab {width:960px; font-family: arial;}
.ReciprocalTeeTop {background-color: #2e5327; height: 26px; line-height: 24px; color: #FFF; font-size:13px; font-weight: bold; }
.ReciprocalTeeRow {height: 24px; font-size:13px; border-style: solid; border-color:#2e5327; border-width:0px 1px 1px 1px; 
	padding:2px 0px 0px 5px;}
.ReciprocalTeeButtons {float:left; width:140px;}
.ReciprocalTeeButtons a:hover {background:none; cursor: pointer;} 
.ReciprocalTeeOneName {float:left; width:180px; margin-top:4px;}
.ReciprocalTeeOneStatus {float:left; width:80px; margin-top:4px;}

/* Special classes for the Event listings */
.ViewEventMultTab {width:950px; font-family: arial;}
.ViewEventMultTop {background-color: #2e5327; height: 26px; line-height: 24px; color: #FFF; font-size:13px; font-weight: bold;}
.ViewEventMultRow {height: 24px; line-height:24px; font-size:13px;border-style: solid; border-color:#2e5327; border-width:0px 1px 1px 1px; 
	padding:2px 0px 0px 0px;}
.ViewEventMultButtons {float:left; width:125px;}
.ViewEventMultButtons a:hover {background:none; cursor: pointer;} 
.ViewEventMultOneName {float:left; width:135px;}
.ViewEventMultComment2 {float:left; width:550px;}
.ViewEventMultComment4 {float:left;}

/* special classes for event logs */
.EventLog1Tab {width:350px; padding-left:0px;}
.EventLog1Top {background-color: #2e5327; height: 26px; line-height: 24px; color: #FFF; font-size:13px; font-weight: bold;}
.EventLog1Row {height: 24px; line-height:24px; font-size:13px; border-style:solid; border-color:#2e5327; 
	border-width:0px 1px 1px 1px; padding:2px 0px 0px 5px;}
.EventLog1Player {float:left; width:60px; text-align:center;}
.EventLog1Date {float:left; width:125px; text-align:center;}
.EventLog1Action {float:left; width:70px; text-align:center;}
.EventLog1By {float:left; width:60px; text-align:center;}
.EventLog2Tab {width:560px; padding-left:0px;}
.EventLog2Top {background-color: #2e5327; height: 26px; line-height: 24px; color: #FFF; font-size:13px; font-weight: bold;}
.EventLog2Row {height: 24px; line-height:24px; font-size:13px;border-style: solid; border-color:#2e5327; 
	border-width:0px 1px 1px 1px; padding:2px 0px 0px 5px;}
.EventLog2Booking {float:left; width:45px; text-align:center;}
.EventLog2Player {float:left; width:60px; text-align:center;}
.EventLog2Date {float:left; width:125px; text-align:center;}
.EventLog2Action {float:left; width:65px; text-align:center;}
.EventLog2By {float:left; width:70px; text-align:center;}

/* special classes for the menus pages */
.MenuHeading {color: #2e5327; font-family: Arial; font-size: 14px; font-weight: bold; margin: 0px 0px 0px 10px;}
.MenuTable {min-width: 250px; display:table; border:1px solid black; font-family:Arial; font-size:13px; 
	margin: 5px; padding: 0px;}
.MenuRow {display:table-row;}
.MenuRowPast {display:table-row; background-color:#dddddd;}
.MenuRowFuture {display:table-row; background-color:#c0ffc0;}
.MenuCell {display:table-cell; padding: 1px 3px; line-height:20px;}
.MenuCell p {margin: 0px;}
.MenuCell input[type=text] {height: 18px; margin: 1px; padding: 1px; box-sizing: border-box; }

/* classes for admin pages that use simple windows, includes clinics, cal comments, reciprocals */
.WindowDiv {padding: 0px 5px; width: 90%; text-align: left !important;}
.WindowDiv p {line-height:17px;}
.WindowDivBox {border-collapse:collapse; width: 100%; margin: 5px 0px 5px 10px; border-width: 0px;}
.WindowDivBox td {height: 22px;}
.WindowDivBox td textarea {font-family: Verdana; font-size: 13px;}

/* special classes for the social events pages */
.SERTable {display:table; font-family:Arial; font-size:13px; margin: 5px; padding: 0px;}
.SERRow {display:table-row;}
.SERCell {display:table-cell; padding:0px 5px 5px 0px; line-height:16px;}
.SERText {font-family:Arial; font-size:13px; margin: 5px; padding: 0px; line-height:16px;}
.SERText form {font-family:Arial; font-size:13px;}
.SERViewTable {border-collapse:collapse; border-top: 1px solid black;}
.SERViewTable tr {border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black;
	line-height: 18px;}

p, li, td 	{font-size: 13px;}
.errormsg {color:#FF0000;}

.toptitle	{color: #2e5327; font-family: Arial; font-size: 16px; font-weight: bold; margin: 0px 0px 10px 0px;}
.subtitle	{color: #2e5327; font-family: Arial; font-size: 16px; font-weight: bold; margin: 20px 0px -5px 0px;}
.TitleDiv	{color: #2e5327; font-family: Arial; font-size: 16px; font-weight: bold; margin: 0px; height: 32px;}
.TitleDivText {font-size: 13px; float:right;color:#000000}
.fineprint {font-size: 10px;}

a:link	{color: #2e5327;text-decoration: underline;}
a:visited	{color: #2e5327;text-decoration: underline;}
a:hover	{color:#fc0;background-color:#649546;text-decoration: underline;}
.NoHover a:hover {background:none;}

/* Specific Page values follow */

/* try to eliminate this set ****** */
/*.AdminTab	{border-collapse:collapse; border-color:#999999;margin-left:5px;}
.AdminTab td {padding: 2px; border-color:#999999; font-family:Arial;}
.AdminTabHeader {background-color:#cccccc; text-align:center; height:24px; 
	font-family:Arial; font-weight:bold;}
.AdminTabLeftCol {font-family:Arial; font-weight:bold;}
.AdminTabError {color:#cc0000; padding-left: 5px; padding-bottom:8px;}*/

#RegisterDiv {padding: 10px;}
#RegisterBox {border-collapse:collapse; width: 650px;	margin: 5px 0px 5px 10px; border-width: 0px;}
#RegisterBox td {font-family: Arial;}

/* Special classes for the View EventOne page */
.ViewEventOneTab {width: 810px;}
.ViewEventOnePlayer {float:left; width:180px; padding-left: 1px;font-size:13px; margin-left: 20px; margin-bottom: 5px; }

/* don't know about these */
#EventTab	{border-collapse:collapse; border-color:#999999; margin-left:0px; border-width: 1px;}
#EventTab td {padding: 3px; border-color:#999999; font-family:Arial; border-width: 1px; vertical-align:middle}
.EventTabLeftCol {background-color:#cccccc; font-weight:bold;}
.EventTabHeader {background-color:#cccccc; font-weight:bold; height:20px;}

.EventMTab	{border-collapse:collapse; border-color:#999999;}
.EventMTab td {padding: 2px; border-color:#999999; font-family:Arial; vertical-align:middle; }
.EventTabMRow {height:12px;}
.EventMTabHeader {background-color:#cccccc; height:24px; 
	font-family:Arial; font-weight:bold; font-size: 14px;}

.ForumMemberHome {position: absolute; left: 850px; top: 53px; width: 130px; height: 30px; }
.ForumMemberHome a 	{font-size:13px; font-weight: bold; font-family: arial; text-decoration:none; line-height: 30px; font-weight:bold; cursor:pointer; font-size: 13px; color:#FFF}
.ForumMemberHome a:hover {font-size:13px; font-weight: bold; font-family: arial; text-decoration:none; display:block; color:#Fc0; height: 30px; line-height: 30px; font-weight:bold; cursor:pointer; font-size: 13px;}

.ImageColumn{width:320px; float:left;}
.ImageColumnSidebar {margin: 12px 12px 0px 12px; border: 1px solid #2e5327; font-size:11px; line-height: 15px; width: 288px; padding: 5px;}
.PartialTextColumn {width:650px; float:left; text-align:left; padding: 12px 10px 0px 10px;}
.PartialAdTextColumn {width:570px; float:left; text-align:left; padding: 12px 10px 0px 10px;}
.AdColumn {width:385px; float:right; padding: 38px 5px 0px 0px;}
.FullTextColumn {width:100%; float:left; text-align:left; padding: 12px 10px 0px 10px;}
.MemberLinksColumn {width:145px; float:left; text-align:left; padding: 0px 0px 0px 3px;}
a.MemberLinkCell:link, a.MemberLinkCell:visited {width:136px; color: #FFF; height:24px; line-height:24px; z-index: 9; 
	background-color:#2e5327; padding-left: 6px; font-size:13px; font-weight: bold; font-family: arial; text-decoration:none; 
	margin: 4px; display:block;}
a.MemberLinkCell:hover {color: #fc0;background-color:#649546; line-height:24px;}

.HalfPageColumn {width:485px; float:left; margin: 0px 0px 0px 0px;}
.ReadOnlyInput {background-color:#CCC;}
.Dropdown {font-size: 13px; margin-bottom: 4px;}
.AdImage {border:1px solid #2e5327; display: block;}
.NoHover:hover {background:none;}
.MemberAccess {font-size: 9px;}
.ULIndent {margin-left: 15px; margin-top: -13px;}
.SmallButton {font-size: 11px;}
.clear {height:1px; font-size:1px; float:none; clear:both;}
.Updated {margin:0px 0px 0px 5px;}

#AccessDiv {text-align:left; padding: 0px 10px 10px 10px;}
#AccessDiv p {line-height:17px;}

.x-mask {opacity : .9 !important;}

.ATable {display:table; border:1px solid #003478; margin: 5px; padding: 0px; min-width: 250px; max-width:500px; font-family:Verdana; font-size:13px;}
.ARow {display:table-row;}
.ARowPast {display:table-row; background-color:#eeeeee;}
.ARowFuture {display:table-row; background-color:#cce6ff;}
.ARowSelected {display:table-row; background-color:yellow; z-index:10;}
.ARowSub {display:table-row; background-color:#ffffff}
.ACell {display:table-cell; padding: 1px 5px; line-height:20px;}
.ACell p {margin: 0px;}
.ACell input[type=text] {height: 18px; margin: 1px; padding: 1px; box-sizing: border-box; }
.ACell input[type=radio] {height: 18px; margin: 1px; padding: 1px; box-sizing: border-box; }
.ACell input[type=checkbox] {margin: 1px; padding: 1px;}
.Alink {display: block; position: relative; left:0; top:0; width: 100%; height: 100%; z-index:5; 
	color: black !important; text-decoration: none !important;}
.Alink:hover {background-color:yellow; color:black; }

.Modal-Header {padding: 6px 6px; font-size:13px; font-weight:bold; background-color: #2e5327; color: white; text-align:left;}
/* The + Button */
.Modal-Add, .Modal-Close {float: right; font-size: 24px; font-weight: bold; line-height: 12px;}
.Modal-Add:hover, .Modal-Add:focus, .Modal-Close:hover, .Modal-Close:focus {color: yellow; text-decoration: none; cursor: pointer;}

.Button {background-color: #2e5327; border: none; color: #ffffff; padding: 4px 8px; text-align: center; 
	text-decoration: none; display: inline-block; font-size: 13px; border-radius: 8px; margin: 2px 2px 0px 0px;}
.Button:hover {color:yellow; cursor:pointer; }

#Modal-Update-Errors, #Modal-Add-Errors {display: none; overflow: auto; background-color: #FFDDDD; 
	border: 1px solid #FF2323; padding: 0 8px; margin: 6px 6px 10px 6px;}
#Modal-Update-Errors label, #Modal-Add-Errors label {float: none; width: auto;}
input.error {border: 1px solid #FF2323; }

#PleaseWait {width: 200px; display:none; text-align: center; float: left;}
/* jQuery Date picker overrides */
div.ui-datepicker{font-size:70%;}
.ui-datepicker-header {background-color: green;}

/* styles for the Youtube video frames */
.video-container {position: relative;  padding-bottom: 0%;  height: 0;   overflow: hidden;  max-width: 100%;}
.video-container iframe {position: absolute;  top: 0;  left: 0; width: 100%;  height: 100%;}

#Form-Errors {display: none; overflow: auto; background-color: #FFDDDD; border: 1px solid #FF2323; 
	padding: 4px 10px 0px 10px; margin-bottom: 10px; width: 90%}
#Form-Errors p {margin-top: 2px;}	
#Form-Errors ul {margin-top: 4px; margin-bottom: 4px;}

#Form-Errors-Tiny {display: none; overflow: auto; background-color: #FFDDDD; border: 1px solid #FF2323; 
	padding: 4px 10px 4px 10px; margin-bottom: 10px; width: 90%; max-width: 600px; text-align:left;}
#Form-Errors-Tiny p {margin: 1px;}	
#Form-Errors-Tiny ul {margin-top: 1px; margin-bottom: 1px;}