/*************************************************************************************/
/* START OF THEME DEFAULT SITE CSS /**/
/*************************************************************************************/
html{
    width: 100%;
    height: 100%;
}
body{
	padding: 0px;
	margin: 0px;
    width: 100%;
    height: 100%;
    font-family: verdana, arial, sans serif;
    font-size: 12px;
    background: white url(/media/images/sk2-cms/content/7/dark_spots_texture_background_50355_1920x1080.jpg) fixed;
    background-size: 100% 100%;
}
.newsBlockWrapper div.date{ color: white; }
@media only screen and (max-width: 800px){
	body{ background-size: 100% 100%; }
}.languageSelector{
	text-align: right;
	float: right;
	font-size: 10px;
	text-transform: uppercase;
	padding: 7px 10px 0px 0px;
	font-weight: bold;
}
	.languageSelector img{
		vertical-align: middle;
	}
	select.langSelect{
		width: auto;
		font-size: 10px;
		text-transform: none;
	}
	.pageSwitcherWrapper{
	overflow: auto;
	clear: both;
	float: right;
}
	.pageSwitcherWrapper div.page{
		float: left;
		border: 2px groove silver;
		background: silver;
		height: 20px;
		padding: 5px 3px 0px 3px;
		margin: 0px 2px 0px 2px;
		font-size: 12px;
		font-weight: 900;
		color: black;
		text-align: center;
		border-top-right-radius: 14px;
		border-top-left-radius: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
		opacity: 1;
	}
		.pageSwitcherWrapper a.page{
			display: block;
			float: left;
			border: 2px groove silver;
			background: silver;
			height: 20px;
			padding: 5px 3px 0px 3px;
			margin: 0px 2px 0px 2px;
			font-size: 12px;
			font-weight: 900;
			color: black;
			text-align: center;
			border-top-right-radius: 14px;
			border-top-left-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom-left-radius: 4px;
			opacity: 0.6;
		}
		.pageSwitcherWrapper a.page:hover{
			opacity: 1;
		}
		.pageSwitcherWrapper a.buttons{
			display: block;
			float: left;
			opacity: 0.6;
		}
		.pageSwitcherWrapper a.buttons:hover{
			opacity: 1;
		}

img.pageSwitcherAutoloder{
	display: inline-block;
	clear: both;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid red;
}
/*************************************************************************************/
/* START: For default table design /**/
/*************************************************************************************/
table{
	font-size: 12px;
}
th.seperateMe{
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
}
tr.tableHeader{
	background: #153E7E;
}
td.seperateMe{
	padding-left: 15px;
	padding-right: 15px;
}
td.nowrap{
	white-space: nowrap
}

.adminListMainWrapper{
	border: 2px groove gray;
	box-shadow: -5px -5px 10px teal;
	border-spacing: 0px;
	border-radius: 5px;
}
	.adminListMainWrapper tr{
	}
	.adminListMainWrapper th{
		padding: 5px 10px 5px 10px;
	}
		.adminListMainWrapper th a{
			text-decoration: none;
			color: maroon;
		}
	.adminListMainWrapper td{
		padding: 5px 10px 5px 10px;
	}
	
/*************************************************************************************/
/* END: For default table design /**/
/*************************************************************************************/
/*************************************************************************************/
/* START OF THEME DEFAULT CSS /**/
/*************************************************************************************/
img{
	border: 0px;
}

h1.shadow{
	text-shadow: -3px -5px 3px teal;
}

h2{
	text-align: center;
	padding: 3px;
	margin: 0px;
}
h2.shadow{
	text-shadow: -2px -3px 2px teal;
}

h3{
	text-shadow: 0 1px 2px teal;
	color: black;
	font-size: 16px;
	font-weight: 900;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}
h3.small{
	font-size: 12px;
}

fieldset{
	margin-bottom: 15px;
    border-radius: 4px;
}

fieldset legend{
	text-shadow: 0 1px 1px #3D94F6;
	color: black;
	font-size: 14px;
	font-weight: 900;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}

