.modal .christmas-close {
    cursor: pointer;
    font-size: 1em;
    background: #255d26;
    color: white;
    border-bottom-right-radius: 1em;
    border-bottom-left-radius: 1em;
    border: 10px solid white;
    padding: 0 1em;
    font-family: 'Times New Roman', Times, serif;
}

.coverplease {
    background:#ffffff;
    padding:5px 0px 10px 0px;
    margin-top:0px;
    opacity:0.8;
}

.modelPanel .modal {
	display: block;
}

a.ntitle {
	color: #000000;
	text-decoration: none;
}

#imageHeader {
    width:100%;
}

.imageText{
    width:100%;
    z-index:9999;
    position:absolute;
    top:0px;
}

    .imageText span {
        background-color: #ffffff;
        opacity:0.8;
        display: block;
        padding: 10px;
        position:absolute;
        top:170px;
        left:20px;
        margin-right:20px;
        width:620px;
    }

@media only screen and (max-width: 999px) {
    .imageText { display:none;
    }
}

.headerholder { 
    width:100%; height:305px; overflow:hidden;z-index:3; position:relative; 
}
/* HTML Elements */

table.MembersArea 
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    width:100%;
}

table.MembersArea tr th
{
    padding:10px 20px 10px 20px;
    margin:0px 0px 0px 0px;
    background-color:#018440;
    color:#ffffff;
}

.new-homepage-blocks {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.new-homepage-blocks > div,
.new-homepage-blocks img {
    width: 100%;
}

table.MembersArea tr {
    background-color: #efefef;
}

table.MembersArea tr td {
    margin: 0px 0px 0px 0px;
    padding: 10px 20px 10px 20px;
}

table.MembersArea tr td a
{
    font-size:14px;
    font-weight:bold;
}

input[type="submit"] 
{
    color:#018440;
    font-weight:normal;
    background-color:transparent;
    border:none;
    margin:10px 20px 10px 0px;
    padding:0px 0px 0px 0px;
    font-size:14px;
    cursor:pointer;
    font-weight:bold;
}
.search > input[type="submit"]:hover {
	text-decoration:underline;
}

#contactQuick input[type="submit"],
.contactQuick input[type="submit"],
.flat-button {
	font-family: Helvetica,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.1875;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	margin-top: 0;
	margin-bottom: 22px;
	padding: 8px 10px 7px;
	border: 2px solid transparent;
	border-radius: 0;
	color: #fff;
	background-color: #00703c;
	-webkit-box-shadow: 0 2px 0 #002d18;
	box-shadow: 0 2px 0 #002d18;
	text-align: center;
	vertical-align: top;
	cursor: pointer;
	-webkit-appearance: none;
}
#contactQuick input[type="submit"]:hover,
.contactQuick input[type="submit"]:hover,
.flat-button:hover {
	background-color: #005a30;
}
#contactQuick input[type="submit"]:active,
.contactQuick input[type="submit"]:active,
.flat-button:active {
	top:2px;
}
#contactQuick input[type="submit"]:focus,
.contactQuick input[type="submit"]:focus,
.flat-button:focus {
	border-color: #fd0;
	outline: 3px solid transparent;
	-webkit-box-shadow: inset 0 0 0 1px #fd0;
	box-shadow: inset 0 0 0 1px #fd0;
}
#contactQuick input[type="submit"]:focus:not(:active):not(:hover),
.contactQuick input[type="submit"]:focus:not(:active):not(:hover),
.flat-button:focus:not(:active):not(:hover){
	border-color: #fd0;
	color: #0b0c0c;
	background-color: #fd0;
	-webkit-box-shadow: 0 2px 0 #0b0c0c;
	box-shadow: 0 2px 0 #0b0c0c;
}
#contactQuick input[type="submit"]::before,
.contactQuick input[type="submit"]::before,
.flat-button::before {
	content: "";
	display: block;
	position: absolute;
	top: -2px;
	right: -2px;
	bottom: -4px;
	left: -2px;
	background: transparent;
}

span .ctl00_PageHeader_DataPagerProducts {
    font-size:14px;
    font-weight:bold;
}

.TheClass {
    width:100%;
    height:100px;
    border:1px solid #018440;
}

.PostTitle {
        width:100%;
    border:1px solid #018440;
}


@font-face
{

    src: url(../js/MyriadWebPro.ttf);
    font-family:MyFont;
}

.fb 
{
    height:20px;
    margin-right:40px;
}

span#crumbtrail 
{
    font-size:10px;
    float:left;
    clear:both;
    padding:10px 0px 0px 0px;
    text-align:left;
}


.SearchBtn
{
    color:#018440;
    border:0px;
    background-color:transparent;
    font-weight:bold;
    /*background-image:url(../images/greentri.jpg);
    background-position:center right;
    background-repeat:no-repeat;*/
    padding-right:14px;
    background-position:right center;
    cursor:pointer;
    margin:0px -5px 0px 0px !important;
}

#ctl00_SearchTerms {
	width: 12em;
	padding-left: 1.5em;
}

