/* This document contains STYLES for the application and related elements */

form#MainForm {width:100%;height:auto;height:100%;min-height:100%;}
.expand{background: #502d7f;}
.expand img{background:#502d7f;float:none;display:block;}

/* box settings ------------------------------*/
.DataGridHeader,.EventsHeader,.EventDonationDetail,.CampaignsHeader,td.PageManagerHeader,tr.PageManagerHeader,.Profile {padding: 2px 5px 2px 5px;border:1px solid #CCC;margin:5px 0;}
#PageInstructions{color:#666;display:block;border:solid 1px #525252;padding:5px 8px;}

#PageInstructions,.error,.success,.profile,.filelibfiledetails,.eventsheader,.campaignsheader,.donationpaymentamount,table.profile, .MessageBoardsDataGridHeader,.FileLibraryFileList{display:block;}
.Error,.error {width:auto!important}

.DataGridHeader{}
.EventDonationDetail{width:250px;}
table.Events {width:99%}
	
/*  core ------------------------------*/
.HelpButton{color:#fff;background:#8E9296;border:solid 1px #fff;padding:2px;font-weight:bold;width:48px;text-align:center;}
.Error,.error {display: block;padding:5px 0 5px 25px;color:#BF0000;background:#FFE8E8 url(/images/icons/v2/common/exclamation.gif) no-repeat 2px;border:1px solid #BF0000;}
.Success,.success{display:block; padding:5px 0 5px 25px;color:#008000;background:#D0E8D0 url(/images/icons/v2/common/accept.gif) no-repeat 3px 2px;border: 1px solid #008000;}
.DataGridAltItem{background:#e8e8e8;}
.DataGridPager{font-weight:bold;letter-spacing:3px;line-height:20px;text-align:right;}
textarea{width:350px;}

/* profile ------------------------------*/
.ProfileHeader{font-weight:bold;}
.ProfilePageTabHeadings{font-weight:bold;}

/* search ------------------------------*/
.SearchResultsDataGridAltItem{background:#e8e8e8;}
.SearchResultsDataGridPager{font-weight: bold;letter-spacing:3px;line-height:50px;}

/* message boards ------------------------------*/
table.HotTopics{width:250px;}
.MsgItem{background:#ccc;}
.MsgItemSubject{background:#ccc;}
.MsgItemInverse{background:#e8e8e8;}
.MsgItemSubjectInverse{background:#e8e8e8;}	
.LastPostingText{font-style: italic;color:#6B6B6B;}
.BadWordHighlight{font-weight:bold;color:#c42830;}
.MsgsReplyText{}
.MsgsDates{}

/* file library  ------------------------------*/
.FileLibFileDetails{background:#BCB8B8;width:250px;padding:2px 5px 2px 5px;}
.FileLibraryFileList{background:#E4E4E4;width:250px;padding: 2px 5px 2px 5px;}

/* events ------------------------------*/
td.StoreItemHeader{border-color:#666;}

/* donations ------------------------------*/
.DonationPaymentAmount{background:#E4E4E4;border:solid 1px #999;padding:2px 5px 2px 5px;}

/* pagemanager ------------------------------*/
table.PageManager{}

/* communications utility  ------------------------------*/
td.CommUtilHeader{background:#CCC;color:#FFF;}


/*************************************************************************************************************************************/
/*************************************************************************************************************************************/
/* GENERAL STYLES */
/*************************************************************************************************************************************/
/*************************************************************************************************************************************/
body {width:100%; margin:0; padding:0; font:normal 13px Arial, Helvetica, sans-serif; background:#f8f7f2;}

.mastWrap {float:left; width:100%;}
.cntrWrap {width:974px; margin:0 auto;}
.fltFix {float:left; width:100%;}

a {color:#502D7F; text-decoration:underline; font-weight:bold;}
a:hover {color:#333; text-decoration:none;}
a img {border:none;}

.structMid h1 {color:#502d7f; font-weight:bold; font-size:20px; line-height:28px; background:url(images/h1-bg.gif) repeat-x; margin-top:0;}
.structMid h2 {color:#000; font-weight:bold; font-size:18px; line-height:22px;}


.structMid .PageTitleHeader {display:none;}

.index .structMid a {text-decoration:underline;font-size:14px;}
.index .structMid a:hover {text-decoration:underline;}

.PageSubTitleHeader {}
#ContentPageHeader {margin-top:30px;}
/*.PageTitle {display:none;}
h3 {color:#000; font-weight:bold; font-size:18px; line-height:21px;}
h4 {color:#000; font-weight:bold; font-size:15px; line-height:18px;}
h5 {color:#000; font-weight:bold; font-size:13px; line-height:15px;}
p {margin:7px 0; padding:0;}
.index .structMid strong {color:#502D7F;}
*/
.float-left {float:left;}
.float-right {float:right;}
.center {text-align:center;}

img.left {float:left; margin:0 7px 1px 0;}
img.right {float:right; margin:0 0 7px 7px;}

.clear {clear:both;}
.clear-right {clear:right;}
.clear-left {clear:left;}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead {float:left; width:100%; height:auto;}
#ContentLogo {}
.link-wrap {float:left; width:100%; height:96px; background:#502d7f;}
.link-wrap .float-left {display:inline; width:575px; height:96px;}
.link-wrap .float-right {display:inline; width:393px; height:96px; position:relative;}
#ContentMemberTools {} 
#ContentMemberTools .MTLinkscontainer {display:none;}
#ContentMemberTools ul {width:562px; margin:0 0 0 9px; padding:0; font-size:11px;}
#ContentMemberTools ul li {float:left; list-style:none;}
#ContentMemberTools ul li a {color:#fff; text-decoration:none; padding:6px;display:block;}
#ContentMemberTools ul li a:hover {text-decoration:underline;}

h1#ContentTopCommunity {clear:both; margin:0px;padding:0px;}
h1#ContentTopCommunity a {text-indent:-9999px;display:block;background: url(images/knox-header.gif) no-repeat;width:575px;height:69px;padding:0px;margin:0px;}

#ContentTopLinks {float:right; display:inline; height:46px; width:267px; background:url(images/bn-topnav.png) no-repeat; color:#000;  position:relative; z-index:2; margin:-17px 40px 0 0;}
#ContentTopLinks .top-link-wrap {margin:12px 0 0 10px;}
#ContentTopLinks a {/*color:#000;*/ font-weight:bold; text-decoration:none; padding:0 5px;}
#ContentTopLinks a:hover {text-decoration:underline;}

#ContentTopImageRot {float:right; width:396px; height:96px; position:absolute; top:0; left:0; z-index:1;}
#ContentTopImageRot01 {float:right; width:396px; height:97px; overflow:hidden;}
#ContentTopImageRot02 {float:left; width:118px; height:96px; overflow:hidden;display:none;}
#ContentTopImageRot03 {float:left; width:135px; height:96px; overflow:hidden;display:none;}

/* BODY ELEMENTS
---------------------------------------------*/
.structBody {float:left; width:100%; height:auto; background:#f8f7f2;}

/* LEFT COLUMN */

.structLeft {float:left; display:inline; height:auto; width:190px; background:url(images/lc-bg.gif) no-repeat top left; margin:0 16px 0 0;}
.structLeft .left {margin:15px 0 5px 19px; float:left; clear:left; display:inline;}

#ContentLogin {width:145px;}
.divLoginStructContainer {font-size:11px;} /* Main Wrap */
.divLoginStructContainer .PageTitleHeader {}
.divLoginStructContainer .instructions {display:none}
.divLoginStructContainer .PageTitleHeader {font-size:14px; font-weight:bold; color:#333;}
.divLoginPanel {}
.divLoginPanel .divLoginInputs {}
.divLoginPanel .divLoginInputs a.anchorTempLogin {}
.divLoginPanel .divLoginUserNameRow {float:left; margin-top:5px; width:100%; display:inline;}
.divLoginPanel .divLoginUserNameRow .labelUserName label {float:left; height:auto; width:auto; font-size:11px; line-height:18px;}
.divLoginPanel .divLoginUserNameRow input.inputLoginUsername {float:right; height:auto; width:80px; display:inline;}
.divLoginPanel .divLoginPasswordRow {float:left; margin-top:5px; width:100%; display:inline;}
.divLoginPanel .divLoginPasswordRow .labelPassword label {float:left; clear:both; height:auto; width:auto; font-size:11px; line-height:18px;}
.divLoginPanel .divLoginPasswordRow input.inputLoginPassword {float:right; height:auto; width:80px; display:inline;}
.divRememberChkbox {clear:both;}
.divRememberChkbox input {margin-left:0;}
.divLoginLinks {font-size:11px;}
.divLoginLinks br {}
.divLoginButtonRow {margin-top:10px;}
.divLoginButtonRow input.button {background:#502D7F; font-weight:bold; color:#fff; border:none; cursor:pointer;}
.divLoginButtonRow input.loginButton {margin-right:10px;}
#ContentLogin #RES_ID_fb_login_image {width:135px;margin-top:10px;}

#ContentLeftNav {float:left; display:inline; padding:0 0 12px 0; background:url(images/lc-nav-bottom.png) no-repeat bottom left; float:left; height:auto; width:170px;}
#ContentLeftNav ul {background:url(images/lc-nav-top.gif) no-repeat; width:170px; height:auto; margin:0; padding:8px 0 0 0;}
#ContentLeftNav ul li {list-style:none; width:170px;  background:url(images/lc-nav-tile.gif) repeat-y;}
#ContentLeftNav ul li a {height:1%; font-size:12px; font-weight:normal; color:#000; text-decoration:none; margin:0 0 0 10px;padding:0px 0px 0px 3px;}
#ContentLeftNav ul li a:hover {text-decoration:underline;}

#ContentLeftNav ul li.navselected a{font-weight:bold;}

#ContentLeftNav ul li.subHeader {}
#ContentLeftNav ul li.subHeader a{font-size:14px;color:#151414!important;font-weight:bold;margin-left:10px;}
#ContentLeftNav ul li.subHeader a:hover {text-decoration:none;}

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

#ContentLeftNavBottom {float:left;height:auto;margin:0 0 0 20px;padding:0 0 12px;width:151px;}
#ContentLeftNavBottom ul {width:151px; height:auto; margin:0; padding:5px 0 0 0;}
#ContentLeftNavBottom ul li {list-style:none; width:151px;  }
#ContentLeftNavBottom ul li a {height:1%; font-size:12px; font-weight:normal; color:#000; text-decoration:none; margin:0 0 0 0px;padding:0px 0px 0px 3px;}
#ContentLeftNavBottom ul li a:hover {text-decoration:underline;}

#ContentLeftNavBottom ul li.navselected a{font-weight:bold;margin-left:10px;}

#ContentLeftNavBottom ul li.nav a {margin-left:10px;color:#333!important;}
#ContentLeftNavBottom ul li.subHeader a{font-size:14px;color:#151414!important;font-weight:bold;margin-left:0px;}
#ContentLeftNavBottom ul li.subHeader a:hover {text-decoration:none;}

#ContentLeftNavBottom li ul {width:151px; height:auto; margin:0; padding:0;}
#ContentLeftNavBottom li li {list-style:none; width:151px;  }
#ContentLeftNavBottom li.navselected li a,
#ContentLeftNavBottom li li a {padding:0px 0px 0px 10px; font-weight:normal;}
#ContentLeftNavBottom li li.navselected a{font-weight:bold;margin-left:10px;}

#ContentLeftNavBottom li li.navselected li a,
#ContentLeftNavBottom li li li a {padding:0px 0px 0px 15px; font-weight:normal;}
#ContentLeftNavBottom li li li.navselected a{font-weight:bold;margin-left:10px;}

#ContentLeftNavBottom li li li.navselected li a,
#ContentLeftNavBottom li li li li a {padding:0px 0px 0px 20px; font-weight:normal;}
#ContentLeftNavBottom li li li li.navselected a{font-weight:bold;margin-left:10px;}


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

#ContentLeft {width:130px;}
#ContentLeft .head {font-weight:bold; margin:5px 0;font-size:14px;}
#ContentLeft a, #ContentLeft p {text-decoration:none;margin-left:10px;}
#ContentLeft .head a {margin:0px;}
#ContentLeft p a {margin:0px;text-decoration:underline;}
#ContentLeft .lc-contact {font-size:11px;}
#ContentLeft .lc-contact .head {font-size:11px;}

#ContentMiddleLayoutLeft {width:130px;}

#ContentMiddleLayoutLeftFace {width:130px;margin:0 0 5px 19px;}
#imodcmscalendar1217 {margin-top:-6px;}
/* MIDDLE COLUMN*/

.structMid {float:left; width:644px; height:auto;}
#ContentMiddleLayout,
#ContentMiddle {width:644px; height:auto; clear:both; margin-top:20px;}
#ContentMiddleLayout .float-left {float:left; display:inline; height:auto; width:311px; margin:0 75px 0 0;}
#ContentMiddleLayout .float-left div {clear:both;}
#ContentMiddleLayout .float-right {float:right; width:256px; height:auto;}

/* RIGHT COLUMN*/

.structRight {width:124px; float:right}
#ContentRight {}
#ContentMiddleLayout04 a{font-weight:normal;}
#ContentMiddleLayout04 strong a  {font-weight:bold;}

/* FOOTER ELEMENTS 
---------------------------------------------*/
.structFooter {float:left; width:100%; height:auto;}
.structFooter #ContentFooter {}


.moreLink a{float:right;display:block;}

/*********************************************************************************/
/* Group Photos Page */
/*********************************************************************************/
/*table.Photos img{border:1px solid red!important;display:none;}*/
table.Photos td {vertical-align:top;}