@import "./element.css";
@import "./htmlui.css";
@import "./header.css";
@import "./footer.css";
@import "./filecontent.css";
@import "./dynamiccontent.css";
@import "./content.css";
@import "./overlapper.css";
@import "./terminal.css";

body[class = 'Full']{background-image: url('../image/layout/background.jpg'); background-size: cover; background-attachment: fixed;}
	.Content{position: relative;}
		.MainContent{}
			.LeftPanel{float: left; width: 250px; margin-left: -31px; margin-right: 15px; border-radius: 15px 0px 0px 15px; box-shadow: 0px 0px 15px 0px Black; border: 2px White solid; background-color: #233a98; padding: 15px; color: White; text-shadow: -1px -1px Black;}
				.LeftPanel .SectionTitle{margin-bottom: 5px; border-bottom: 2px White solid; padding-bottom: 5px; color: White; font-weight: bold; line-height: normal;}

				.LeftPanelLink{box-shadow: 0px 0px 5px 0px Black; border-radius: 0px 5px 0px 5px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.125) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.125) 51%, rgba(0, 0, 0, 0) 100%), White; padding: 5px; color: #233a98; font-weight: bold; text-shadow: none;}
				.LeftPanelLink:hover{background-color: Cyan; color: #233a98; text-decoration: none; text-shadow: 1px 1px White;}

				.LeftPanelLinkSelected{box-shadow: 0px 0px 5px 0px Black; border-radius: 0px 5px 0px 5px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.125) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.125) 51%, rgba(0, 0, 0, 0) 100%), Cyan; padding: 5px; color: #233a98; font-weight: bold; text-shadow: 1px 1px White;}
				.LeftPanelLinkSelected:hover{text-decoration: none;}

				.LeftPanelBlockLink{display: block; margin-bottom: 5px; box-shadow: 0px 0px 5px 0px Black; border-radius: 0px 5px 0px 5px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.125) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.125) 51%, rgba(0, 0, 0, 0) 100%); background-color: White; padding: 5px; color: #233a98; font-weight: bold; text-shadow: none;}
				.LeftPanelBlockLink:hover{background-color: Cyan; color: #233a98; text-decoration: none; text-shadow: 1px 1px White;}
			.LargeMainPanel{float: left; width: 734px;}
				.LargeMainPanel4Column{float: left; width: 153px; margin: 15px;}

				.LeftPanelItemItemTitle{font-weight: bold; font-style: italic; color: Cyan;}
				.LeftPanelItemItemTitle2{margin-left: 15px; font-style: italic; color: Orange;}
				.LeftPanelItemBlockIndent2Link{display: block; margin-left: 30px; border-left: 1px White solid; padding-left: 5px; color: White;}
				.LeftPanelItemBlockIndent2Link:hover{color: Yellow;}
				.LeftPanelItemBlockIndent2LinkSelected{display: block; margin-left: 30px; border-left: 1px White solid; padding-left: 5px; color: Yellow; font-style: italic;}
				.LeftPanelItemBlockIndent2LinkSelected:hover{color: Yellow;}

tbody > tr > td > .Title1{margin-bottom: 5px; border-bottom: 1px Navy solid; padding-bottom: 5px; color: Navy; font-weight: bold;}
tbody > tr > td > .Title2{margin-bottom: 5px; border-bottom: 1px Blue solid; padding-bottom: 5px; color: Blue; font-weight: bold;}
tbody > tr > td > .Caption{}
tbody > tr > td > .Caption:after{margin-right: 5px; content: ':';}

.FooterSection{margin-top: 15px; border-top: 1px #233a98 solid; color: #233a98; font-size: 75%; text-align: right;}

.LocationAnchor{display: inline;}

.LinkButton{border: 1px Black solid; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.125) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.125) 51%, rgba(0, 0, 0, 0) 100%), White; padding: 4px; padding-left: 15px; padding-right: 15px; color: inherit; line-height: normal;}
.LinkButton:hover{background-color: #233A98; color: White; text-decoration: none;}

.InlinePicture{float: left; margin: 15px; width: 200px; box-shadow: 0px 0px 15px 0px Black; border: 10px White solid;}

.DetailPreviewItem{margin-bottom: 15px;}
.DetailPreviewItem > div:nth-child(1){border-radius: 5px 5px 0px 0px; border: 1px Black solid; border-bottom-width: 0px; background-color: White; padding: 5px; color: #233a98; font-size: 150%; font-weight: bold; font-style: italic;}
.DetailPreviewItem > div:nth-child(2){margin-bottom: 15px; border-radius: 0px 0px 5px 5px; background-color: #233a98; color: White; padding: 5px; text-align: right;}
	.DetailPreviewItemPicture{margin-bottom: 15px; width: 100%; background: linear-gradient(0deg, rgba(255, 255, 0, 0.5)60%, rgba(255, 136, 0, 0.3)80%); box-shadow: inset -5px -3px 15px 0 #C28304, inset 0px 0px 0px 500px rgba(255, 255, 255, 0.15), 0 5px 10px rgba(0,0,0,0.5); padding: 10px;}
	.DetailPreviewItemPictureCaption{margin-bottom: 15px; border: 2px #233a98 solid; padding: 5px; color: #233a98; font-weight: bold; text-align: center;}

.DetailPreviewItemThumbnailArea{margin-bottom: 15px; text-align: center;}
.DetailPreviewItemThumbnailArea > img{margin: 5px; height: 96px; box-shadow: 0px 0px 5px 0px Black; border: 3px White solid; cursor: pointer;}
.DetailPreviewItemThumbnailArea > img:hover{border-color: #233a98;}

.DetailPreviewListItemLink{padding: 5px; color: Black; font-weight: bold; font-style: italic;}
.DetailPreviewListItemLink:hover{background-color: #ffffcc; color: Blue;}
.DetailPreviewListItemLink > img{width: 96px; margin-right: 15px; box-shadow: 0px 0px 5px 0px Black; border: 1px White solid;}

.PageBanner{margin: -16px; margin-bottom: 15px; width: 1000px; box-shadow: 0px 0px 5px 0px Black;}
.PageBannerWithLeftPanel{margin-left: -15px; margin-bottom: 15px; width: 754px; height: 195px; box-shadow: 0px 0px 6px 0px White;}

.PageTitle{margin-bottom: 15px; border-bottom: 1px #233a98 solid; color: #233a98; font-style: italic; font-size: large; padding-bottom: 5px;}

.Title{}
.Title2{margin-bottom: 15px; border-bottom: 2px #233a98 solid; padding-bottom: 5px; font-weight: bold; color: #233a98;}

.Post{}
.Post > .Header{width: auto; margin: 0px; margin-bottom: 15px; box-shadow: 0px 0px 15px 0px Black; border-radius: 0px 15px 15px 0px; border: 2px White solid; background-color: Navy; background-image: none; padding: 0px; color: White; overflow: hidden; text-shadow: -1px -1px Black;}
.Post > .Header > .Title{border-bottom: 1px White solid; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.125) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.125) 51%, rgba(0, 0, 0, 0) 100%); background-color: #233A98; padding: 15px; font-size: 150%; font-weight: bold;}
.Post > .Header > .Owner{float: right; padding: 5px; color: Cyan; font-style: italic; font-weight: bold;}
.Post > .Header > .Date{float: right; padding: 5px; font-style: italic;}
.Post > .Detail{margin-bottom: 15px;}

.OnlinePaymentLink{display: inline-block; border-radius: 45px; padding: 5px; padding-left: 15px; padding-right: 15px; font-weight: bold; font-size: 150%;}
.OnlinePaymentLink:hover{box-shadow: 0px 0px 15px 0px White; color: White; text-decoration: none;}

.OnlinePaymentButtonImage{height: 32px;}

.OAuthProviderLink{border: 1px Black solid; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.125) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.125) 51%, rgba(0, 0, 0, 0) 100%), White; color: inherit; line-height: normal;}
    .OAuthProviderLink > img{height: 24px; border-right: 1px Black solid;}
    .OAuthProviderLink > span{padding-left: 15px; padding-right: 15px; vertical-align: middle;}
.OAuthProviderLink:hover{background-color: #233A98; color: White; text-decoration: none; text-shadow: -1px -1px Black;}

.CodeSQL{font-family: Consolas, "Courier New", Terminal, Arial, Verdana, Tahoma; text-align: left;}

.GoogleMap{}
.BroadbandSpeedChecker{box-shadow: 0px 0px 5px 0px Black; border-radius: 15px; border: 5px White solid;}

.DocumentHiddeniFrame{display: none;}