.floatLeft{ float: left; }
.floatRight{ float: right; }
.clearBoth{ clear: both; }
.clearBothFlow{ clear: both; overflow: auto; }
.aLeft{ text-align: left; }
.aCenter{ text-align: center; }
.aRight{ text-align: right; }
.aJust{ text-align: justify; }
.inline{ display: inline; }


#sk2NoticeWrapper{
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 70px;
	right: 5px;
	max-width: 25%;
	
}

	#sk2NoticeWrapper div.sk2NoticeBox{
		padding: 10px 10px 10px 75px;
		margin-right: 5px;
		margin-bottom: 10px;
		min-height: 60px;
		border-radius: 20px;
	}
		#sk2NoticeWrapper div.error{
			color: red;
			border: 1px solid #fcc;
			background: #fcc url(/sk2/images/icons/alert.png) no-repeat;
		}
		#sk2NoticeWrapper div.notice{
			color: teal;
			border: 1px solid #b9f9ff;
			background: #b9f9ff url(/sk2/images/icons/notice.png) no-repeat;
		}
		#sk2NoticeWrapper div.success{
			color: green;
			border: 1px solid #b9ffc9;
			background: #b9ffc9 url(/sk2/images/icons/check.png) no-repeat;
		}
		#sk2NoticeWrapper div.sk2NoticeBox a.sk2NoticeTimer{
			position: absolute;
			cursor: pointer;
			color: black;
			margin: -20px 0px 0px -85px;
			padding: 0px 0px 0px 6px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			overflow: hidden;
			font-size: 10px;
			width: 16px;
			height: 16px;
			background-image: url(/sk2/images//icons/b_drop.png);
		}
		#sk2NoticeWrapper div.sk2NoticeBox ul{
			padding: 0px 0px 0px 15px;
			margin-top: 0px;
		}
			#sk2NoticeWrapper div.sk2NoticeBox ul li{
			}
	
	
.header{
	text-shadow: -1px -1px 2px teal;
	color: black;
	font-weight: 900;
}
.headerOver{
	text-shadow: -1px -1px 2px teal;
	color: black;
	font-weight: 900;
}
.odd{
	background: #659EC7;
}
.oddOver{
	background: #AFDCEC;
}
.even{
	background: #488AC7;
}
.evenOver{
	background: #AFDCEC;
}
.tail{
	background: silver;
}

.miniatureText{
	font-size: 11px;
}

.helpIcon{
	position: absolute;
	margin-top: -5px;
	cursor: help;
}

.fullCutedStringBublleWrapper{
	position: absolute;
	background: white;
	border: 2px groove teal;
	border-radius: 5px;
	box-shadow: -3px -5px 3px teal;
	padding: 3px 15px 3px 15px;
}


.miniatureText{ font-size: 9px; }
.smallText10{ font-size: 10px; }
.smallText11{ font-size: 11px; }
.smallText12{ font-size: 12px; }
.smallText13{ font-size: 13px; }

.colorTextRed{ color: red; }
.colorTextBlue{ color: blue; }
.colorTextGreen{ color: green; }
.colorTextTeal{ color: teal; }
.colorTextYellow{ color: yellow; }
.colorTextNavy{ color: navy; }

#colorPalletSelectorWrapper{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	border: 1px solid gray;
	border-radius: 30px;
	background: white;
	padding: 10px;
	width: 275px;
	height: 275px;
	overflow: hidden;
}
	#colorPalletSelectorWrapper map.colorMap area{ cursor: pointer; }
	#colorPalletInputPreview{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		height: 30px;
		width: 100px;
		border: 1px solid black;
		background: #F00;
		margin-left: 35px;
		margin-top: 5px;
		text-align: center;
		padding-top: 0px;
	}
	#colorPalletInputButton{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		height: 20px;
		width: 50px;
		border: 1px solid black;
		margin-left: 10px;
		margin-top: 15px;
		text-align: center;
		padding-top: 0px;
		background: silver;
		cursor: pointer;
		border-radius: 10px;
	}
	#colorPalletSelectorWrapper img.boxCloseImage{
		position: absolute;
		margin-top: 0px;
		margin-left: 210px;
	}
	img.colorMap_random{
		position: absolute;
		margin-left: 210px;
		margin-top: 210px;
		cursor: pointer;
	}
