/*******************************
**** Extra font definitions ****
*******************************/

@font-face {
	font-family: VerdanaBI;
	src: url('../Font/verdanaz.ttf');
}

@font-face {
	font-family: GoodFoot;
	src: url('../Font/SF Cartoonist Hand Bold Italic.ttf');
}

/************************
**** General styling ****
************************/

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin: 5px;
	color: #454545;
	background-color: #F6F6EB;
	line-height: 1.5em;
}

/**********************
**** Table styling ****
**********************/

.LayoutTable {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.InfoTableMargin {
	margin: 1em 0.5em 1em 0;
	border: 1px solid #B7B7B7;
	border-collapse: collapse;
}

.InfoTable {
	border: 1px solid #B7B7B7;
	border-collapse: collapse;
}

.InfoTable th, .InfoTableMargin th {
	border: 1px solid #B7B7B7;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	border-collapse: collapse;
	background-color: #D8D8D8;
	color: #606060
}

.InfoTable td, .InfoTableMargin td {
	border: 1px solid #B7B7B7;
	padding: 2px;
}

/***************************
**** Content containers ****
***************************/

.LeftFloatingContainer {
	border: 0 none;
	float: left;
	display: table-cell;
	margin: 0 1em 1em 0;
	min-height: 300px;
	padding: 0;
}

.ErrorContainerList {
	border: 0 none;
	float: left;
	display: table-cell;
	margin: 1em;
	padding: 0;
}

.Container {
	border: 0 none;
	padding: 0;
	margin: 0;
	display: table;
}

.ThumbnailContainer {
	padding: 0 0 0 1.5em;
	border: 0px none;
	clear: both;
	display: table-cell;
}

.Message {
	border: 1px solid #9e1a1a;
	margin: 0 0 1em 0;
	padding: 0.75em;
	background-color: #D8D8D8;
	box-shadow: 2px 2px 2px #646464;
	-moz-box-shadow: 2px 2px 2px #646464;
	-webkit-box-shadow: 2px 2px 2px #646464;
}

.ErrorContainer {
	background-color: #FFB6C1;
	border: 1px dashed #9E1A1A;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
	dispaly: table-row;
}

.InfoBarContainer {
	background-color: #CC66FF;
	border: 1px dashed #330066;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
}

.UpdateContainer {
	border: 0px;
	padding: 0px;
	margin: 0 0 1em 0;
	width:  100%;
	display: table;
	border-collapse: collapse;
}

.InnerSectionHeading  {
	border: 0;
	padding: 0 10px 0 10px;
	margin: 0px;
	width:  50%;
	vertical-align: top;
	display:  table-cell;
	border-collapse: collapse;
}

.InnerUpdateLeft {
	border: 0;
	padding: 0 10px 0 10px;
	margin: 0px;
	width:  65%;
	vertical-align: top;
	display:  table-cell;
	border-collapse: collapse;
}

.InnerUpdateRight {
	border: 0;
	padding: 0 10px 0 10px;
	margin: 0px;
	width:  35%;
	vertical-align: top;
	display:  table-cell;
	border-collapse: collapse;
}

.SectionLeft {
	border: 0;
	padding: 0 10px 0 10px;
	margin: 0px;
	width:  35%;
	vertical-align: top;
	display:  table-cell;
	border-collapse: collapse;
}

.IndentSectionLeft {
	border: 0;
	padding: 0 10px 0 10px;
	margin: 0 0 0 1em;
	width:  35%;
	vertical-align: top;
	display:  table-cell;
	border-collapse: collapse;
}

.SectionRight {
	border: 0;
	padding: 0 10px 0 10px;
	margin: 0px;
	width:  65%;
	vertical-align: top;
	display:  table-cell;
	border-collapse: collapse;
}

.SectionHeadingBox {
	background-color: #F9F9F9;
	border: 1px solid #B7B7B7;
	padding: 0.5em;
	margin: 0 0 1em 0;
	width:  100%;
	vertical-align: top;
	border-collapse: collapse;
	display: table;
	box-shadow: 1px 1px 1px #646464;
	-moz-box-shadow: 1px 1px 1px #646464;
	-webkit-box-shadow: 1px 1px 1px #646464;
}

.IndentSectionHeadingBox {
	background-color: #F9F9F9;
	border: 1px solid #B7B7B7;
	padding: 0.5em;
	margin: 0 0 1em 1em;
	width:  100%;
	vertical-align: top;
	border-collapse: collapse;
	display: table;
	box-shadow: 1px 1px 1px #646464;
	-moz-box-shadow: 1px 1px 1px #646464;
	-webkit-box-shadow: 1px 1px 1px #646464;
}

.Spacer {
	background-color: #F9F9F9;
	border-left: 1px dotted #B7B7B7;
	padding: 0;
	margin: 0;
	width:  1px;
	display:  table-cell;
	border-collapse: collapse;
}

.InfoBlock {
	display: none;
	width: 850px;
	margin: 1em 0 1.5em 0;
	padding: 4px;
	border: 0;
	z-index: 100;
	box-shadow: 1px 1px 1px #646464;
	-moz-box-shadow: 1px 1px 1px #646464;
	-webkit-box-shadow: 1px 1px 1px #646464;
	border-radius: 3px;
	background-color: #FFFFFF;
	border: 1px solid #B7B7B7;

}

.InfoBlockHeader {
	padding: 0.25em 0.25em;
	background-color: #D8D8D8;
	border-color: #B7B7B7;
	border-style: solid solid none;
	border-width: 1px 1px 0 1px;
	color: #606060;
}

.InfoBlockHeaderInner {
	padding: 0.25em 0.25em;
	background-color: #D8D8D8;
	border-color: #B7B7B7;
	border-style: solid solid none;
	border-width: 0 1px 0 1px;
	color: #606060;
}

.InfoBlockContents {
	padding: 0.5em;
	color: #454545;
	background-color: #F6F6EB;
	border: 1px solid #B7B7B7;
}

.Conversation {
	border: 1px solid #B7B7B7;
	padding: 0.5em;
	background-color: white;
}

.Conversation span {
	font-size: 85%;
}

.ReportButton {
	font-size: inherit;
	float: right;
	margin: .25em;
	border: 1px solid #B7B7B7;
	border-radius: .125em;
}

.PostError {
	background-color: #FF7373;
	padding: 0.25em;
	border-color: #B7B7B7;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	width: calc(100% - 0.25em - 0.25em - 2px);
	position: relative;
	top: 1px;
}

.PostSuccess {
	background-color: #2FFF4B;
	padding: 0.25em;
	border-color: #B7B7B7;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	width: calc(100% - 0.25em - 0.25em - 2px);
	position: relative;
	top: 1px;
}

.PostToolbar {
	background-color: white;
	padding: 0.25em;
	border-color: #B7B7B7;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	width: calc(100% - 0.25em - 0.25em - 2px);
	position: relative;
	top: 1px;
}

.PostButton {
	margin: 0.125em 0.25em 0.125em 0.125em;
	border: 1px solid #B7B7B7;
	border-radius: .125em;
}

.PostButton:hover, .ReportButton:hover {
	background-color: #D8D8D8;
	cursor: pointer;
}

.FloatRight {
	float: right;
}

.PostMessage {
	border: 1px solid #B7B7B7;
	background-color: #2FFF4B;
	box-shadow: 1px 1px 3px rgba(10,10,10,0.8);
}

.ImageNotify {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	border-radius: 3px 0 0 0;
}

.Small50
{
	height: 15px;
	width: 15px;
}

.PostTextBox {
	width: calc(100% - 6px);
	resize: none;
	border-bottom: 1px solid #B7B7B7;
	border-right: 1px solid #B7B7B7;
	border-left: 1px solid #B7B7B7;
	background-color: white;
	border-top: 1px solid white;
}

.PostInfo, .ModTag {
	font-weight: bold;
}

.ModTag {
	/*border: 1px solid #B7B7B7;
	Background-color: #D8D8D8;
	color: #606060;
	padding: .25em;*/
	font-style: italic;
}

.PostDate {
	font-style: italic;
}

.Reply {
	margin-left: 1em;
}

#overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	cursor: pointer;
}

