/*
Table of Contents (use ctrl-f in your text editor to navigate):

-- 1. MainPane --
-- 2. --
-- 3. --
-- ?. TopImage: The all-purpose pane with invisible background and zero margin/padding --
*/

/* Common Prefixed Crap for the white and yellow gradient */

#TGPane.Tab.NonSelectedTab .TabTop .Title,
#TGPane.Tab.NonSelectedTab .TabTop #CornerSlant:after,
#TGPane.SideBarForm, #TGPane.SideBarForm input[type="button"], #TGPane.SideBarForm input[type="submit"],
#dnn_ctr1183_SubmitForm, 
#TGPane.Menu #NavMenu li ul {
	background: #fff2a1;
	background: -webkit-linear-gradient(#fff, #fff2a1);
	background: -moz-linear-gradient(#fff, #fff2a1);
	background: linear-gradient(#fff, #fff2a1);
}

#TGPane * hr {
background: #000;
border: none;
}

/* end Common Prefixed */

#TGPane.MainPane, #TGPane.InfoBox, #TGPane.InfoBox .Content, #TGPane.SideBar, #TGPane.SideBarForm {
	border-radius: 5px;
	padding: 20px;
	margin: 0;
}

#TGPane.SideBar {
	margin-bottom: 20px;
}


.Content {
  margin: 0;
}

#TGPane .Left {
	float: left;
}

#TGPane .Right {
	float: right;
}

#TGPane .Center, #TGPane.Center > * {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#TGPane.MainPane a:hover, #TGPane.InfoBox a:hover, #TGPane.SideBar a:hover, #TGPane.TopImage a:hover {
	text-decoration: none;
}

#TGPane.MainPane li {
	list-style-type: none;
	background: url(/Icons/TroyMIgov/li-mainpane.png) no-repeat;
	background-position: 0 2px;
	padding: 0 0 0 20px;
}

#TGPane.MainPane {
	background: #fff;
	overflow: visible;
}

#TGPane.MainPane .dnnActionMenu * { 
	color: inherit;
	background: #fff;
}

#TGPane.MainPane img {
	padding-top: 1em;
	padding-bottom: 1em;
}

#TGPane.MainPane a > img {
	padding: 0;
}

#TGPane.MainPane img.Right {
	margin: 20px 0 20px 20px;
}

#TGPane.MainPane img.Left {
	margin: 20px 20px 20px 0;
}

#TGPane.MainPane p {
	color: #000;
	padding: 0;
}

#TGPane.MainPane h1, #TGPane.MainPane strong, #TGPane.ImagePane h1 {
	color: #00529c;
	padding: 0.5em 0;
	margin: 0;
	font-weight: bold;
}

#TGPane.MainPane h2, #TGPane.ImagePane h2 {
	color: #024135;
	padding: 0.1em 0;
	margin: 0;
	font-weight: bold;
}

#TGPane.MainPane h3, #TGPane.ImagePane h3 {
	color: #00529c;
	font-style: normal;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

#TGPane.MainPane h6, #TGPane.ImagePane h6 {
	padding: 0;
	margin: 0;
}

#TGPane.MainPane a,
#TGPane.InfoBox a
{
	color: #60390f;
	text-decoration: underline;
	background: #fff2a1;
}

#TGPane.MainPane a:hover,
#TGPane.InfoBox a:hover {
	text-decoration: none;
}












#TGPane.MainPanePolice a:hover, #TGPane.InfoBox a:hover, #TGPane.SideBar a:hover, #TGPane.TopImage a:hover {
	text-decoration: none;
	
}

#TGPane.MainPanePolice li {
	list-style-type: none;

	background-position: 0 2px;
	padding: 0 0 0 20px;
}

#TGPane.MainPanePolice {
	background: #fff;
	overflow: visible;
}

#TGPane.MainPanePolice .dnnActionMenu * { 
	color: inherit;
	background: #fff;
}

#TGPane.MainPanePolice img {
	padding-top: 1em;
	padding-bottom: 1em;
}

#TGPane.MainPanePolice a > img {
	padding: 0;
}

#TGPane.MainPanePolice img.Right {
	margin: 20px 0 20px 20px;
}

#TGPane.MainPanePolice img.Left {
	margin: 20px 20px 20px 0;
}

#TGPane.MainPanePolice p {
	color: #000;
	padding: 0;
}

#TGPane.MainPanePolice h1, #TGPane.MainPanePolice strong, #TGPane.ImagePane h1 {
	color: #00529c;
	padding: 0.5em 0;
	margin: 0;
	font-weight: bold;
}

#TGPane.MainPanePolice h2, #TGPane.ImagePane h2 {
	color: #024135;
	padding: 0.1em 0;
	margin: 0;
	font-weight: bold;
}

#TGPane.MainPanePolice h3, #TGPane.ImagePane h3 {
	color: #00529c;
	font-style: normal;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

#TGPane.MainPanePolice h6, #TGPane.ImagePane h6 {
	padding: 0;
	margin: 0;
}

#TGPane.MainPanePolice a {


	
}

#TGPane.MainPanePolice a:hover {
	text-decoration: none;
	
}

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:500);
/* 2f4b87 */
/* 2f4b87 */
/* #1f325d */
/* Menu CSS */
#TGPane.MainPanePolice #PoliceMenu {
  width: 1000px;
}
#TGPane.MainPanePolice #PoliceMenu,
#TGPane.MainPanePolice #PoliceMenu ul,
#TGPane.MainPanePolice #PoliceMenu ul li,
#TGPane.MainPanePolice #PoliceMenu ul li a {
  padding: 0;
  margin: 0;
  line-height: 1;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
#TGPane.MainPanePolice #PoliceMenu:before,
#TGPane.MainPanePolice #PoliceMenu:after,
#TGPane.MainPanePolice #PoliceMenu > ul:before,
#TGPane.MainPanePolice #PoliceMenu > ul:after {
  content: '';
  display: table;
}
#TGPane.MainPanePolice #PoliceMenu:after,
#TGPane.MainPanePolice #PoliceMenu > ul:after {
  clear: both;
}
#TGPane.MainPanePolice #PoliceMenu a {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
#TGPane.MainPanePolice #PoliceMenu ul {
  background: #3b5998;
  border-radius: 3px;
  border: 1px solid #2b4479;
  border: 1px solid #2d4373;
  -webkit-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  -o-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  -moz-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  -ms-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}
#TGPane.MainPanePolice #PoliceMenu ul > li {
  float: left;
  list-style: none;
}
#TGPane.MainPanePolice #PoliceMenu ul > li > a {
  display: block;
  text-decoration: none;
  padding: 10px 10px;
  position: relative;
}
#TGPane.MainPanePolice #PoliceMenu ul > li > a:hover {
  background: #2d4373;
  -webkit-box-shadow: inset 0 0 1px #1e2e4f;
  -o-box-shadow: inset 0 0 1px #1e2e4f;
  -moz-box-shadow: inset 0 0 1px #1e2e4f;
  -ms-box-shadow: inset 0 0 1px #1e2e4f;
  box-shadow: inset 0 0 1px #1e2e4f;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
