body {
  font-family: Arial;
  font-size: 12px;
  margin: 0;
  background: #F0F0F0 url('/Content/Images/Background.png') no-repeat top center;
}

#LayoutWrap {
	width: 1700px;
	min-height: 800px;
	background-color: rgba(252, 252, 252, 0.4);
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	-webkit-box-shadow: 0 0 30px rgba(50, 50, 50, 0.47);
	-moz-box-shadow: 0 0 30px rgba(50, 50, 50, 0.47);
	box-shadow: 0 0 30px rgba(50, 50, 50, 0.47);
	position: relative;
	background-image: url('/Content/Images/background2.png');
	color: white;
	background-size: auto;
}

#Footer {
  color: #888888;
  font-size: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2px;
  text-align: center;
  width: 990px;
}

#Footer a {
  color: #777777;
  text-decoration: none;
}

#FooterLeft {
  float: left;
}

#FooterRight {
  float: right;
}

#HeaderDiv {
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	background-color: #F0F0F0;
	/*background-image: url('/Content/Images/HeaderBackground.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;*/
	height: 150px;
	border-bottom: 1px solid #FFFFFF;
}

#HeaderDiv > img {
  float: left;
  height: 150px;
  width: 150px;
}

#HeaderDiv > #ContactBoxSocial {
  float: right;
  margin-top: 3px;
}

#HeaderDiv > #ContactBoxSocial img {
  margin-left: 10px;
  height: 24px;
  width: 24px;
}

#HeaderDiv > #ContactBox {
  float: right;
  margin-top: 114px;
  text-align: right;
}

#HeaderDiv > #ContactBox > .Label {
	color: #333333;
  margin-right: 4px;
}

#HeaderDiv > #ContactBox > .Value {
	color: #333333;
	font-size: 15px;
	font-weight: bold;
}

#HeaderDiv > #ContactBox > .Value > a {
	color: #333333;
	text-decoration: none;
}

#HeaderDiv > #ContactBox > .Value > a:hover {
	color: #333333;
	text-decoration: underline;
}

#HeaderDiv > #HeaderTitle {
	color: #333333;
	line-height: 400%;
	margin-left: 200px;
	margin-right: 200px;
	margin-top: 10px;
	position: absolute;
	text-align: center;
	width: 1300px;
}

#HeaderDiv > #HeaderTitle > .Main {
  font-size: 50px;
  font-weight: bold;
}

#HeaderDiv > #HeaderTitle > .Sub {
  font-size: 20px;
}

/*#MenuStrip {
  font-size: 13px;
  border-bottom: 1px solid #000000;
  letter-spacing: 0.33px;
  -webkit-box-shadow: 0 2px 2px rgba(50, 50, 50, 0.33);
  -moz-box-shadow: 0 2px 2px rgba(50, 50, 50, 0.33);
  box-shadow: 0 2px 2px rgba(50, 50, 50, 0.33);
}

#MenuStrip > a {
  background-color: #001030;
  border-right: 1px solid #000000;
  color: #FFFFFF;
  display: inline-block;
  font-weight: bold;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: center;
  text-decoration: none;
  width: 165px;
}

#MenuStrip > a:nth-of-type(1) {
  border-left: 1px solid #000000;
  width: 167px;
}

#MenuStrip > a:nth-of-type(6) {
  width: 166px;
}

#MenuStrip > a.Current {
  background-color: #3E5C92;
  color: #EEEEEE;
}

#MenuStrip > a:hover {
  background-color: #3E5C92;
  color: #EEEEEE;
}*/

.MenuStrip.TopMenu {
	font-size: 13px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	letter-spacing: 0.33px;
	-webkit-box-shadow: 0 2px 2px rgba(50, 50, 50, 0.33);
	-moz-box-shadow: 0 2px 2px rgba(50, 50, 50, 0.33);
	box-shadow: 0 2px 2px rgba(50, 50, 50, 0.33);
	background-color: #f2f6f9;
}

.MenuStrip.LeftMenu {
	letter-spacing: 0.33px;
	width: 120px;
	margin-left: -3px;
	margin-top: -15px
}

.MenuStrip > a {
	color: #FFFFFF;
	display: inline-block;
	font-weight: bold;
	padding: 8px;
	text-align: left;
	font-size: 16px;
	text-decoration: none;
	width: 103px;
	overflow: hidden;
	/*border: 3px solid rgb(56, 93, 138)*/
}