.newsBlockWrapper div.content p{
	padding: 0px;
	margin: 3px 0px 3px 0px;
	font-size: 12px;
}
.modalWindow_default input{
	color: black!important;
}
/*************************************************************************************/
/* END OF THEME DEFAULT CSS /**/
/*************************************************************************************/
header{
	float: left;
	width: 100%;
	background: black;
}
.middleImage{
	float: left;
	width: 100%;
	text-align: center;
}
nav{ 
	display: flex; 
	flex-flow: wrap;
	width: 100%;
	align-items: flex-start;
	justify-content: space-around;
}
h1{
    text-shadow: 0 1px 2px orange;
    color: black;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
}
h2{
    text-shadow: 0 2px 2px #333333;
    color: black;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
    text-align: left;
}
h3{
    text-shadow: 0 2px 2px red;
    color: black;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
}
h4{
    text-shadow: 0 2px 2px blue;
    color: black;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
}
h5{
    text-shadow: 0 2px 2px white;
    color: black;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
}
h6{
    text-shadow: 0 1px 2px green;
    color: black;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
}
#newsWrapper{
	display: flex;
	flex-flow: wrap;
	justify-content: space-around;
	max-width: 100%;
}
.newsBlockWrapper{
	max-width: 300px;
	flex: 1 1 auto;
	text-align: justify;
	margin: 10px;
	border: 1px solid silver;
	border-radius: 15px;
	padding: 10px;
	box-shadow: 5px 5px 5px black;
	background: white url(/media/images/sk2-cms/content/7/surface_spots_dark_texture_69707_1920x1080.jpg) fixed;
	background-size: cover;
}
.newsBlockWrapper div.date{ color: white; }
.newsBlockWrapper div.content p{
	padding: 0px;
	margin: 3px 0px 3px 0px;
	font-size: 12px;
}
.tailInfoWrapper{ 
	background: black;
	width: 100%;
	color: white;
	text-align: center;
	padding: 10px 0;
	bottom: 0px;
	position: fixed;
	letter-spacing: 0.8px;
}
.readAllNewslinkWrapper{
	padding: 5px 0;
	width: 100%;  
}
.readAllNewslinkWrapper a{ color: white; }
/*****************************************************************************/
/* MOBILE */
/*****************************************************************************/
@media only screen and (max-width: 800px){
	.middleImage img{ max-width: 100%; }
	#newsWrapper{ flex-flow: column-wrap; }
	.newsBlockWrapper{ 
		flex: 1 1 auto; 
		max-width: 100%;
	}
	.tailInfoWrapper{ position: inherit; }
		
}#mainMenuWrapper{ 
	float: left; 
	padding-left: 5px;
}
.horizontalMenuDiv{
	display: inline-block;
	cursor: pointer;
}
	.horizontalMenuDiv a{
		text-decoration: none;	
		cursor: pointer;
		padding: 8px 25px 8px 2px;
		display: block;
		color: white;
	}
	.horizontalMenuDivLevel2 a{
		display: block;
		padding: 8px 10px 8px 5px;
		background: black;
		color: white;
		border-bottom: 1px solid white;
	}
		.horizontalMenuDivLevel2 a:hover{ background: #4d4d4d; }
	.horizontalMenuDivChild{ position: absolute; }
/*****************************************************************************/
/* MOBILE */
/*****************************************************************************/
@media only screen and (max-width: 800px){
	#mainMenuWrapper{ padding-left: 0; }
	.horizontalMenuDiv{
		display: block;
		width: 100%;
	}
		.horizontalMenuDiv a{
			display: block;
			width: 100%;
			text-decoration: none;	
			color: white;
			padding: 10px 0;
			margin: 1px 0;
			text-align: center;
			background: grey;
			color: white;
			text-transform: uppercase;
		}
		.horizontalMenuDivLevel2 a{
			display: block;
			padding: 10px 0;
			background: black;
			color: white;
		}
		.horizontalMenuDivLevel2 a:hover{ color: orange;}
		.horizontalMenuDivChild{ position: unset; }
	#mainMenuWrapper{ width: 100%; }
	
}#loginWrapper{
	display: inline-block;
	float: right;
	text-align: right;
	margin-top: 6px;
	color: white;
}
.logout{ display: inline-block; }
	.logout img{ height: 20px; }