#TGPane.MainPanePolice #PoliceMenu ul > li > a:hover:before {
  content: '';
  z-index: 2;
  position: absolute;
  border: 1px solid white;
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: -1px;
  opacity: .2;
}
#TGPane.MainPanePolice #PoliceMenu ul > li > a:hover:after {
  content: '';
  z-index: 2;
  position: absolute;
  border: 1px solid white;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1px;
  opacity: .2;
}
#TGPane.MainPanePolice #PoliceMenu > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
#TGPane.MainPanePolice #PoliceMenu > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  position: absolute;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
#TGPane.MainPanePolice #PoliceMenu > ul > li > ul {
  width: 300px;
  position: absolute;
}
#TGPane.MainPanePolice #PoliceMenu > ul > li > ul > li {
  float: none;
  position: relative;
}
#TGPane.MainPanePolice #PoliceMenu > ul > li > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
#TGPane.MainPanePolice #PoliceMenu > ul > li > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  position: absolute;
}
#TGPane.MainPanePolice #PoliceMenu > ul > li > ul > li > ul {
  left: 300px;
  top: 1px;
  width: 300px;
}
#TGPane.MainPanePolice #PoliceMenu > ul > li > ul > li > ul > li {
  float: none;
}
</style>












#TGPane.TopImage, #TGPane.TopImage * {
	padding: 0;
	margin: 0;
	text-align: center;
}

#TGPane.TopImage {
	background: none;
}

#TGPane.TopImage .Normal img {
	border-radius: 5px 5px 0 0;
	width: 100%;
}

#TGPane.TopImage .Home {
	border-radius: 0;
}

#TGPane ul#SocialMedia {
	display: inline-block;
	margin: 10px auto 0 auto;
	text-align: center;
	padding: 0;
	width: 100%;
}

#TGPane ul#SocialMedia li {
	display: inline-block;
	box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.6);
	width: 60px;
	height: 60px;
	border-radius: 6px;
}

#TGPane ul#SocialMedia li a {
	background: url(/Icons/TroyMIgov/logos.png);
	display: inline-block;
	width: 60px;
	height: 60px;
}

#TGPane #SocialMedia .Facebook {
	background-position: 0px 0px;
}

#TGPane #SocialMedia .Twitter {
	background-position: -60px 0px;
}

#TGPane #SocialMedia .YouTube {
	background-position: -120px 0px;
}

#TGPane #SocialMedia .Subscribe {
	background-position: -180px 0px;
}

#TGPane iframe {
	box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.6);
	border: 1px solid #fff;
}

#TGPane .dnnActionMenu *, #TGPane.ImagePane .dnnActionMenu *, #TGPane.TopImage .dnnActionMenuTag *, #TGPane.TopImage .dnnActionMenuBody * {
	color: inherit;
}

#TGPane .Image {
	background-color: #dfe9f3;
	margin: 10px;
	padding: 0;
	text-align: center;
}

#TGPane .Image img {
	padding: 0;
}

#TGPane .Image h1, #TGPane .Image h2, #TGPane .Image h3, #TGPane.ImagePane h1, #TGPane.ImagePane h2, #TGPane.ImagePane h3 {
	margin: 5px 5px 0 5px;
	padding: 0;
}

#TGPane .Image p, #TGPane.ImagePane p {
	margin: 0 5px 5px 5px;
	padding: 0
}

#TGPane .Image a, #TGPane.ImagePane a {
	text-decoration: none;
	background: none;
}

#TGPane .Image a:hover, #TGPane.ImagePane a:hover {
	text-decoration: underline;
}

#TGPane .Image.Tiles {
	width: 270px;
	display: inline-block;
	vertical-align: top;
  height: 275px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#TGPane .Image.Tiles h3, #TGPane .Image.Tiles h3 * {
	width: 100%;
	color: #fff;
	margin: 0;
	padding: 0.25em 0;
}

#TGPane .Image.Tiles h3 * {
	padding: 0.25em;
}

#TGPane .Image.Tiles h3 a {
	font-weight: bold;
}

#TGPane .Image.Tiles img {
	background: #fff;
	border: 5px solid #fff;
	box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.6);
	margin: 1em;

}

#TGPane.ImagePane {
	padding: auto;
	margin: 20px;
	background: #fff;
	text-align: center;
}

#TGPane.ImagePane .Content {
	background: #dfe9f3;
	padding: 0;
	margin: 0;
	text-align: center;
	overflow: hidden;
}

#TGPane.ImagePane img {
	margin: 0;
	padding: 0;
}

#TGPane.InfoBox {
	background: #fff;
	margin: 0;
	padding: 0;
}

#TGPane.InfoBox #DropSection {
	margin-left: 3em;
}

#TGPane.InfoBox .Content {
	background: #396c5f;
	margin: 30px 20px 20px 20px;
	padding: 1px 20px 20px 20px;
	color: #fff;
}

#TGPane.InfoBox .Content:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#TGPane.InfoBox li, #TGPane.InfoBox h1, #TGPane.InfoBox h2, #TGPane.InfoBox h3, #TGPane.InfoBox p

 {
	color: #fff;
}

#TGPane.InfoBox strong, #TGPane.InfoBox h3 {
	color: #ffed7d;
}

#TGPane.InfoBox p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#TGPane.InfoBox h3 {
	margin-top: 0.5em;
	margin-bottom: 0;
	font-weight: bold;
}

#TGPane.InfoBox h2 {
	color: #396c5f;
	background: #ffed7d;
	padding: 5px 0;
	margin: 0 auto;
	width: 260px;
	font-style: normal;
	font-weight: bold;
}

#TGPane.InfoBox h2.HolidayHours {
	clear: both;
	text-align: center;
	color: #396c5f;
	background: #ffed7d;
	width: 540px;
	cursor: pointer;
}

#TGPane.InfoBox h2.HolidayHours.NonSelected {
	background: none;
	color: #ffed7d;
}


#TGPane.InfoBox .DropSection {
	margin-left: 1em;
}

#TGPane.InfoBox .DropSection.NonSelected {
	display: none;
}

#TGPane h2.HolidayHours:before {
	content: "- ";
}

#TGPane h2.HolidayHours.NonSelected:before {
	content: "+ ";
}



#TGPane .Left, #TGPane .Right {
	text-align: center;
	/*width: 50%;*/
}

#TGPane .dnnActionMenu a {
	color: #03f;
}

#TGPane.InfoBox li {
	list-style-type: none;
	background: url(/Icons/TroyMIgov/li-infobox.png) no-repeat;
	background-position: 0 2px;
	padding: 1px 0 14px 25px;
}

#TGPane.InfoBox ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#TGPane.InfoBox h1 {
	font-style: italic;
}

#TGPane.SideBar, #TGPane.SideBarForm {
	padding: 1px 20px;
}

/* PoolGym */

#TGPane.PoolGym {
	padding: 1px 20px;
	background: #fff;
	padding: 1px 20px 1px 20px;
	box-shadow: 0 0 5px 2px rgba(255, 255, 255, .75), 3px 3px 6px 0 rgba(0, 0, 0, 1);
}


#TGPane.PoolGym .dnnActionMenu * { 
color: inherit;
}

#TGPane.PoolGym p {
	color: #fff;
}

#TGPane.PoolGym h1 {
	color: #ffed7d;
}

#TGPane.PoolGym p a, #TGPane.PoolGym a:visited, #TGPane.PoolGym a:active {
	text-decoration: underline;

	background: #fff2a1;	
}

#TGPane.PoolGym hr {
	background: #a9d4ff;
}

#TGPane.PoolGym a:hover {
	color: #a9d4ff;
	text-decoration: none;
}

