p, td, body, code	{ font-weight: normal; font-size: 14px; color: #363634; font-family: raleway, verdana, geneva, arial, helvetica, sans-serif; text-decoration: none; margin: 5px auto; }

body	{ background: #ccc; background-image: linear-gradient( to bottom, #999 30px, #ccc 200px); background-repeat: no-repeat; overflow-wrap: break-word; word-wrap: break-word; line-height: 1.4em; }

*	{  overflow-wrap: inherit; word-wrap: inherit; }

h1, h1 > a, h1 > a:hover	{ font-weight: lighter; font-size: 32px; color: #666; font-family: roboto slab, georgia, serif; text-decoration: none; margin: 15px auto 5px auto; line-height: 1.2em; }
h2, h3	{ color: #666; font-family: roboto slab, georgia, serif; font-weight: lighter; font-size: 24px; margin: 15px auto 5px auto; }
h3 		{ color: #aaaaaa; }
h4	{ font-size: 14px; margin: 0px auto 5px auto; color: #da6c64; font-family: raleway, verdana, geneva, arial, helvetica, sans-serif; }

table	{ border-spacing: 0; border-collapse: collapse; }

a 		{ color: #003b80; background-color: transparent; text-decoration: none; /*border-bottom: 1px solid rgba(0,40,86,0.2);*/ }
a:hover	{ color: #0050ac; /*border-bottom: 1px solid #0050ac;*/ }

/* a.paypal	{ display: block; float: left; width: 180px; height: 13px; padding: 4px 0; margin: 5px; background: url(../img/paypal-btn.png); text-align: center; font-weight: bold; font-size: 7.5pt; } */

.stronger	{ text-align: center; }

#footer, #footer p	{ color: #bbbbbb; font-size: 9px; }
#footer a	{ color: #bbbbbb; font-size: 9px; border-bottom: 1px dotted #bbbbbb; }
#footer a:hover		{ color: #bbbbbb; border-bottom: none; }

img		{ border: none; }

#filter-txt	{ border-radius: 999px; padding-left: 1em; }
.filterEmpty	{ color: #888; }
.clearFilter	{ display: inline-block; position: relative; width: 16px; height: 16px; margin: 0 2px 2px -23px; vertical-align: middle; background: url(../img/ui-icons/ui-icons_222222_256x240.png) no-repeat -32px -192px; overflow: hidden; text-indent: 999em; cursor:pointer; }
.clearFilter.dis	{ opacity: 0.2; }

.bookmarkLink	{ padding: 0 10px; text-indent: -999em; overflow: hidden; float: left; border: 1px dotted red; margin-right: 10px; }

.searchTerm	{ font-weight: bold; }

.narrow	{  } /* .narrow class is added to the body when window width <= 800px */

.searchTxt.searchTxt	{ width: 72%; height: 26px; padding: 0 0 0 0.8em; margin-left: 9px; border-radius: 999px 0 0 999px; }
.searchTxt.mobileTopSearchTxt	{ width: calc(100% - 60px); margin-left: 0; }
.searchBtn.searchBtn	{ vertical-align: top; height: 28px; width: 28px; padding: 0; margin-left: -1px; text-indent: -9999em; border: 1px solid #888; border-radius: 0 999px 999px 0; background: #bbb url(../img/ui-icons/search.png) no-repeat center center; background-size: 15px; cursor: pointer; }

.searchTxt.big	{ height: 30px; }
.searchBtn.big	{ height: 32px; width: 32px; background-size: 18px; }

.searchForCfLink	{ display: inline-block; padding: 3px 10px; margin: 2px 5px; border: 1px solid #ccc; background: #fafafa; box-shadow: 0 0 5px rgba(0,0,0,0.1) inset; border-radius: 3px; }

.emailNotificationLbl	{ display: inline-block; min-width: 32em; padding-right: 1em; }
.emailNotificationSel { min-width: 8em; }

.hideTMenus #title, .hideTMenus #footer	{ display: none !important; }
.hideRMenus #menu-right	{ display: none !important; }
.hideRMenus #middleLeft	{ width: calc(100% - 35px); }

.cfList	{ width: 100%; }

.visitStats td 	{ font-family: roboto, verdana, geneva, arial, helvetica, sans-serif; }

.userHistory	{ overflow: hidden; }
.userHistoryDate	{ display: inline-block; width: 20%; white-space: nowrap; overflow: hidden; }
.userHistoryAdr	{ display: inline-block; width: 80%; white-space: nowrap; overflow: hidden; }

.notesTableHeadingRow	{ border-top: 1px solid #111; border-bottom: 1px solid #111; }
.notesTableRow	{ border-bottom: 1px solid #aaa; }
.notesTableRow:last-child	{ border-bottom: 1px solid #111; }
.notesTableHeading	{ padding: 10px 30px; }
.notesTableCell	{ padding: 5px 30px; }

/* .cfListItem:nth-child(even)	{ background: #f4f4f4; background: linear-gradient(to bottom, #eee 0%, #fafafa 100%); } */
.cfList *	{ font-family: roboto, verdana, geneva, arial, helvetica, sans-serif; }
.cfList	td	{ font-size: 13px; padding: 8px 5px; text-align: center; color: inherit; }
.cfList th	{ font-size: 14px; padding: 8px 5px; }
.cfList thead	{ border: 1px solid #888; background: #eee; box-shadow: 0 0 10px rgba(0,0,0,0.1) inset; }
.cfList .cfTitle	{ font-size: 17px; font-weight: bold; }
.cfList .cfName:before	{ content: "http://clashfinder.com/s/" }
.cfList .cfListPrivate	{ opacity: 0.3; }
.cfList .cfListPrivateTxt	{ color: red; margin-left: 2em; }
.cfList .cfListCoreBadge, .cfList .cfListOfficialBadge, .cfList .cfListBlankBadge	{ display: inline-block; margin-right: 10px; padding: 2px 4px 1px 4px; font-weight: bold; cursor: default; border: 1px solid #bbb; border-radius: 3px; background: #fff; }
.cfList .cfListBlankBadge	{ border: none; background: none; }
.cfListName	{ border-bottom: 1px solid #ccc; }
.cfList td, .cfList th	{ border-left: 1px solid #ccc; }
.cfList td:first-child, .cfList th:first-child	{ border-left: none; }
.cfListSort	{ cursor: default; }
.cfListSort:hover	{ background: #f8f8f8; }

#jsLoadAllLink	{ display: block; border: 1px solid #888; border-top: none; font-weight: bold; background: #eee; text-align: center; padding: 10px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); box-shadow: 0 0 8px rgba(0,0,0,0.1) inset; }

.revLine	{ margin: 0.7em 0; color: #444; }
.revBlock	{ display: inline-block; }
.revNum	{ display: inline-block; min-width: 5em; font-weight: bold; }
.revDate	{ display: inline-block; min-width: 7em; }
.revBy	{ display: inline-block; min-width: 8em; font-weight: bold; color: #555; }
.revNote	{ display: inline-block; margin: 0.3em 0.5em; font-style: italic; }
.revRevert, .revCompare	{ border: 1px solid #eee; color: #777; border-radius: 3px; padding: 1px 5px; margin-left: 5px; }
.revRevert:hover, .revCompare:hover	{ color: #555; border-color: #aaa; border-bottom-color: #888; text-shadow: 0 1px 0 rgba(255,255,255,0.5); background: #eee; background-image: linear-gradient( to bottom, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%); background-image: linear-gradient( top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%); }

hr		{ color: black; background-color: #363634; width: 85%; height: 1px; border: 0px; }

.cmt-ctnr			{ border: 1px solid #b1b2a4; padding: 4px 10px; background: #f7f8f1 url(../img/cmt-cntr_bg.png) repeat-x; margin: 1px; text-align: left; margin-top: 10px; min-height: 50px; }
.cmt-ctnr .div-hr { border-top: 1px dashed #b1b2a4; border-bottom: 0px dashed #b1b2a4; padding: 5px 10px 10px 10px; margin: 5px -10px; }
.cmt-ctnr .nme	{  float: left; font-weight: bold; }
.cmt-ctnr .dtm	{ float: right;  font-weight: bold; }
.cmt-ctnr p			{ margin: 5px 0px;  text-align: left; padding: 0px; }
.cmt-ctnr blockquote	{ margin: 8px 0px; padding: 0px 10px; border-left: 3px solid #b2b2ad; }
.cmt-ctnr blockquote .name	{ font-weight: bold; }
.cmt-ctnr blockquote a, 
.cmt-ctnr blockquote p		{ color: #737367; }
.cmt-ctnr .reply		{ height: 16px; width: 45px; display: block; margin: 0 0px 0 auto; font-weight: bold; font-size: 0.9em; padding: 4px 0 0 37px; background: url(../img/reply_btn.png); brder: 1px solid red; }
.add-cmt				{ height: 16px; width: 105px; display: block; margin: 0 10% 0 auto; font-weight: bold; font-size: 0.9em; padding: 4px 0 0 37px; background: url(../img/add_cmt_btn.png); brder: 1px solid red; }
.cmtUserAcct	{ display: inline-block; vertical-align: top; width: 18px; height: 18px; margin: -2px 0 -4px 20px; background: url(../img/user-comment-icon.png); overflow: hidden; text-indent: 999em; brder: 1px dotted blue; }
.cmtCfCreator	{ display: inline-block; vertical-align: top; width: 200px; height: 12px; margin: -2px 0 -4px 5px; padding: 3px 0 3px 20px; font-size: 0.8em; color: #888; background: transparent url(../img/creator-comment-icon.png) no-repeat left center; overflow: hidden; brder: 1px dotted red; }
.emote { margin-bottom: -3px; }

.boxedSection	{ border: 1px solid grey; margin: 3em 10px 3em 0; padding: 0 20px 20px 20px; position: relative; border-radius: 4px; }
.boxedSectionTitle	{ margin-top: -0.65em; margin-bottom: 10px; margin-left: 5px; color: grey; }
.boxedSectionTitle > span	{ background: #fcfcfd; padding: 0 10px; }

.menuIcon	{ background-image: url(../img/ui-icons/menuIconsWhite.10.png); padding: 8px 20px 8px 40px; background-size: 16px; background-position: 16px center; background-repeat: no-repeat; }
.menuIcon.home	{ background-position: 16px -385px; }
.menuIcon.list	{ background-position: 16px -161px; }
.menuIcon.merch	{ background-position: 16px -417px; }
.menuIcon.acSettings	{ background-position: 16px -321px; }
.menuIcon.login	{ background-position: 16px -97px; }
.menuIcon.logout	{ background-position: 16px -65px; }


/* LAYOUT */

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

#mainContainer	{ min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -51px; bckground: #fcfcfd; brder: 1px solid yellow; }

#title	{ z-index: 10; min-height: 30px; padding: 12px; background: #204a95; border-bottom: 1px solid rgba(255,255,255,0.9); background: linear-gradient( to bottom, #0f1d4b 0%, #204a95 100%); }
.titleMenuItem	{ color: white; }
.titleMenuItem:hover	{ color: white; text-decoration: underline; }



#middleContainer	{ bckground: #fcfcfd; padding: 0 0 51px 0; box-sizing: border-box; }
.topMiddle { margin: 10px; box-sizing: border-box; }
#middleLeft { display: inline-block; margin: 10px; box-sizing: border-box; width: calc(100% - 385px);  }
.contentBox	{ background: #fcfcfd; vertical-align: top; border-radius: 3px; padding: 10px 20px 30px 20px; brder: 1px dotted blue; min-height: 400px; height: auto !important; height: 400px; }
#menu-right	{ display: inline-block; margin: 10px 0; width: 350px; vertical-align: top; background: none; brder: 1px dotted red; }
.rightMenuBox	{ background: #fcfcfd; border-radius: 5px; padding: 5px 20px 15px 20px; margin-bottom: 10px; }

.contentBox.twoAcross	{ box-sizing: border-box; margin: 0 5px 10px 5px; min-height: 0 }

.contentBox.big { text-align: center; }
.contentBox.big	p { font-family: raleway, verdana, geneva, arial, helvetica, sans-serif; font-size: 16px; text-align: center; }
.contentBox.big	h1 { font-family: raleway, verdana, geneva, arial, helvetica, sans-serif; font-weight: bold; font-size: 26px; text-transform: none; text-align: center; }
.contentBox.big	h1 > a { font-family: raleway, verdana, geneva, arial, helvetica, sans-serif; font-weight: bold; font-size: 26px; text-decoration: underline; text-transform: none; }

#frontTop	{ padding: 5px; box-sizing: border-box; background: transparent url(../img/frontTopSm.jpg) no-repeat center; border-radius: 3px; min-height: 0; max-height: 430px; overflow: hidden; margin: 0 auto 10px; width: calc(100% - 20px); max-width: 1600px; }
#frontTop > h1	{ top: 50%, transform: translateY(-50%); text-align: center; color: white; text-shadow: 0 0 1px rgba(0,0,0,1), 0 0 10px rgba(0,0,0,1), 0 0 20px rgba(0,0,0,1); font-size: 64px; margin: 100px 0; }
/*#frontTop > h1	> span { display: inline-block; background: rgba(255,255,255,0.7); border: 1px solid rgba(255,255,255,1); padding: 5px 10px 0 10px; }*/

/* #middleContainer	{ display: table; box-sizing: border-box; border-collapse: separate; border-spacing: 10px; width: 100%; min-height: 100%; bckground: #fcfcfd; padding: 0; } */
/* #content	{ display: table-cell; background: #fcfcfd; margin-right: 10px; border-radius: 5px; padding: 10px 5% 30px 30px; brder: 1px dotted blue; brder-right: 1px dashed grey; min-height: 400px; height: auto !important; height: 400px; } */
/* #menu-right	{ display: table-cell; width: 350px; margin-left: 10px; background: none; brder: 1px dotted red; } */

.msie.lt9 #middleContainer	{ display: block; position: relative; padding: 15px 30px; }
.msie.lt9 #content	{ display: block; margin-right: 25%; height: 2000px !important; }
.msie.lt9 #menu-right	{ display: block; position: absolute; top: 15px; left: 75%; width: 25%; }


#socialNetworks	{ position: relative; margin-top: 20px; padding: 12px 12px 5px 12px; width: 100%; box-sizing: border-box; border: 1px solid #aaa; border-radius: 5px; }
#socialNetworks	.title	{ position: absolute; top: -1.1em; left: 1em; }
#socialNetworks	.title span	{ padding: 0 0.5em; background: #fcfcfd; }


/*#lpCfIconTable	{ width: 99%; }*/
#lpCfIcon	{ display: inline-block; text-align: center; margin: 0 20px 20px 0; }
#lpCfInfoBox	{ display: inline-block; margin-bottom: 20px; }
#lpCfInfoBox h2	{ margin-top: 0; }



/* #footerSpacer	{ height: 51px; } */

#footer	{ margin-top: -51px; text-align: center; padding: 8px; border-top: 1px solid #000f26; background: #0f1d4b; background: linear-gradient( to bottom, #204a95 0%, #0f1d4b 100%); }	

/* END LAYOUT */