/**********************
**** Image styling ****
**********************/

img {
	border: 0px;
}

.GalImageContainer {
	margin: 1em 0.5em 1em 0;
	background-color: #FFFFFF;
	border: 1px solid #B7B7B7;
	padding: 4px;
	float: left;
	box-shadow: 1px 1px 1px #646464;
	-moz-box-shadow: 1px 1px 1px #646464;
	-webkit-box-shadow: 1px 1px 1px #646464;
	border-radius: 3px;
	display: table-cell;
	cursor: pointer;
	position: relative;
}

.PhotoCellContainer {
	margin: 0.5em 0.5em 0.5em 0.5em;
	background-color: #FFFFFF;
	border: 1px solid #B7B7B7;
	padding: 4px;
	float: left;
	box-shadow: 1px 1px 1px #646464;
	-moz-box-shadow: 1px 1px 1px #646464;
	-webkit-box-shadow: 1px 1px 1px #646464;
	border-radius: 3px;
}

.ImageContainer {
	background-color: #FFFFFF;
	border: 1px solid #B7B7B7;
	padding: 6px;
	margin: 1em 0 1em 0;
	box-shadow: 1px 1px 1px #646464;
	-moz-box-shadow: 1px 1px 1px #646464;
	-webkit-box-shadow: 1px 1px 1px #646464;
	border-radius: 5px;
}