#TGPane.PoolGym {
	border-radius: 5px;
	padding: 0 20px 20px 20px;
	margin: 0;
}

#TGPane.PoolGym {
	margin-bottom: 20px;
}


/* PoolGym */


/* RecHours */

#TGPane.RecHours {
	background: #fff;
	margin: 0;
	padding: 0;
}

#TGPane.RecHours #DropSection {
	margin-left: 3em;
}

#TGPane.RecHours .Content:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#TGPane.RecHours li, #TGPane.RecHours h1, #TGPane.RecHours h2, #TGPane.RecHours h3, #TGPane.RecHours p, #TGPane.RecHours a {
	color: #fff;
}

#TGPane.RecHours strong, #TGPane.RecHours h3 {
	color: #ffed7d;
}

#TGPane.RecHours p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#TGPane.RecHours h3 {
	margin-top: 0.5em;
	margin-bottom: 0;
	font-weight: bold;
}
 
#TGPane.RecHours h2 {
	text-align: center;
	padding: 5px 0;
	margin: 0 auto;
	width: 260px;
	font-style: normal;
	font-weight: bold;
	cursor: pointer;
}


#TGPane.RecHours h2.HolidayHours.NonSelected {
	background: none;

}

#TGPane.RecHours .DropSection.NonSelected {
	display: none;
}

#TGPane.RecHours {
	padding: 1px 20px;
}

#TGPane.RecHours {
	background: #2E9AFE;
}

#TGPane.RecHours {

	padding: 1px 20px 1px 20px;
	box-shadow: 0 0 5px 2px rgba(255, 255, 255, .75), 3px 3px 6px 0 rgba(0, 0, 0, 1);
}

#TGPane.RecHours {

	padding: 1px 20px 1px 20px;
	box-shadow: 0 0 5px 2px rgba(255, 255, 255, .75), 3px 3px 6px 0 rgba(0, 0, 0, 1);
}

#TGPane.RecHours .dnnActionMenu * { 
	color: inherit;
}

#TGPane.RecHours p {
	color: #fff;

}

#TGPane.RecHours h1 {
	color: #ffed7d;
}

#TGPane.RecHours h3{

	font-weight: bold;
}

#TGPane.RecHours a, #TGPane.RecHours a:visited, #TGPane.RecHours a:active {

	text-decoration: underline;

	font-weight: bold;
}

#TGPane.RecHours hr {
	background: #a9d4ff;
}

#TGPane.RecHours a:hover {
	color: #a9d4ff;
	text-decoration: none;
}

#TGPane.RecHours {
	border-radius: 5px;
	padding: 10px 5px 10px 2px;
	margin: 0;
}

#TGPane.RecHours {
	margin-bottom: 20px;
}

#TGPane.RecHours.RecreationHours {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    width:100%;
    border-collapse:collapse;
}

#TGPane.RecHours.RecreationHours td, #TGPane.RecHours.RecreationHours th{
    font-size:1em;
    border:1px solid #2E9AFE;
    padding:3px 7px 2px 7px;
}

#TGPane.RecHours.RecreationHours th{
    font-size:1.1em;
    text-align:left;
    padding-top:5px;
    padding-bottom:4px;
    background-color:#2E9AFE;
    color:#ffffff;
}

#TGPane.RecHours.RecreationHours tr.alt td{
    color:#000000;
    background-color:#CEECF5;
}

#TGPane.RecHours.RecreationHours tr.white td {
	color:#000000;
	background-color:#ffffff;
}
	
/* RecHours */


/* Sidebar structural */

#TGPane.SideBar, #TGPane.Tab .Content, #TGPane.Tab .TabTop .Title, #TGPane.Tab .TabTop #CornerSlant:after {
/* Sidebar structural */
	/*background-image: -moz-linear-gradient(-45deg, #1e5799 0%, #1e5799 22%, #000 22%, #000 30%, #1e5799 30%, #1e5799 72%, #000 72%, #000 80%, #1e5799 80%, #1e5799 100%);
	background-image: -webkit-linear-gradient(-45deg, #1e5799 0%,#1e5799 20%,#000 20%,#000 30%,#1e5799 30%,#1e5799 70%,#000 70%,#000 80%,#1e5799 80%,#1e5799 100%);
	background-image: linear-gradient(135deg, #1e5799 0%,#1e5799 20%,#000 20%,#000 30%,#1e5799 30%,#1e5799 70%,#000 70%,#000 80%,#1e5799 80%,#1e5799 100%);
	*/color: #fff;
	background-color: #1e5799;
	background-size: 6px 6px;
	background-repeat: repeat;
}

#TGPane.SideBar .DropSection{
	margin-left: 2em;
}

#TGPane.SideBar .DropSection.NonSelected {
	display: none;
}

#TGPane.SideBar .DropSectionTrigger.NonSelected:before {
	content: "+ ";
}

#TGPane.SideBar .DropSectionTrigger:before {
	content: "- ";
}

#TGPane.Tab .TabTop #CornerSlant:after {
	content: "";
	position: absolute;
	top: -50px;
	left: -50px;
	z-index: 1;
	width: 200%;
	height: 200%;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background-position: -0.2px 0;
}

#TGPane.Tab .TabTop #CornerSlant {
	display: block;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 23px;
	left: 178.5px;
	z-index: 1;
	overflow: hidden;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	box-shadow: -0.5px 2.5px 5px 3.3px rgba(0, 0, 0, .75);
}

#TGPane.Tab.NonSelectedTab .TabTop .Title, #TGPane.Tab.NonSelectedTab .TabTop #CornerSlant:after {
	background-size: 100%;
	border-left: 1px solid #522500;
	border-top: 1px solid #522500;
	box-shadow: none;
}

#TGPane.Tab.NonSelectedTab .TabTop .Title .Head {
	color: #522500;
}

#TGPane.Tab.NonSelectedTab .TabTop #CornerSlant:after {
	background-position: 0px -6px;
	background-size: 45px 45px;
}

#TGPane.Tab.NonSelectedTab .TabTop #CornerSlant {
	border-top: 1px solid #522500;
	margin-top: -0.8px;
	box-shadow: none;
}

#TGPane.Tab .TabTop {
	width: 270px;
	height: 45px;
	position: relative;
	left: 20px;
	z-index: 1;
	overflow: hidden;
	padding: 5px 0 0 5px;
	cursor: pointer;
}

#TGPane.Tab .TabTop .Title {
	background-position: 1px 0;
	display: block;
	float: left;
	width: 215px;
	height: 100%;
	position: absolute;
	z-index: 3;
	border-radius: 5px 5px 0 0;
	box-shadow: -3px -2.5px 5px -1.5px rgba(0, 0, 0, .75);
	font-size: 125%;
}

#TGPane.Tab .TabTop .Title .Head {
	margin: 0 20px;
	position: relative;
	top: 10px;
	color: #fff;
}

#TGPane.Tab .Content {
	left: 0;
	border-radius: 5px;
	z-index: 0;
	padding: 20px;
	box-shadow: 0 0 5px 2px rgba(255, 255, 255, .75), 2px 1px 6px 2px rgba(0, 0, 0, 1);
}

#TGPane.Tab.SelectedTab .Content {
	z-index: 0;
}

#TGPane.Tab.SelectedTab .TabTop .Title .Head {
	color: #fff;
}