#list-guilds { margin:.75em 0; padding: .5em 1em; background: #d8e9e1; max-height: 300px; overflow-y: auto; }
/* #list-guilds * { display: block; } */

#permissionDeniedAlert {
	margin: .5em 1.25em 0 1.25em;
}

#detectmylocation {
	background: #018440;
	width: 80%;
	margin: 1em auto 0 auto;
	color: #fff;
	font-weight: 600;
	padding: 5px 0px 5px 0px;
	border-left-color: #ccc;
	border-top-color: #ccc;
}

#detectmylocation:hover {
	background: #009a4a;
}

#GuildInfo1 {
	text-align: left;
	clear: both;
	font-size: 14px;
}

#GuildInfo1 {
    text-align:left;
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0px 0px 0px 0px;
    padding-top:0px;
}

#AtoZ 
{
    text-align:center;
    background-color:#000000;
    color:#ffffff;
    font-size:14px;
    line-height:30px;
    border-bottom:3px solid #018440;
    margin-bottom:10px;
}

#AtoZ a
{
    color:#ffffff;
    font-size:14px;
    margin-left:10px;
    line-height:30px;
    font-weight:bold;
    text-decoration:none;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;

}

#BodyContainer 
{
    display:block;
    margin:0px auto;
}


h1 {
    font-size: 25px;
    font-weight: normal;
    /*font-family: MyFont;*/
}

h2 {
	font-size: 24px;
	font-weight: normal;
	margin: 20px 0px 20px 0px; padding: 0px;
    /*font-family: MyFont;*/
}

.CampCont h3 {
    margin: 0px 0px 20px 0px !important;
}

#CommentsHolder 
{
    background-color:#F0F0F0;
    margin-top:0px;
}
.comment-image-container {
    display: flex;
    flex-wrap: wrap;
}

#NewsPadding {
    padding: 20px;
}

h3 {
	font-size: 16px;
	font-weight: normal;
	margin: 20px 0px 20px 0px; padding: 0px;
    font-family: MyFont;
}

#moreinfo h3 {
    margin:0px !important;
}

a {
	color:#018440;
	text-decoration: underline;
}

hr {
    height: 1px; 
}

strong {
    font-weight: bold;
}

.OneBox ul#Sitemap li a 
{
    font-weight:bold;
    color:#018440;
}

.OneBox ul#Sitemap li
{
    margin-bottom:10px;
}

.OneBox ul#Sitemap li ul li
{
    margin-bottom:0px;
}


.paddedTable td, th { padding: 5px; }

