/*******************************
**** 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;
    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;
}

.InnerUpdate {
    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;
}

.UpdateDate {
    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;
}

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

/**********************
**** 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;
}

.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;
}

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

#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;
}

.PolaroidContainer {
  position: relative;
  margin: 0 auto;
  width: 100%;
  margin: 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: 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:hover {
	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;
}

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;
}

.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;
}

.Footer img {
	border: 1px solid #B7B7B7;
	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;
}