#TGPane.Tab.NonSelectedTab .Content {
	display: none;
	z-index: -1;
}

#TGPane.Tab .TabContent {
	position: absolute !important;
	width: 890px;
	left: 5px;
}



#TGPane.SideBar {

	padding: 1px 20px 1px 20px;
	box-shadow: 0 0 5px 2px rgba(255, 255, 255, .75), 3px 3px 6px 0 rgba(0, 0, 0, 1);
}


#TGPane.SideBar .dnnActionMenu * { 
color: inherit;
}

#TGPane.SideBar p, #TGPane.Tab .Content p {
	color: #fff;

}

#TGPane.SideBar h1, #TGPane.Tab .Content h1, #TGPane.SideBar strong, #TGPane.Tab .Content strong {
	color: #ffed7d;
}

#TGPane.SideBar h3, #TGPane.Tab .Content h3 {

	font-weight: bold;
}

#TGPane.SideBar a, #TGPane.SideBar a:visited, #TGPane.SideBar a:active, #TGPane.Tab .Content a {
	color: #a9d4ff;
	text-decoration: underline;

	font-weight: bold;
}

#TGPane.SideBar hr {
	background: #a9d4ff;
}

#TGPane.SideBar a:hover, #TGPane.Tab .Content a:hover {
	color: #a9d4ff;
	text-decoration: none;
}

#TGPane #TroyToday, #TGPane #TroyToday:hover {
	-webkit-transition: 0.1s linear;
	-moz-transition: 0.1s linear;
	transition: 0.1s linear;
}

#TGPane #TroyToday {
	display: block;
	padding: 0;
	margin: 1em 0 0 0;
	overflow: visible;
}

#TGPane #TroyToday a {
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 5px;
	box-shadow: inset 0 0 2px 2px rgba(255, 255, 255, 1), 3px 3px 6px 0 rgba(0, 0, 0, 0.6);
}

#TGPane #TroyToday img {
	border-radius: 4px;
	margin: 0;
}

#TGPane.SideBarForm, #dnn_ctr1183_SubmitForm, #TGPane.SideBarForm input[type="button"], #TGPane.SideBarForm input[type="submit"] {
	box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.6);
}

#TGPane.SideBarForm {
	color: #bb7a22;

	font-style: italic;
	margin: 0;
	overflow: hidden;
	padding-bottom: 7px;
	
}

#TGPane.SideBarForm h1{
	color: #00529c;
	margin: 5px 0;
}

#TGPane.SideBarForm hr {
	background: #bb7a22;
}

#TGPane.SideBarForm input[type="text"], 
#TGPane.SideBarForm input[type="datetime"],
#TGPane.SideBarForm textarea{
	border: 1px solid;
	border-radius: 5px;
	padding: 5px;
	color: #bb7a22;
	font-style: italic;
	width: 210px;
	margin: 5px auto;
	outline: none;
}

#TGPane.SideBarForm input[type="text"]:focus, 
#TGPane.SideBarForm input[type="datetime"]:focus, 
#TGPane.SideBarForm textarea:focus {
	box-shadow: inset 0 0 5px 3px #fff2a1;
}

#TGPane.SideBarForm input[type="button"], #TGPane.SideBarForm input[type="submit"], #dnn_ctr1183_SubmitForm {
	color: #60390e;
	border: 2px solid #60390e;
	border-radius: 5px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	float: right;
	width: 100px;
}

#TGPane.SideBarForm input[type="button"]:active, #TGPane.SideBarForm input[type="submit"]:active, #dnn_ctr1183_SubmitForm:active {
	margin: 1px -1px -1px 1px;
	box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.9);
}

#TGPane.SideBarForm #AskQSubmit {
	float: right;
	width: 100px;
}

#TGPane fieldset {
  margin: 1em 0;
/*	border: none;
/	padding: 0;*/
}

#TGPane.FooterPane * {
	font-size: 100%;
}

#TGPane.FooterPane, #TGPane.FooterPane p, #TGPane.FooterPane ul {
	color: #fff;
	margin: 0;
}

#TGPane.FooterPane ul li {
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
}

#TGPane.FooterPane ul li ul {
	max-width: 305px;
	overflow: visible;
	margin-left: 1.5em;
	margin-right: -1.5em;
}

#TGPane.FooterPane ul li ul li {
	width: 140px;
	display: inline-block;
	vertical-align: middle;
}

#TGPane.FooterPane ul li ul li a {
	display: list-item;
	list-style-type: disc;
}

#TGPane.FooterPane ul li.Resources {
	max-width: 250px;
}

#TGPane.FooterPane ul li.Resources ul li {
	width: 120px;
}

#TGPane.FooterPane ul li.Contact, #TGPane.FooterPane ul li.Calendar {
	max-width: 180px;
}

#TGPane.SideBar #Events {
	margin-bottom: 1em;
}

#TGPane .FooterPane .ListGroup {
	display: inline;
}

#TGPane.FooterPane h1, #TGPane.FooterPane h2, #TGPane.FooterPane h3, #TGPane.FooterPane h1 a, #TGPane.FooterPane h2 a, #TGPane.FooterPane h3 a {
	color: #ffed7d;
	margin: 0;
}

#TGPane.FooterPane ul {
	padding: 0;
}

#TGPane.FooterPane a, #TGPane.FooterPane ul {
	color: #a9d4ff;
}

#TGPane.FooterPane a {
	text-decoration: underline;
}

#TGPane.FooterPane a:hover {
	text-decoration: none;
}

#TGPane.FooterPane #logoBG {
	background: url(/Icons/TroyMIgov/logo-troymi-footer.png) no-repeat bottom right;
	padding: 0;
}

#TGPane.HomeBox {
	padding: 10px 30px;
	box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.6);
	background-color: rgba(0, 82, 156, 0.8);
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	height: 180px;
}

#TGPane.HomeBox h1, #TGPane.HomeBox h1 a {
	color: #ffed7d;
}

#TGPane.HomeBox a {
	text-decoration: underline;
}

#TGPane.HomeBox a:hover {
	text-decoration: none;
}

#TGPane.HomeBox p {
	color: #fff;
}

#TGPane.HomeBox a {
	color: #93c2f0;
}

/* Subscribe Button and associated */

#TGPane.Subscribe #SubButton {
	background: #396c5f;
	background: -webkit-linear-gradient(top, #396c5f 1%,#396c5f 55%,#182d28 100%);
	background: -moz-linear-gradient(top, #396c5f 1%, #396c5f 55%, #182d28 100%);
	background: linear-gradient(to bottom, #396c5f 1%,#396c5f 55%,#182d28 100%);
	display: block;
	padding: 2px;
	margin: 0;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
	width: 160px;
	border: 1px solid #fff;
	border-radius: 5px;

  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.6);
}

#TGPane.Subscribe #SubButton:active {
	margin: 1px -1px -1px 1px;
	box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.9);
}

#TGPane.Subscribe #SubButton .SubIcon {
	background-position: -3600px 0; 
	width: 47px;
	height: 45px;
	display: inline-block;
	vertical-align: middle;
}

#TGPane.Subscribe #SubButton .Text {
	display: inline-block;
	width: 110px;
	vertical-align: middle;
	margin: auto;
}

/* End Subscribe Button */

#dnn_Subscribe .DnnModule {
  display: inline-block;
}

/* Troy Today Button */