.tt_legendsquare { width: 18px; height: 18px; padding: 0px; margin: 0px; border: 1px solid black; }
.tt_green {background-color: #87d137;}
.tt_red {background-color: #ff0000;}
.tt_white {background-color: #ffffff;}
.tt_blue {background-color: #58a8de;}
.tt_yellow {background-color: #fcff0b;}

.largeFont 
{
    font-size: 19px;
}

.LatestHead 
{
    color:#ffffff;
    background-color:#018440;
    font-size:14px;
    padding:0px 10px 0px 10px;
    text-transform:uppercase;
    font-weight:bold;
    line-height:30px;
    display:block;
    width:105px;
    float:left;
}

#BoxOne 
{
    background-image:url('../uploads/images/boxes/box1.jpg');
}

#BoxTwo 
{
    background-image:url('../uploads/images/boxes/box2.jpg');
}

#BoxThree
{
    background-image:url('../uploads/images/boxes/box3.jpg');
}


#BoxFive
{
    background-image:url('../uploads/images/boxes/box5.jpg');
}

#BoxOne a, #BoxTwo a, #BoxThree a 
{
	background:#ffffff;
    display:block;
    height:100px;
    width:100%;
	opacity: 0.8;
	overflow: hidden;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box; 
    text-align:left; 
    text-decoration:none;
}

#BoxOne a:hover, #BoxTwo a:hover, #BoxThree a:hover
{
    background-color:#d8e9e1;
}

#BoxOne h3, #BoxTwo h3, #BoxThree h3 
{
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:5px;
    padding:0px 0px 0px 0px;
    font-size:25px;
    color:#333333;
}

#BoxOne h4, #BoxTwo h4, #BoxThree h4
{
    margin:0px 10px 0px 10px;
    padding:0px 0px 0px 0px;
    color:#018440;
    font-size:16px;
}

#BoxOne h5, #BoxTwo h5, #BoxThree h5 
{
    margin:0px 10px 0px 10px;
    padding:0px 0px 0px 0px;
    color:#000000;
    font-size:16px;
}

ul.RegForm 
{
    margin:30px 0px 0px 0px;
    padding:30px 0px 0px 0px;
    border-top:1px solid #018440;
}

ul.RegForm li
{
    list-style-type:none;
}

ul.RegForm label span
{
    color:red;
}

ul.RegForm label
{
    font-size:14px;
}


ul.RegForm li span
{
    font-size:10px;
}

#ct100_MainContent_ValidationSum 
{
    margin-top:10px;
}

#ctl00_MainContent_ValidationSum ul li 
{
    display:inline;
    margin-right:10px;
}

.submenu-toggle {
	padding-left: .5rem;
}

/* .dropdown-toggle::after {		*/
/* 	transform: rotate(-90deg);		*/
/* }								*/
/* .dropdown-toggle:focus::after {	*/
/* 	transform: rotate(0deg);		*/
/* }								*/

.dropdown-toggle::after {
	transition: all .2s;
	transform: rotate(-90deg);
}
.dropdown-toggle.open::after {
	transform: rotate(0deg);
}

.dropdown-submenu {
	background-color: rgb(165, 210, 185);
	border-top: 1px solid rgb(200,200,200);
	border-bottom: 1px solid rgb(200,200,200);
}

.nav-link {
	white-space: nowrap;
}

.list-group-item > .badge {
	float: right;
	border-radius: 20px;
	font-size: 1em;
	color: white;
}

#GuildInfo1 h1 {
	margin-top: 1em;
}

.hidecheck {
	width: 1px;
	height: 1px;
	overflow: hidden;
	float: left;
	display: none;
}

.RegisterFormBtn 
{
    border:0px;
    background-color:transparent;
    color:#018440;
    font-size:25px;
    padding:0px 20px 0px 0px;
    margin-left:200px;
    margin-bottom:20px;
    /*background-image:url(../images/greentri.jpg);
    background-position:center right;
    background-repeat:no-repeat;*/
    cursor:pointer;
}

/*                    */
/*                    */
/* COMMON USE CLASSES */
/*                    */
/*                    */
/*                    */


/* Neat Table Cell Lines */

.tl { border: 1px solid #cccccc;}
.tm { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; vertical-align: top;}
.tr { border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; vertical-align: top;}
.ml { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; vertical-align: top;}
.mm { border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; vertical-align: top; vertical-align: top;}
.mr { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; vertical-align: top; vertical-align: top;}
.bl { border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; vertical-align: top;}
.bm { border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; vertical-align: top;}
.br { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; vertical-align: top;}
.total { border-right: 1px solid #cccccc; padding-top:20px; vertical-align: top;}
.totalAmt { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;padding-top:20px; vertical-align: top;}
.cellPad6 { padding: 6px;}

.redBorder {
    /* test class */
    border: 1px solid red;
}

.floatLeft {
    float:left;
    text-decoration: none;
}

.floatRight {
    float:right;
    text-decoration: none;
}

.clearBoth {
	clear: both;
}

.greyText {
    color: #999999;
}

.redText {
    color: #FF0000;
}

.whiteText 
{
    color: #FFFFFF;
}

.greenText 
{
    color: #00c847;
}

.smText {
    font-size: 10px;
}

.NoPadding {
    padding: 0px !important;
}

.NoMargin {
    margin: 0px !important;
}

.compulsoryField {
    font-size: 11px;
    color: Red;
}

.cufon-loading body { visibility: hidden }



/* TG Specific */
#TopBanner 
{
    text-align:left;
}

img.MainLogo 
{
    float:left;
}


#SecondaryMenu ul
{
    text-align:right;
}

#SecondaryMenu ul li
{
    text-align:right;
    display:inline;
    list-style-type:none;
    margin:0px 0px 0px 10px;
    color:#bbbbbb;
}

#SecondaryMenu ul li a
{
    color:#bbbbbb;
}

#SecondaryMenu ul li a:hover
{
    color:#018440;
}

#SecondaryMenu #QuickLogin
{
    float:right;
    background-color:#ffffff;
    height:40px;
    display:block;
    color:#018440;
    text-align:right;
    padding-left:20px;
    background-image:url(../images/logos/TG-Person.jpg);
    background-repeat:no-repeat;
    background-position:top left;
}

#SecondaryMenu #QuickLogin span.Welcome
{ 
    font-weight:bold;
    margin-left:20px;
}

#SecondaryMenu #QuickLogin span.MyAccount
{ 
    font-weight:bold;
    margin-left:15px;
}

#SecondaryMenu #QuickLogin span.MyAccount a, #SecondaryMenu #QuickLogin span.Welcome a
{ 
    color:#018440;
}

#SecondaryMenu #QuickLogin span.MyAccount a:hover
{ 
    color:#ec1d25;
}


#SecondaryMenu #LoggedIn
{
    float:right;
    background-color:#ffffff;
    height:60px;
    display:block;
    color:#018440;
    text-align:right;
    padding-left:0px;
    background-repeat:no-repeat;
    background-position:top left;
}

#SecondaryMenu #LoggedIn span.Welcome
{ 
    font-weight:bold;
    margin-left:20px;
}

#SecondaryMenu #LoggedIn span.MyAccount
{ 
    font-weight:bold;
    margin-left:15px;
}

#SecondaryMenu #LoggedIn span.MyAccount a, #SecondaryMenu #QuickLogin span.Welcome a
{ 
    color:#018440;
}

#SecondaryMenu #LoggedIn span.MyAccount a:hover
{ 
    color:#ec1d25;
}


#MenuHolder 
{
    background-color:#018440;
    text-align:left;
}

ul#contactQuick { margin:10px 0px 10px 0px; padding:0px; list-style-type:none; }
ul#contactQuick li { margin:0px 0px 10px 0px; }
ul#contactQuick li label { width:100%; display:block;margin:0px 0px 0px 0px; }
ul#contactQuick li input[type="text"] { width:250px;}
ul#contactQuick li textarea { width:250px;}
ul#contactQuick li input[type="submit"] { text-align:left; }

ul.contactQuick { margin:10px 0px 10px 0px; padding:0px; list-style-type:none; }
ul.contactQuick li { margin:0px 0px 10px 0px; }
ul.contactQuick li label { width:100%; display:block;margin:0px 0px 0px 0px; }
ul.contactQuick li input[type="text"] { width: 100%;}
ul.contactQuick li textarea { width: 100%; min-height: 195px; }
ul.contactQuick li input[type="submit"] { text-align:left; }


div.contactQuick { margin:10px 0px 10px 0px; padding:0px; list-style-type:none; }
div.contactQuick li { margin:0px 0px 10px 0px; }
div.contactQuick li label { width:100%; display:block;margin:0px 0px 0px 0px; }
div.contactQuick li input[type="text"] { width:250px;}
div.contactQuick li textarea { width:250px;}
div.contactQuick li input[type="submit"] { text-align:left; }

.last-edited-artwork { background-color:#337ab7 !important; color:white !important; }
.last-edited-artwork-personalisation { background-color:#337ab7; color:white !important; }
.last-edited-artwork-personalisation a { color:white !important; }
.last-edited-artwork-personalisation input[type=submit] { color:white !important; }

.bg-tggreen{
    background-color: #018440!important;
}
.text-tggreen{
    color: #018440!important;
}
.bg-dim-tggreen{
    background-color: #5d9c74!important;
}


@media only screen and (min-width: 400px) {
	
}

@media only screen and (min-width: 767px) {
    .modal .christmas-close {
        font-size: 2em;
        padding: 0 2em;
    }

    .new-homepage-blocks > div {
        width: unset;
    }
}

@media only screen and (min-width: 991px) {

    .new-homepage-blocks {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 991px) {
    .forumLink {
        background-image: none!important;
    }
}