.MenuStrip.TopMenu > a {
	width: 145px;
	height: 75px;
	margin: 5px 0 5px 5px;
	background: #3E4357 url("/Content/Images/DownArrowTrans.png") no-repeat 135px 65px;
}

.MenuStrip.LeftMenu > a {
	height: 60px;
	margin: 0 5px 5px 0;
	background: #3E4357 url("/Content/Images/RightArrowTrans.png") no-repeat 92px 48px;
}

.MenuStrip.TopMenu > a.Current {
	background: #3E4357 url("/Content/Images/CircleTrans.png") no-repeat 135px 65px;
}

.MenuStrip.LeftMenu > a.Current {
	background: #3E4357 url("/Content/Images/CircleTrans.png") no-repeat 92px 48px;
}

.MenuStrip > a.Back {
	background: #3E4357 url("/Content/Images/LeftArrowTrans.png") no-repeat 92px 48px;
}



.MenuStrip > a:nth-of-type(6n+1) {
	background-color: #1EABAD !important
}

.MenuStrip > a:nth-of-type(6n+2) {
	background-color: #B868C6 !important
}

.MenuStrip > a:nth-of-type(6n+3) {
	background-color: #FDA627 !important
}

.MenuStrip > a:nth-of-type(6n+4) {
	background-color: #1EABAD !important
}

.MenuStrip > a:nth-of-type(6n+5) {
	background-color: #B868C6 !important
}

.MenuStrip > a:nth-of-type(6n+6) {
	background-color: #FDA627 !important
}

/*.MenuStrip > a:nth-of-type(8n+7) {
	background-color: #163B74 !important
}

.MenuStrip > a:nth-of-type(8n+8) {
	background-color: #002868 !important
}*/



.MenuStrip.LeftMenu > a:hover:not(.Disabled) {
	background-size: 109px 66px;
	background-image: none;
	color: #FFFFFF;
	text-shadow: 0 0 4px #000000;
}

.MenuStrip.TopMenu > a:hover:not(.Disabled) {
	background-position: center;
	background-size: 109px 109px;
	background-image: none;
	color: #FFFFFF;
	text-shadow: 0 0 4px #000000;
}

.MenuStrip.TopMenu > a:nth-of-type(1):hover:not(.Disabled) {
	background-image: url("/Content/Images/Menu1.png");
}

.MenuStrip.TopMenu > a:nth-of-type(2):hover:not(.Disabled) {
	background-image: url("/Content/Images/Menu2.png");
}

.MenuStrip.TopMenu > a:nth-of-type(3):hover:not(.Disabled) {
	background-image: url("/Content/Images/Menu3.png");
}

.MenuStrip.TopMenu > a:nth-of-type(4):hover:not(.Disabled) {
	background-image: url("/Content/Images/Menu4.png");
}

.MenuStrip.TopMenu > a:nth-of-type(5):hover:not(.Disabled) {
	background-image: url("/Content/Images/Menu5.png");
}

.MenuStrip.TopMenu > a:nth-of-type(6):hover:not(.Disabled) {
	background-image: url("/Content/Images/Menu6.png");
}

.MenuStrip.TopMenu > a:nth-of-type(7):hover:not(.Disabled) {
	background-image: url("/Content/Images/Menu7.png");
}

.MenuStrip.TopMenu > a:nth-of-type(8):hover:not(.Disabled) {
	background-image: url("/Content/Images/Menu8.png");
}

.MenuStrip > a.Disabled {
	color: rgba(255, 255, 255, 0.5);
	pointer-events: none;
}

#PageContent {
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 20px;
  width: 984px;
	margin-bottom: 30px;
}

#PageContent > .Heading {
  font-size: 17px;
  font-weight: bold;
}

#PageContent a {
  color: #000000;
}

#PageContentLeft {
  float: left;
  font-size: 15px;
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 25px;
  width: 459px;
}

#PageContentLeft a {
  color: #000000;
}

#PageContentLeft > .Heading {
  font-size: 17px;
  font-weight: bold;
}

#PageContentRight {
  border-left: 1px solid #CCCCCC;
  float: right;
  height: 550px;
  padding-bottom: 10px;
  margin-top: 25px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 10px;
  text-align: center;
  width: 508px;
}

#PageFooter {
	bottom: 0;
	height: 30px;
	position: absolute;
	width: 100%;
	padding: 5px;
	border-top: 1px solid #999999;
	box-sizing: border-box;
}