#TGPane.TroyToday {
  background: #396c5f;
  background: -webkit-linear-gradient(top, #396c5f 1%,#396c5f 55%,#182d28 100%);
  background: -moz-linear-gradient(top, #396c5f 1%, #396c5f 55%, #182d28 100%);
  background: linear-gradient(to bottom, #396c5f 1%,#396c5f 55%,#182d28 100%);
  display: block;
  padding: 2px;
  margin: 0 0 0 20px;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
  width: 160px;
  height: 45px;
  border: 1px solid #fff;
  border-radius: 5px;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.6);
}

#TGPane.TroyToday .Normal a {
  text-decoration: none;
  color: white;
}

#TGPane.TroyToday .Normal {  
  display: inline-block;
  width: 110px;
  vertical-align: middle;
  margin-left: 50px;
  margin-top: 8px;
}


#TGPane.TroyToday .Content:before {
  content: ' ';
  background-image: url(/Icons/TroyMIgov/IconSheet5.png);
  background-repeat: no-repeat;
	background-position: -2565px 0;
  position: absolute;
  width: 47px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
}


/* End Troy Today Button */


/* Search Bar and MainPane Forms */

#TGPane.SearchBar input[type="text"], 
#TGPane.MainPane input[type="text"], 
#TGPane.MainPane input[type="datetime"], 
#TGPane.MainPane input[type="password"], 
#TGPane.MainPane select,
#TGPane.MainPane textarea {
	border: 1px solid #3d7365;
	border-radius: 11px;
	background: #fff;
	box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.6);
	color: #396c5f;
	font-style: italic;
	outline: none;
	padding: 0 10px;
	height: 25px;
}

#TGPane.MainPane input[type="text"], 
#TGPane.MainPane input[type="datetime"], 
#TGPane.MainPane input[type="password"], 
#TGPane.MainPane select,
#TGPane.MainPane textarea {
	display: block;
	margin: 1em;
}

#TGPane.MainPane textarea {
	height: 75px;
}

#TGPane textarea {
	overflow: hidden;
}

#TGPane.SearchBar input[type="text"],
#TGPane.SearchBar input[type="datetime"],  {
	width: 150px;
	height: 20px;
}

#TGPane input[type="text"]:focus, 
#TGPane input[type="datetime"], 
#TGPane textarea:focus {
	font-style: normal;
}

#TGPane.SearchBar input[type="text"]:focus, 
#TGPane.MainPane input[type="text"]:focus, 
#TGPane.MainPane input[type="datetime"]:focus, 
#TGPane.MainPane textarea:focus {
	font-style: normal;
	box-shadow: inset 0 0 5px 3px #fff2a1, 3px 3px 6px 0 rgba(0, 0, 0, 0.6);
}

#TGPane.SearchBar #SearchButton, 
#TGPane.MainPane input[type="submit"], 
#TGPane.MainPane input[type="button"], 
#TGPane .Image.Tiles h3, 
#Wrapper #TGPane .Button,
#TGPane Button
{
	background: #396c5f;
	background: -moz-linear-gradient(top, #396c5f 1%, #396c5f 20%, #182d28 100%);
	background: -webkit-linear-gradient(top, #396c5f 1%,#396c5f 20%,#182d28 100%);
	background: linear-gradient(to bottom, #396c5f 1%,#396c5f 20%,#182d28 100%);
	color: #fff;
}

#Wrapper #TGPane .Button {
	display: inline-block;
	padding: 0 0.5em;
	color: #fff;
	text-decoration: none;
	box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.6);
	border: 1px solid;
	border-color: #fff;
	border-radius: 6px;
	text-align: center;
}

#TGPane.SearchBar #SearchButton, 
#TGPane.MainPane input[type="submit"], 
#TGPane.MainPane input[type="button"],
#TGPane Button {
	color: #fff;
	cursor: pointer;
	box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.6);
	border: 1px solid;
	border-color: #fff;
	border-radius: 6px;
	text-align: center;
	vertical-align: bottom;
	
}

#TGPane Button[disabled] {
  color: silver;
  background: gray;
  cursor: default;
}

#dnn_ctr1088_CFD_cmdSend {
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

#TGPane.SearchBar #SearchButton {
	margin-left: 5px;
	width: 65px;
	height: 22px;
}

#TGPane.SearchBar #SearchButton:active, #TGPane.MainPane input[type="button"]:active, #TGPane.MainPane input[type="subject"]:active {
	box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.9);
}

#TGPane.SearchBar #SearchButton:active {
	margin: 1px -1px -1px 6px;
}

#TGPane.MainPane input[type="button"]:active, #TGPane.MainPane input[type="subject"]:active {
	margin: 1px -1px -1px 1px;
}

/* end Search Bar and MainPane Forms */

/* Nav Menu */

#TGPane.Menu #NavMenu {
	color: #683e10;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	left: 3px;
	width: 660px;
	text-align: right;
	font-size: 95%;
}

#TGPane.Menu #NavMenu li .selected {
	background: #fff;
}

#TGPane.Menu #NavMenu li {
	display: inline-block;
	background: none;
	margin: 0 -2px;
}

#TGPane.Menu #NavMenu .tab {
	background: none;
	display: inline-block;
	padding: 5px 5px 25px 5px;
	margin: 0;
	width: auto;
	height: auto;
	border-radius: 10px;
}

#Wrapper #TGPane .Icon, #Wrapper #TGPane.Departments.Icon, #TGPane.Subscribe #SubButton .SubIcon {
	background-image: url(/Icons/TroyMIgov/IconSheet5.png);
	background-repeat: no-repeat;
}

#TGPane.Menu, #NavMenu .Icon, #TGPane #NavMenu img {
	display: block;
	margin: 10px auto 2px;
}

#NavMenu .Icon, #TGPane #NavMenu img {
	display: block;
}

#Wrapper #TGPane .Icon , #TGPane #NavMenu img, #TGPane .IconList img {
	width: 45px;
	height: 45px;
}


/*#Wrapper #TGPane .Icon.Small {
	width: 30px;
	height: 30px;
	background-size: 2310px 30px;
}*/


#TGPane.Menu #NavMenu li ul li .Icon, #TGPane.Menu #NavMenu li ul li img { /*Sub Menu */
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin: 0;
}

#TGPane.Menu #NavMenu li span.Text {
	font-size: 101%;
	background: none;
	display: inline;
	max-width: 100%;
	margin: 0 2px 2px 2px;
}

#TGPane.Menu #NavMenu li ul li span.Text {
	margin: 0 0 0 10px;
	max-width: 125px;
	vertical-align: middle;
}

#TGPane.Menu #NavMenu li a {
	padding: 0 5px 0;
	margin: 0;
	height: 75px;
	display: inline-block;
	vertical-align: bottom;
	text-align: center;
	color: #683e10;
	text-decoration: none;
	border: 2px solid #522500;
	border-radius: 7px;
	box-shadow: inset 0 0 2px 2px rgba(255, 255, 255, 1), 3px 3px 6px 0 rgba(0, 0, 0, 0.6);
	background: #fff2a1;
	background: -webkit-linear-gradient(top, #fff 0%,#fff2a1 50%,#fff2a1 100%);
	background: -moz-linear-gradient(top, #fff 0%, #fff2a1 50%, #fff2a1 100%);
	background: linear-gradient(to bottom, #fff 0%, #fff2a1 50%, #fff2a1 100%);
	outline: none;
}

/*#TGPane.Menu #NavMenu li:hover a, */#TGPane.Menu #NavMenu li a.Selected {
	background: #fff;
}

#TGPane.Menu #NavMenu li > span > a:active {
	margin: 1px -1px -1px 1px;
	box-shadow: inset 0 0 3px 2px rgba(255, 255, 255, 1), 2px 2px 3px 0 rgba(0, 0, 0, 0.9);
}