.manageaccount{ display: inline-block; }
	.manageaccount img{ height: 20px; }
.logAs{
	display: inline-block;
	vertical-align: top;
	padding: 2px 5px;
}
.loginLinkWrapper{
	display: inline-block;
	margin: 0 5px;
}
	.loginLinkWrapper a{
		text-decoration: none;
		color: orange;
		font-size: 10px
	}
.inputLogin{ margin: 0 10px; }
.submitLogin{
	background: buttonface;
    box-sizing: border-box;
    padding: 2px 5px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
    color: black;
	}
/*****************************************************************************/
/* MOBILE */
/*****************************************************************************/
@media only screen and (max-width: 800px){
	#loginWrapper{
		width: 100%;
		text-align: center;
	}
	.labelLogin{
		display: block;
		margin: 5px 0;
	}
	.inputLogin{
		width: 75%;
		margin: 0 10px;
		padding: 5px 0;
		text-align: center;
	}
	.submitLogin{
		display: block;	
		width: 100%;
		margin: 10px 0;
		padding: 5px 0;
	}
	.logout img{ height: 30px; }
	.manageaccount img{ height: 30px; }
	.logAs{ padding-top: 6px; }
}/*****************************************************************************/
/* MOBILE */
/*****************************************************************************/
@media only screen and (max-width: 800px){

}/*************************************************************************************/
/* For MODAL WINDOW /**/
/*************************************************************************************/
.bodyBlockDiv{
	opacity: 0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */
	position: absolute;
	z-index: 349;
	top: 0px;
	left: 0px;
	background: teal;
    -moz-user-select: none;
}
.biggerWindowBlockDiv{
	position: absolute;
	z-index: 349;
    -moz-user-select: none;
}
.modalWindowContentWrapper{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	overflow: auto;
	position: relative;
	height: 100%;
	width: 100%;
}
	.modalWindowContentFit{
		padding: 0;
		overflow: hidden;
	}
.modalWindow_default{
	background: white;
	border: 3px groove black;
	box-shadow: -10px 10px 25px 10px gray;
}
.modalWindow_borderLess{ border: 0; }
.modalWindow_shadowLess{ box-shadow: none; }

.modalWindowCloseButtonWrapper{
	position: absolute;
	padding: 0;
	margin: 0; 
	margin-top: -35px;
	overflow: auto;
	clear: both;
	width: 103%;
}
.modalWindowCloseButtonWrapperFull{
	margin: 5px 20px 0px 0px;
}
	.modalWindowCloseButtonWrapper img{
		display: block;
		float: right;
		position: relative;
		width: 8%;
		max-width: 60px;
		height: 8%;
		max-height: 60px;
		z-index: 1200;
		opacity: 0.6;
		margin: 0 5px 0 5px;
		cursor: pointer;
	}
	.modalWindowCloseButtonWrapper img.closeButton{ opacity: 1; }
	.modalWindowCloseButtonWrapper img.navigationButton{ width: auto; }
	.modalWindowCloseButtonWrapper img:hover{ opacity: 1; }

img.modalImage{
	position: relative;
	padding: 0;
	margin: 0;
	border: 0;
	width: 100%;
	cursor: zoom-in;
}
img.modalImageShow{ display: block; }
img.modalImageHidden{ display: none; }
#modalImageSpan{
	color: black;
	font-size: 18px;
}
/*************************************************************************************/
/* END: For MODAL WINDOW /**/
/*************************************************************************************/