#PageFooter input[type=button] {
	float: right;
	min-width: 75px;
	margin-left: 5px;
	cursor: pointer;
	padding: 2px 4px;
}

#LoadingDiv {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index:99999;
	text-align:center;
	width: 131px;
	height: 98px;
	margin-left: -66px;
	margin-top: -49px;
}

#TempPopup {
	background-color:#2A2A2A;
	border:1px solid #111111;
	border-radius:3px;
	bottom:25%;
	left:50%;
	width:600px;
	position:fixed;
	text-align:center;
	z-index:99998;
	margin-left: -300px;
}

#TempPopupText
{
	color:#FCFCFC;
	display:inline-block;
	font-size:12px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:5px;
	padding-right:5px;
}

#ConfirmDialog {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: #999999;
	background-color: rgba(0,0,0,0.5)
}

#ConfirmDialog table {
	position: absolute;
	margin: auto;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	box-shadow: 10px 10px 5px #222222;
	min-height: 100px;
	min-width: 200px;
	max-width: 500px;
	text-align: center
}

#ConfirmDialog table th {
	background-color: #CCCCCC;
	border-bottom: 1px solid #999999;
	padding:5px;
}

#ConfirmDialog input[type=button] {
	min-width: 75px;
}

#TypeOptions {
	float:left;
}

#TypeOptions label {
	float:left;
	min-width:65px;
	background-color:#EFEFEF;
	border:1px solid #D0D0D0;
	overflow:auto;
}

#TypeOptions label span {
	text-align:center;
	font-size: 12px;
	padding:5px;
	display:block;
}

#TypeOptions label input {
	position:absolute;
	top:-20px;
}

#TypeOptions input:checked + span {
	background-color:#404040;
	color:#F7F7F7;
}

#TypeOptions .first {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
#TypeOptions .last {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

#MiniPreview {
	position: absolute;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	padding: 3px;
}

#MiniPreviewImage {
	max-height: 200px;
	max-width: 150px;
}



.triangle-border {
  position:relative;
  padding:15px;
  margin:1em 0;
  border:5px solid #002868;
  color:#333;
  background:#fff;
  /* css3 */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
	text-align: center;
}

.triangle-border:before {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  left:50px; /* controls horizontal position */
  border-width:20px 20px 0;
  border-style:solid;
  border-color:#002868 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* creates the smaller  triangle */
.triangle-border:after {
  content:"";
  position:absolute;
  bottom:-13px; /* value = - border-top-width - border-bottom-width */
  left:57px; /* value = (:before left) + (:before border-left) - (:after border-left) */
  border-width:13px 13px 0;
  border-style:solid;
  border-color:#fff transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* Variant : top
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.top:before {
  top:-20px; /* value = - border-top-width - border-bottom-width */
  bottom:auto;
  left:auto;
  right:50px; /* controls horizontal position */
  border-width:0 20px 20px;
}

/* creates the smaller  triangle */
.triangle-border.top:after {
  top:-13px; /* value = - border-top-width - border-bottom-width */
  bottom:auto;
  left:auto;
  right:57px; /* value = (:before right) + (:before border-right) - (:after border-right) */
  border-width:0 13px 13px;
}

/* General */

h2 {
	margin: 0;
}



/* Form */

input[type=text] {
	border: #888888 solid 1px;
  font-size: 12px;
	padding: 2px;
	margin: 0;
	height: 14px;
}

input[type=password] {
	border: #888888 solid 1px;
  font-size: 12px;
	padding: 2px;
	margin: 0;
	height: 14px;
}

input[type=button] {
	border: #FFFFFF solid 1px;
	background-color: #195088;
	color: #FFFFFF;
	font-size: 12px;
	padding: 2px;
	margin: 0;
}

textarea {
	border: #888888 solid 1px;
  font-size: 12px;
	resize: none;
	padding: 2px;
	margin: 0;
}
select {
	border: #888888 solid 1px;
  font-size: 12px;
	padding: 0px;
	margin: 0;
	height: 20px;
}

/* Table */

table tr td {
	padding: 4px;
}

.TableGrid {
	border-top: 1px solid #888888;
	border-left: 1px solid #888888;
	border-collapse: collapse;
}

.TableGrid > tbody > tr > td {
	border-bottom: 1px solid #888888;
	border-right: 1px solid #888888;
	padding: 2px;
}

.TableGrid > tbody > tr > th {
	border-bottom: 1px solid #888888;
	border-right: 1px solid #888888;
	padding: 2px;
	background-color: #CCCCCC;
}