#TGPane.Menu #NavMenu li ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	right: -2px;
	top: 93px;
	width: 777px;
	border: 3px solid #683e10;
	border-radius: 8px;
	padding: 20px 0;
	box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.6);
}

#TGPane.Menu #NavMenu li:hover ul {
	visibility: visible;
	opacity: 1;
}

#TGPane.Menu #NavMenu li:hover > .tab {
	background: #683e10;
	width: auto;
	height: auto;
}

#TGPane.Menu #NavMenu li ul li a {
	background: none !important;
	border: none;
	border-radius: 0;
	box-shadow: none;
	display: block;
	text-align: left;
	padding: 0 0 0 5px;
	margin: 0 5px 0 5px;
	height: 45px;
	overflow: hidden;
}

#TGPane.Menu #NavMenu li ul li a:hover {
	background: #fff !important;
}

#TGPane.Menu #NavMenu li ul li {
	width: 258px;
	height: 45px;
	border-right: 1px solid;
	float: left;
	padding: 3px 0;
	margin: 0;
	display: inline;
	vertical-align: middle;
	position: relative;
}
#TGPane.Menu #NavMenu li ul,
#TGPane.Menu #NavMenu li:hover ul,
#TGPane.Menu #NavMenu li > span,
#TGPane.Menu #NavMenu li:hover > span {
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

#TGPane.Menu #NavMenu li ul li .Text {
	display: inline-block;
	margin: auto;
}

#Wrapper #TGPane #NavMenu li ul div.col {
	width: 256px;
	display: inline-block;
	vertical-align: top;
}

#Wrapper #TGPane #NavMenu li ul.shortcol {
	width: auto;
}

/* Icons are CSS sprites on IconSheet(revision #).png. svg format available and optional.
   Icons are positioned horizontally in multiples of 45px */
   
/* Nav menu icons */
   

#Wrapper #TGPane .Icon.AquaticCenter { background-position: -1305px 0; }
#Wrapper #TGPane .Icon.Assessments {background-position: -315px 0; }
#Wrapper #TGPane .Icon.BoardsAndCommittees { background-position: -2160px 0; }
#Wrapper #TGPane .Icon.Budget { background-position: -2250px 0; }
#Wrapper #TGPane .Icon.Calendar { background-position: -135px 0; }
#Wrapper #TGPane .Icon.CityCouncil { background-position: -2340px 0; }
#Wrapper #TGPane .Icon.CityManager { background-position: -2295px 0; }
#Wrapper #TGPane .Icon.CityServices { background-position: -495px 0; }
#Wrapper #TGPane .Icon.CodeAndCharter { background-position: -2475px 0; }
#Wrapper #TGPane .Icon.CommunityCenter { background-position: -1665px 0; }
#Wrapper #TGPane .Icon.CommunityOrganizations { background-position: -1170px 0;}
#Wrapper #TGPane .Icon.Contact { background-position: -180px 0; }
#Wrapper #TGPane .Icon.Dashboard { background-position: -3465px 0; }
#Wrapper #TGPane .Icon.Departments { background-position: -2430px 0; }
#Wrapper #TGPane .Icon.DevelopmentProjects { background-position: -2520px 0; }
#Wrapper #TGPane .Icon.DirectionsToCityHall { background-position: -1710px 0; }
#Wrapper #TGPane .Icon.Directory { background-position: -1755px 0; }
#Wrapper #TGPane .Icon.DisabilitiesResources { background-position: -2070px 0; }
#Wrapper #TGPane .Icon.EconomicDevelopment { background-position: -0px, 0; }
#Wrapper #TGPane .Icon.EducationAndPreschool { background-position: -675px 0; }
#Wrapper #TGPane .Icon.Elections { background-position: -2385px 0; }
#Wrapper #TGPane .Icon.Employment { background-position: -2115px 0; }
#Wrapper #TGPane .Icon.FAQ { background-position: -1980px 0; }
#Wrapper #TGPane .Icon.Facilities { background-position: -2610px 0; }
#Wrapper #TGPane .Icon.FleetMaintenance { background-position: -900px 0; }
#Wrapper #TGPane .Icon.FormsPermitsApplications { background-position: -450px 0; }
#Wrapper #TGPane .Icon.GolfCourses { background-position: -1350px 0; }
#Wrapper #TGPane .Icon.Government { background-position: -270px 0; }
#Wrapper #TGPane .Icon.GrowYourBusiness { background-position: -1080px 0; }
#Wrapper #TGPane .Icon.Library { background-position: -1575px 0; }
#Wrapper #TGPane .Icon.LiveHere { background-position: 0 0; }
#Wrapper #TGPane .Icon.LocateYourBusinessHere { background-position: -1125px 0; }
#Wrapper #TGPane .Icon.Lodging { background-position: -1260px 0; }
#Wrapper #TGPane .Icon.Maps { background-position: -1935px 0; }
#Wrapper #TGPane .Icon.NatureCenter { background-position: -1530px 0; }
#Wrapper #TGPane .Icon.Newspapers { background-position: -2025px 0; }
#Wrapper #TGPane .Icon.OnlinePayments { background-position: -2706px 0; }
#Wrapper #TGPane .Icon.OpenTroy { background-position: -3510px 0; }
#Wrapper #TGPane .Icon.Parks { background-position: -1485px 0; }
#Wrapper #TGPane .Icon.Passports { background-position: -765px 0; }
#Wrapper #TGPane .Icon.PlacesOfWorship { background-position: -720px 0; }
#Wrapper #TGPane .Icon.PlayHere { background-position: -90px 0; }
#Wrapper #TGPane .Icon.PressReleases { background-position: -1890px 0; }
#Wrapper #TGPane .Icon.PublicHearings { background-position: -2205px 0; }
#Wrapper #TGPane .Icon.PublicRecords { background-position: -1800px 0 ; }
#Wrapper #TGPane .Icon.PublicWorks { background-position: -360px 0; }
#Wrapper #TGPane .Icon.Recreation { background-position: -1440px 0; }
#Wrapper #TGPane .Icon.RefuseAndRecycling { background-position: -405px 0; }
#Wrapper #TGPane .Icon.Resources { background-position: -225px 0; }
#Wrapper #TGPane .Icon.SeniorCitizenPrograms { background-position: -1215px 0; }
#Wrapper #TGPane .Icon.Sports { background-position: -1395px 0; }
#Wrapper #TGPane .Icon.StormWater { background-position: -945px 0; }
#Wrapper #TGPane .Icon.StreetsAndDrains { background-position: -945px 0; }
#Wrapper #TGPane .Icon.TaxBill { background-position: -540px 0; }
#Wrapper #TGPane .Icon.Toolbox { background-position: -1035px 0; }
#Wrapper #TGPane .Icon.TroyHistoricVillage { background-position: -1620px 0; }
#Wrapper #TGPane .Icon.TroyToday { background-position: -1845px 0; }
#Wrapper #TGPane .Icon.Utilities { background-position: -630px 0; }
#Wrapper #TGPane .Icon.WaterAndSewer { background-position: -990px 0; }
#Wrapper #TGPane .Icon.WaterBill { background-position: -2836px 0; }
#Wrapper #TGPane .Icon.WorkHere { background-position: -45px 0; }

