/* DANIEL'S VISUAL EDITS */

/* EDIT COLORS & FONTS */

body {font-family:"Century Gothic", sans-serif; font-size:medium;}

td,
th {
	padding: 2px;
  }

label {
	font-weight: 400;
	padding-left: 5px;
	display: inline;
  }

.inner a, a#MainContentPlaceHolder_ProfileControl_AcctLink,
a#MainContentPlaceHolder_PrevMonthBtn, a#MainContentPlaceHolder_ProfileControl_WebUserName,
a#MainContentPlaceHolder_ShowOptionsBtn, p.bottomcredit, , p.bottomcredit a {color:darkgreen;}

.inner a:visited, 
a#MainContentPlaceHolder_ProfileControl_AcctLink:visited,
a#MainContentPlaceHolder_PrevMonthBtn:visited, a#MainContentPlaceHolder_ProfileControl_WebUserName:visited,
a#MainContentPlaceHolder_ShowOptionsBtn:visited, , p.bottomcredit a:visited
{color:darkgreen;}

.hidemodern {display:none !important;}

.header {
	padding:20px;
	background-color:darkgreen;
	color:#fff;
	width:100%;
}

* {
  box-sizing: border-box;
  -moz-box-sizing:border-box;
  }

.footer {font-size:small; color:#515151;}

.footer a:link {color:#515151;}

.footer a:visited {color:#515151;}

.header a {color:#fff;}

.desigimg {border-width:0px; border-radius: 25%;}

/* END EDIT COLORS & FONTS */

.inner {padding-right:5px; padding-left:5px;}
.inner.lightbg {padding:5px;}

.header .center, .footer .center {width:960px;margin:auto;}

.header .center.headertitle {width:60%;text-align:right;float:right;margin-right:30px;}

.footer table td .center {width:468px;}

.max {width:100%;}

#PageHeader_OrgLogo_WebSiteNameLbl {color:#fff !important;} 

.center.green {background-color:#fff;}

.innerwrapper {
  width:960px;
  padding:5px 20px 10px 20px !important;
  border-top:0;
  moz-box-shadow:    0 10px 20px #ccc;
  -webkit-box-shadow: 0 10px 20px #ccc;
  box-shadow: 0 5px 20px #ccc;
margin-bottom:20px
}

.inner {width:100%;}

.infopanel {width:100% !important;}

select {font-size:14px;font-weight:normal !important;}

#PageHeader_OrgLogo_SearchLbl {color:#fff !important;}

#MainContentPlaceHolder_ProfileControl_AccountBalPrefixLbl, .usernamebalance {float:left;}

.profileaccount {min-height:50px; padding-top:15px;}
.profilelogout {font-size:small; padding:3px 0px 3px 0px;}


.showmobile {display:none;}

/* otherwise, btn-secondary button looks white on iPhone SE */
.btn-secondary {background-color: #f0f0f0;}

@media (min-width: 767px) {

#PageHeader_OrgLogo_SearchDiv {width:260px;float:right;text-align:right;margin-right:40px;}

nav.inner {
  background-color:#999;
  padding:5px 10px;
  margin-bottom:20px;
  -moz-box-shadow:    inset 0 -3px 1px #888;
  -webkit-box-shadow: inset 0 -3px 1px #888;
  box-shadow:         inset 0 -3px 1px #888;
}

nav.inner a, nav.inner a:visited {color:#fff;}

nav ul li.active {
  background-color:#fff;
  padding-left:10px;
  position:relative;
  bottom:-6px;
  -moz-box-shadow:    3px -3px 3px #888888;
  -webkit-box-shadow: 3px -3px 3px #888888;
  box-shadow: 3px -3px 3px #888888;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

nav.inner li.active a {color:#999;font-weight:bold;}
p.bottomcredit {margin:20px 0 !important;}

}

@media (max-width: 979px) {
.wrapper {width:100% !important;}
.header .center, .footer .center {width:100%;}
.innerwrapper .inner {max-width:100%;}
}


@media (max-width: 960px) {
.innerwrapper {width:100%}
.header, .footer {width:100%;}
}


@media (max-width: 767px) {

.header, .footer {padding:20px 0;}
.header .center, .footer .center {width:100%;padding:0;}
.header .center.headertitle {width:100%;text-align:center;float:right;margin:10px auto 0 auto;}

.hidemobile {display:none;}
.showmobile {display:block;}
td.showmobile {display:table-cell;}
th.showmobile {display:table-cell;}

.mobile100 {width: 100%;}

#MainContentPlaceHolder_DateRangeDisplayLabel {position:relative;font-size:22px !important;}
#PageHeader_OrgLogo_SearchDiv {text-align:center;margin-right:0;float:none;margin:auto}
#PageFooter_TntConnectBannerAd {width: inherit !important;}
#MainContentPlaceHolder_ProfileControl_ProfileLbl, #MainContentPlaceHolder_ProfileControl_AcctFilterLbl {display:block;}
.innerwrapper .inner .grid.col2.right select {max-width:none;margin-bottom:5px;width:100% !important}
.infopanel {width:inherit;}
.innersmall {width:100%;}

.innersmall {width:100%;}
.column.col90 p {margin-left:10px;margin-top:0;}
.innersmall.sometopmargin.somebottommargin {margin:0;}
#MainContentPlaceHolder_DisplayPanel {margin-top:50px;}
.btn-menu {background-color:#ccc;}
.innerwrapper {padding-top:10px;}
.center.lightbg.dbl {margin-top:60px;}
.donorpage textarea, .donorpage input, .donorpage select {}
#MainContentPlaceHolder_PrevMonthBtn, #MainContentPlaceHolder_NextMonthBtn, #MainContentPlaceHolder_ShowOptionsBtn {font-size:small;top:25px;position:relative;}
#MainContentPlaceHolder_FilterPanel {margin-top:50px;}
#MainContentPlaceHolder_ShowOptionsBtn {top:5px;}
.inner .max450 {width:100%;}
.inner .max600 {width:100%;}
.inner .max720 {width:100%;}
.column.col90{width:80%;padding-left:15px;}
}

@media (max-width: 650px) {
.namefield {width: 100%;}
.input0x {width:100%;}
.input1x {width:100%;}
.input2x {width:100%;}
.input3x {width:100%;}
.input4x {width:100%;}
.input4xb {width:100%;}
.input5x {width:100%;}
}

@media (max-width: 480px) {

.hidephone {display:none;}
.showphone {display:block;}
td.showphone {display:table-cell;}
th.showphone {display:table-cell;}

}