#POTMArchiveImage {
	border: 0px;
	box-shadow: 1px 1px 1px #646464;
	-moz-box-shadow: 1px 1px 1px #646464;
	-webkit-box-shadow: 1px 1px 1px #646464;
	border-radius: 3px;
}

.RotatedImageContainer:hover {
	z-index: 100;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
}

.RotatedImageContainer {
	margin: 1em 0.5em 1em 0;
	background-color: #FFFFFF;
	border: 1px solid #B7B7B7;
	padding: 4px;
	position: absolute;
	box-shadow: 1px 1px 1px #646464;
	-moz-box-shadow: 1px 1px 1px #646464;
	-webkit-box-shadow: 1px 1px 1px #646464;
	border-radius: 3px;
	cursor: pointer;
}

.PolaroidContainer {
	position: relative;
	margin: 0 auto;
	width: 100%;
	padding: 1.5em;
}

/******************************
**** Text and link styling ****
******************************/

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

a:hover {
	color: #9E1A1A;
	text-decoration: underline;
}

p {
	border: 0 none;
	margin: 0.5em 0;
	padding: 0.5em 0;
}

.MarginLeft {
	border: 0 none;
	margin: 0.5em 0 0.5em 1.5em;
	padding: 0.5em 0;
}

.PageJumpLink {
	color: #454545;
	text-decoration: underline;
	font-weight: bold;
}

.PageJumpLink:hover {
	text-decoration: none;
}

.PageJumpText {
	color: #454545;
	font-weight: bold;
	text-decoration: none;
}

.PageJumpText:hover {
	color: #454545;
	font-weight: bold;
	text-decoration: none;
}

.Heading {
	color: #454545;
	font-weight: bold;
	text-decoration: none;
}

.Title {
	color: #9e1a1a;
	font-size: 17pt;
	margin: 0;
	padding: 0 0 0.75em;
	border: 0;
	font-family: VerdanaBI, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 2px #646464;
}

.PageTitle {
	color: #9e1a1a;
	font-size: 13pt;
	margin: 0;
	padding: 0 0 0.5em;
	border: 0;
	font-family: VerdanaBI, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 2px #646464;
}

.SectionHeading {
	color: #9e1a1a;
	font-weight: bold;
	text-decoration: none;
	font-size: 11pt;
	padding: 0;
	margin: 0 0 1em;
	border: 0;
	font-family: VerdanaBI, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 2px #646464;
}

.SectionHeading a {
	color: #9e1a1a;
	font-weight: bold;
	text-decoration: underline;
	font-size: 11pt;
	padding: 0;
	margin: 0 0 1em;
	border: 0;
	font-family: VerdanaBI, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 2px #646464;
}

.SectionHeading a:hover {
	color: #454545;
	font-weight: bold;
	text-decoration: underline;
	font-size: 11pt;
	padding: 0;
	margin: 0 0 1em;
	border: 0;
	font-family: VerdanaBI, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 2px #646464;
}

p.ErrorTitle {
	color: #9e1a1a;
	font-size: 10pt;
	border: 0;
	font-family: VerdanaBI, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px #646464;
}

p.ErrorContent {
	color: #9E1A1A;
}

#ErrorContainer li {
	color: #9E1A1A;
}

p.InfoBarTitle {
	color: #330066;
	font-weight: bold;
	font-size: 12px;
	font-family: Helvetica;
	font-style: italic;
}

p.InfoBarContent {
	color: #330066;
}

#InfoBar li {
	color: #330066;
}

.ThumbCaption {
	font-size: 11pt;
	font-family: GoodFoot, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0px;
	padding: 0.125em 0;
}

.ToolTip {
	display: none;
}

.ToolTipContainer {
	position:relative;
	z-index: 24;
}

.ToolTipContainer {
	z-index: 25;
}

.ToolTipContainer:hover .ToolTip {
	display: block;
	position:absolute;
	top:2em;
	left:2em;
	width:15em;
	background-color: #FFFF99;
	margin: 0;
	padding: 0.25em;
	border-color: #B7B7B7;
	border-style: solid;
	border-width: 1px;
	color: #606060;
	z-index: 100;
	box-shadow: 2px 2px 2px #646464;
	-moz-box-shadow: 2px 2px 2px #646464;
	-webkit-box-shadow: 2px 2px 2px #646464;
	border-radius: 0px 5px 5px 5px;
}