/* Departments and City Services icons */

#Wrapper #TGPane .Icon.PDF { background-position: -2655px 0; }
#Wrapper #TGPane .Icon.EconomicDevelopment { background-position: -2520px 0; }
#Wrapper #TGPane .Icon.BuildingInspection { background-position: -3060px 0; }
#Wrapper #TGPane .Icon.CityAttorney { background-position: -3105px 0; }
/* CityClerk = Elections */
#Wrapper #TGPane .Icon.CityTreasurer { background-position: -3150px 0; }
#Wrapper #TGPane .Icon.CodeEnforcement { background-position: -3195px 0; }
#Wrapper #TGPane .Icon.CommunityAffairs { background-position: -810px 0; }
#Wrapper #TGPane .Icon.Engineering { background-position: -3240px 0; }
/* Finance = CityTreasurer */
#Wrapper #TGPane .Icon.FireDept { background-position: -3285px 0; }
#Wrapper #TGPane .Icon.Planning { background-position: -855px 0; }
#Wrapper #TGPane .Icon.Police { background-position: -3330px 0; }
#Wrapper #TGPane .Icon.Purchasing { background-position: -3375px 0; }
#Wrapper #TGPane .Icon.TrafficEngineering { background-position: -3420px 0; }

/* Online Payment Icons */
#Wrapper #TGPane .Icon.MiscBills { background-position: -3375px 0; }

/* Toolbox Icons */

#Wrapper #TGPane .Icon.Incentives { background-position: -2700px 0; }
#Wrapper #TGPane .Icon.LicensesPermits { background-position: -2745px 0; }
#Wrapper #TGPane .Icon.Checklist { background-position: -2790px 0; }
#Wrapper #TGPane .Icon.SmallOfficeSearch { background-position: -2835px 0; }
#Wrapper #TGPane .Icon.ToolboxMaps { background-position: -2880px 0; }
#Wrapper #TGPane .Icon.MasterPlan { background-position: -2925px 0; }
#Wrapper #TGPane .Icon.ZoningOrdinance { background-position: -2970px 0; }
#Wrapper #TGPane .Icon.ZoningOrdinanceMap { background-position: -3015px 0; }
#Wrapper #TGPane .Icon.Dashboard { background-position: -3465px 0; }
#Wrapper #TGPane .Icon.OpenTroy { background-position: -3510px 0; }
#Wrapper #TGPane .Icon.Download { background-position: -3555px 0; }

#Wrapper #TGPane .Icon.Download.Small {
	display: inline-block;
	width: 26px;
	height: 26px;
	background-size: cover;
	background-position: -2054px;
	background-color: #fff2a1;
	overflow: hidden;
	vertical-align: middle;
}

#Wrapper #TGPane .Icon.Download.Small a {
	inline-block;
	opacity: 0;
	padding-bottom: 10px;
}

/* End Nav Menu */

/* Navigation Supplement Pages */

#TGPane ul.IconList {
	padding: 5px;
	background: #fff;
	border-radius: 5px;
	text-align: center;
}

#TGPane ul.IconList li {
	padding: 0;
	margin: 0;
	display: block;
	background: none;
	text-align: left;
}

#TGPane ul.IconList li:hover {
	background: #fff2a1;
}

#TGPane ul.IconList li a {
	padding: 0;
	margin: 0;
	background: none;
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: block;
}

#TGPane ul.IconList li a:active, #TGPane ul.IconList li a:visited {
	background: none;
}

#TGPane ul.IconList li .Icon, #TGPane ul.IconList li img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

#TGPane ul.IconList li a .text {
	display: inline-block;
	vertical-align: middle;
	width: 80%;
	color: #683e10;
	text-align: left;
}

#TGPane ul.IconList li ul {
	display: none;
	background: #fff;
	border: 2px solid #522500;
	border-radius: 7px;
	padding: 5px;
	position: absolute;
	left: 150px;
}

#TGPane ul.IconList li:hover ul {
	display: block;
}

/* Columns for 3-column */

#TGPane.MainPane .col {
width: 32%;
display: inline-block;
vertical-align: top;
}

/* Columns for 3-column HomePage CityServices Tab */

#TGPane.Tab .col1, #TGPane.Tab .col2, #TGPane.Tab .col3 {
width: 32%;
display: inline-block;
vertical-align: top;
}

/* Page/pane-specific stuff *should* go here. */

#TGPane .LargeList ul li a {
	display: inline-block;
	width: 200px;
}

/* Contact Us Form */

#TGPane #ContactForm {
	clear: both;
	display: block;
	overflow: visible;
}

#TGPane #ContactForm .ContactFormTextLineGroup, #TGPane #ContactForm textarea {
	width: 45%;
	display: block;
}

#TGPane #ContactForm .ContactFormTextLineGroup {
	float: left;
	height: auto;
	overflow: visible;
}

#TGPane #ContactForm input[type="text"] {
	display: block;
	margin: 15px 15px 15px 0;
	width: 100%;
}

#TGPane #ContactForm textarea {
	height: 233px;
	float: right;
	margin: 15px 0 15px 15px;
	padding-top: 3px;
}

#TGPane #ContactForm input[type="button"], #TGPane #ContactForm input[type="submit"] {
	display: block;
	clear: both;
	float: right;
	margin-bottom: 20px;
}

#TGPane #ContactForm input[type="button"]:active, #TGPane #ContactForm input[type="submit"]:active {
	margin-bottom: 21px;
}

#TGPane #BusinessInterestForm label.FixedWidth, #TGPane #BusinessInterestForm select {
	display: inline-block;
	width: 200px;
}

#TGPane #BusinessInterestForm input[type="text"], #TGPane #BusinessInterestForm textarea {
	width: 400px;
	margin: 1em 0 0 0;
}

/* water bill change of address + general form */

#TGPane  #GeneralForm ul li {
	background: none;
	display: inline-block;
}

#TGPane.MainPane label h3 {
	font-size: 100%;
	font-weight: normal;
}

#TGPane .ValidateMessage {
	margin: 0;
}

/* DROPDOWN LINK LISTS */

#TGPane.MainPane ul.DropdownList li {
	cursor: pointer;
	margin-top: 5px;
	margin-bottom: 5px;
}

#TGPane.MainPane ul.DropdownList, #TGPane.MainPane ul.DropdownList ul {
	margin-left: -20px;
}

#TGPane.MainPane ul.DropdownList a {
	background: none;
	display: block;
	position: relative;
	left: -20px;
	padding-left: 20px;
	width: 100%;
}

#TGPane.MainPane ul.DropdownList > li.NonSelected, #TGPane.MainPane ul.DropdownList li ul li.Expandable.NonSelected {
	background: none;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #683e10;
	padding-left: 20px;
	margin-left: -20px;
}

#TGPane.MainPane ul.DropdownList > li.NonSelected > a, #TGPane.MainPane ul.DropdownList li ul li.Expandable.NonSelected > a {
	background: #fff2a1 url(/Icons/TroyMIGov/DropdownListPlus.png) no-repeat 0 1px;
}

#TGPane.MainPane ul.DropdownList > li, #TGPane.MainPane ul.DropdownList li ul li.Expandable {
	background: none;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: -20px;
	padding-left: 20px;
}

#TGPane.MainPane ul.DropdownList > li > a, #TGPane.MainPane ul.DropdownList li ul li.Expandable > a {
	background: #683e10 url(/Icons/TroyMIGov/DropdownListMinus.png) no-repeat 0 1px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#TGPane.MainPane ul.DropdownList li ul li {
	background: none;
	padding: 0;
}

#TGPane.MainPane ul.DropdownList li ul {
	background: #fff2a1;
	padding-right: 20px;
}

#TGPane.MainPane ul.DropdownList li.NonSelected > * > *, #TGPane.MainPane ul.DropdownList li.NonSelected table {
	display: none;
	border: none;
}


#TGPane.MainPane div.NonSelected, #TGPane.MainPane .DropSection.NonSelected {
	display: none;
}

#TGPane.MainPane ul.DropdownList li ul li a, #TGPane.MainPane ul.DropdownList li ul li.Expandable.NonSelected > a, #TGPane.MainPane ul.DropdownList > li.NonSelected > a {
	color: #683e10;
}

#TGPane.MainPane ul.DropdownList > li a, #TGPane.MainPane ul.DropdownList li ul li.Expandable > a {
	color: #fff2a1;
}

/* InfoSection part of dropdown */

#TGPane.MainPane .test {
	border: 2px solid black !important;
}

/* Tables for Dropdown. */

#TGPane.MainPane ul.DropdownList table {
	background: #fff;
	border: 1px solid #683e10;
	border-spacing: 0;
	width: 100%;
}

#TGPane.MainPane ul.DropdownList table * {
	border: none;
	padding: 0 0 0 0.5em;
}

#TGPane.MainPane ul.DropdownList table thead {
	background: #fff;
	margin: 0;
	padding: 0;
}

#TGPane.MainPane ul.DropdownList table th {
	font-weight: bold;
	color: #00529c;
	background: #fff;
}

#TGPane.MainPane ul.DropdownList table tbody tr {
	background: #fff2a1;
}

#TGPane.MainPane ul.DropdownList table tbody tr:nth-child(even) {
	background: #a9d4ff;
}

/* Meetings Stuff */

#TGPane.MainPane .Meetings > a:before {
	content: "- "
}

#TGPane.MainPane .Meetings.NonSelected > a:before {
	content: "+ "
}

/* Home Page Tabs, 3 Column Layout */

#TGPane.Tab .Content #MainContent, #TGPane .InlineBlock {
	display: inline-block;
}


#TGPane.Tab .Content #FirstCol, #TGPane.Tab .Content #SecondCol, #TGPane.Tab .Content #Events {
	width: 272px;
	display: inline-block;
	vertical-align: top;
	margin: 10px;
}

#TGPane.Tab .Content #SecondCol {
	text-align: center;
}

/* I AM THE TABLE */

#TGPane.MainPane table {
	border-spacing: 0;
	border-collapse: collapse;
	border: 2px solid #00529c;
	background: #fff;
}

#TGPane.MainPane table * {
	border: none;
	vertical-align: top;
}

#TGPane.MainPane table * a, #TGPane.MainPane table * a:visited {
	background: none;
	color: #00529c;
}

#TGPane.MainPane table thead {
	background: #fff;
	margin: 0;
	padding: 0;
}

#TGPane.MainPane table th, #TGPane.MainPane table th a, #TGPane.MainPane table th a:visited {
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #00529c;
	padding: 0 0.5em;
	vertical-align: middle;
}

#TGPane.MainPane table tr:nth-child(even) th {
	background: #084931;
}

#TGPane.MainPane table tbody tr {
	background: #ccdceb;
}

#TGPane.MainPane table tbody tr:nth-child(odd) {
	background: #fff;
}

#TGPane.MainPane table tbody td {
	border: 1px solid #a4c0d8;
}
#TGPane.MainPane table tbody td {
	padding: 0.2em;
}

#TGPane.MainPane dl dt {
	font-weight: bold;
	color: #00529c;
	float: left;
	clear: left;
	text-align: right;
	width: 10em;
}

#TGPane.MainPane dl dt:after {
	content: ":"
}

#TGPane.MainPane dl dd {
	margin-left: 11em;
}


/* CC Meeting Archive */

#TGPane .SelectSection a, #TGPane .PropSales li, #TGPane .DisplayedSection a, {
	font-weight: bold;
	text-decoration: none;
	padding: 0.25em;
	display: inline-block;
	vertical-align: middle;
	background: #fff2a1;
}

#TGPane .RowList li {
	margin: 1em 0;
	padding: 0;
	display: inline-block;
	background-image: none;
}

#TGPane .RowList li:before {
	content: "| "
}

#TGPane .RowList li:first-child:before {
	content: "";
}

#TGPane .PropSales li a {
	font-weight: bold;
	text-decoration: none;
}

#TGPane .SelectSection a:hover, #TGPane .PropSales li a:hover #TGPane .DisplayedSection a:hover {
	text-decoration: underline;
}

#TGPane a.SelectedTab {
	color: #c00;
}

#TGPane.MainPane .Content ul.DocumentTypes li {
	display: inline-block;
	background: none;
	padding: 0;
}

#TGPane.MainPane .Content ul.DocumentTypes li:before {
	content: " - ";
}

#TGPane.MainPane .Content ul.DocumentTypes li:first-child:before {
	content: "";
}

#TGPane.MainPane .MobileLink {
  border-top-width: 1px; 
  border-top-style: solid; 
  border-top-color: #9CA3AA;
  padding-top: 5px;
}
#TGPane.MainPane .MobileLink a {
  vertical-align: middle;
  text-decoration: underline;
  color: #124191;
}

#TGPane.MainPane .MobileLink img {
  background-color: transparent; 
  border: 0px; box-shadow: none; 
  margin: 0px;
  vertical-align: middle;
  margin-right: 1ex;
}

















#TGPane.MainPanePolice table {
	border-spacing: 0;
	border-collapse: collapse;

}

#TGPane.MainPanePolice table * {
	border: none;
	vertical-align: top;
}

#TGPane.MainPanePolice table * a, #TGPane.MainPanePolice table * a:visited {
	background: none;

}

#TGPane.MainPanePolice table thead {

	margin: 0;
	padding: 0;
}

#TGPane.MainPanePolice table th, #TGPane.MainPanePolice table th a, #TGPane.MainPanePolice table th a:visited {
	font-weight: bold;

	text-align: center;

}

#TGPane.MainPanePolice table tr:nth-child(even) th {

}

#TGPane.MainPanePolice table tbody tr {

}

#TGPane.MainPanePolice table tbody tr:nth-child(odd) {

}

#TGPane.MainPanePolice table tbody td {

}
#TGPane.MainPanePolice table tbody td {
	padding: 0.2em;
}

#TGPane.MainPanePolice dl dt {
	font-weight: bold;

	float: left;
	clear: left;
	text-align: right;
	width: 10em;
}

#TGPane.MainPanePolice dl dt:after {
	content: ":"
}

#TGPane.MainPanePolice dl dd {
	margin-left: 11em;
}


#TGPane.MainPane input.field-validation-error,
#TGPane.MainPane select.field-validation-error,
#TGPane.MainPane textarea.field-validation-error {
  border: 2px solid red
}

#TGPane.MainPane span.field-validation-error {
  color:red
}