/********************************
**** Panel (Sidebar) Styling ****
********************************/

.SideBarContainer {
	width: 170px;
	margin: 0em 0em 1.5em;
	padding: 0;
	box-shadow: 1px 1px 1px #646464;
	-moz-box-shadow: 1px 1px 1px #646464;
	-webkit-box-shadow: 1px 1px 1px #646464;
}

.SideBarHeader {
	padding: 0.25em 0.25em;
	background-color: #D8D8D8;
	border-color: #B7B7B7;
	border-style: solid solid none;
	border-width: 1px 1px 0;
	color: #606060;
}

.SideBar {
	padding: 0.5em;
	border: 1px solid #B7B7B7;
	background-color: #F9F9F9;
}

.SideBar ul {
	list-style: none;
	padding-left: 1.25em;
}

.SideBar a {
	color: #303030;
	text-decoration: none;
}

.SideBar a:hover {
	color: #9E1A1A;
	text-decoration: underline;
}

.SideBar p {
	border: 0;
	margin: 0;
	padding: 1em 0 0;
}

p.SideBarTitle {
	margin: 0.25em 0.0em;
	padding: 0.0em;
	font-weight: bold;
	border: 0 none;
}

/***********************
**** Header styling ****
***********************/

.HeaderContainer {
	padding: 2px;
	margin: 0px 0px 1.0em;
	min-width: 850px;
}

.Header {
	height: 64px;
	border: 0;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

.HeaderBar {
	height: 22px;
	width: auto;
	background-image: url('../images/NavBG.gif');
	background-repeat: repeat;
	color: #F6F6EB;
	margin: 0;
	border: 0;
	padding: 0 0.5em;
	border-collapse: collapse;
	vertical-align: middle;
	box-shadow: 2px 2px 2px #646464;
	-moz-box-shadow: 2px 2px 2px #646464;
	-webkit-box-shadow: 2px 2px 2px #646464;
}

.HeaderBar a {
	color: #F6F6EB;
	font-weight: bold;
	text-decoration: none;
	text-shadow: -1px -1px 2px #646464;
}

.HeaderBar p {
	color: #F6F6EB;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	border: 0 none;
}

.HeaderBar a:hover {
	color: #D8D8D8;
	text-decoration: underline;
}

.PTMImage {
	padding: 0 0 0 50px;
}

/***********************
**** Footer styling ****
***********************/

.FooterContainer {
	background-color: #B7B7B7;
	padding: 1px;
	margin: 3px;
}

.Footer {
	border: 1px solid #B7B7B7;
	padding: 2px;
	margin: 0px 3px 3px;
	background-color: #F9F9F9;
	box-shadow: 2px 2px 2px #646464;
	-moz-box-shadow: 2px 2px 2px #646464;
	-webkit-box-shadow: 2px 2px 2px #646464;
}

.Footer img {
	border: 0;
	padding: 0px;
	margin: 0px;
}

/*********************
**** News styling ****
*********************/

p.NewsTitle {
	font-weight: bold;
	font-size: 10pt;
	margin: 0.25em 0 0.5em;
	padding: 0;
}

p.NewsContent {
	/*font-size: 10pt;*/
	padding: 0.25em;
	border: 0;
	margin: 0;
}

p.NewsDate {
	font-size: 9px;
	padding: 0.5em 0.25em;
	border: 0;
	margin: 0;
}

p.NewsNav {
	font-size: 9px;
	font-style: italic;
	padding: 0.5em 0.25em;
	border: 0;
	margin: 0;
}

/**********************
 **** Form Styling ****
 **** ****************/

.formerror, .formmessage {
	margin-top: 0.5em;
	font-size: 1em;
	text-align: left;
	margin-bottom: 1em;
	padding: 0.125em;
}

.fielderror {
	margin: 0 0.5em 0.25em 0.5em;
	padding: 0.125em;
	font-size: 1em;
}

.fieldset {
	border: 1px solid #B7B7B7;
	border-width: 1px;
}

.formerror, .fielderror {
	border: 1px solid #C10101;
	background-color: #FF7373;
	padding:0.125em 0.25em;
	box-shadow: 1px 1px 3px rgba(10,10,10,0.8);
}

.formmessage {
	border: 1px solid #B7B7B7;
	background-color: #2FFF4B;
	box-shadow: 1px 1px 3px rgba(10,10,10,0.8);
}

.confirmer {
    position: relative;
	left: -2000px;
}

.approve {
	background-color: green;
}

.reject {
	background-color: yellow;
}

.ban {
	background-color: red;
}