/*************************************************************************************/
/* START OF THEME DEFAULT SITE CSS /**/
/*************************************************************************************/
html{
    width: 100%;
    height: 100%;
}
body{
	padding: 0px;
	margin: 0px;
    width: 100%;
    height: 100%;
    font-family: Myriad, trebuchet ms, verdana, arial, sans serif;
	background: white url(/theme/images/body-background.jpg) top center no-repeat;
	background-attachment: fixed;
	overflow-y: scroll;
}
body.bodyPrintStyle{
	padding: 0px;
	margin: 0px;
    width: 100%;
    height: 100%;
    font-family: Myriad, trebuchet ms, verdana, arial, sans serif;
	background: white;
	background-attachment: scroll;
	overflow-y: scroll;
}
	div.printHeader{
		position: absolute;
		top: 0px;
		left: 0px;
		opacity: 0.3;
	}
/*************************************************************************************/
/* START: For default site design /**/
/*************************************************************************************/
.full_screen{
	background: white;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 5000;
}
#centeredContent{
	width: 1024px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #FEEEFE;
}

	#headerWrapper{
		height: 160px;
		background: url(/theme/images/header-banner.jpg) no-repeat;
	}

	#mainMenuWrapper{
		overflow: auto;
	}

	#contentWrapper{
		padding-bottom: 50px;
		background: #FEEEFE;
		padding: 5px 10px 50px 10px;
	}

	#tailWrapper{
		width: 1024px;
		height: 32px;
		position: fixed;
		bottom: 0px;
		background: #08262c;
		color: white;
		clear: both;
		overflow: auto;
	}

.mainDesignTableWrapper{
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	width: 1030px;
}

.mainDesignHeaderWrapper{
	height: 160px;
}

.companyLogo{
	display: block;
	position: absolute;
	margin: 10px 0px 0px 70px;
	width: 140px;
	height: 140px;
	text-decoration: none;
}


.addElementButton{
	display: block;
	border: 2px groove silver;
	background: gray;
	opacity: 0.7;
	border-radius: 5px;
	padding: 1px 5px 1px 5px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	float: right;
}
.addElementButton:hover{
	opacity: 1;
	border: 2px solid silver;
}
	.addElementButton img{
		vertical-align: middle;
	}
.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;
	}
	/*************************************************************************************/
/* START: For the frontend login block design /**/
/*************************************************************************************/
.notConnected{
    height: 22px;
    padding-top: 4px;
}
	.loginLinkWrapper{
		margin-left: 5px;
		margin-right: 5px;
		float: left;
	}
		.loginLinkWrapper a{
			color: #f5b122;
			font-size: 10px;
		}
		.loginLinkWrapper a:visited{
			color: #f5b122;
		}
		.loginLinkWrapper a:hover{
			color: #f57622;
		}
	
.connected{
    float: right;
    margin-top: -30px;
    border: 2px groove teal;
    border-radius: 5px;
    padding-left: 10px;
    height: 22px;
    padding-top: 4px;
    color: teal;
}
.inputLogin{
    float: left;
    width: 80px;
    border-radius: 5px;
    border: 1px solid teal;
    margin-right: 10px;
    background: white;
    color: teal;
}
.submitLogin{
    float: left;
    width: auto;
    border-radius: 5px;
    border: 1px solid teal;
    margin-right: 10px;
}
.labelLogin{
	width: auto;
	color: white;
}
.logout{
    float:right;
    margin-left: 10px;
}

#loginWrapper{
    float: right;
    margin-top: -30px;
    border: 2px groove teal;
    border-radius: 5px;
	height: 27px;
	color: teal;
	padding-left: 10px;
}

#loginWrapper .fieldWrapper{
    float:left;
    clear:none;
}

#loginWrapper input{
    float:left;
    width: 100px;
}

#loginWrapper input[type=submit]{
    width: auto;
}

#loginWrapper label{
    float:left;
    width: 80px;
    margin: 0px 10px 0px 0px;
    text-align: right;
}

#loginWrapper .logout{
    float:right;
}


.manageaccount{
    float:right;
    margin-left: 10px;
}
		
.resetPasswordWrapper{
	padding: 10px;
}
.resetPasswordExplained{
	padding: 20px;
	font-size: 12px;
}
#registrationError{
	padding: 20px;
	color: red;
	text-align: center;
	font-size: 12px;
}
.logoutImage, .myAccountImage{ height: 20px; }
.logAs{ float: right; }
/*************************************************************************************/
/* END: For the frontend login block 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 2px teal;
	color: black;
	font-size: 16px;
	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: 45px;
	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;
	}

/*************************************************************************************/
/* END OF THEME DEFAULT CSS /**/
/*************************************************************************************/
/*************************************************************************************/
/* START: For default forms design /**/
/*************************************************************************************/
form div.fieldWrapper{
	clear: both;
	overflow: auto;
	padding: 1px 0 0 1px;
	text-align: center;
}
form div.fieldWrapperCheckbox{
	clear: both;
	overflow: auto;
	padding: 3px;
}
	form div.fieldWrapperCheckbox div{
		float: right;
		text-align: right;
		width: 258px;
	}
		form div.fieldWrapperCheckbox div div{
			width: 258px;
			text-align: right;
		}
form label{
	display: block;
	float: left;
	width: 250px;
	text-align: left;
}
form input{
	float: left;
	width: 250px;
}
form input.datefield{
	float: left;
	width: 219px;
}
form input.auto{
	float: none;
	width: auto;
}
form input.radiocheckbox{
	float: left;
	width: auto;
}
form input.radiocheckboxnofloat{
	float: none;
	width: auto;
}
form select{
	float: left;
	width: 254px;
}
form textarea{
	width: 98%;
	height: 300px;
	float: left;
}
form input.calendarButton{
	width: auto;
	border: 0px;
	color: red;
	margin-top: -6px;
}
form div.captchaWrapper{
    width: 254px;
    padding: 0px;
    margin: 0px;
    overflow: auto;
    height: 30px; 
}
    form div.captchaWrapper img{ height: 20px; float: left; cursor: pointer;}
    form div.captchaWrapper img:first-child{ float: left; cursor: pointer; }
    form div.captchaWrapper input{ float: right; }
    
    
/*************************************************************************************/
/* END: For default forms design /**/
/*************************************************************************************/
.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 /**/
/*************************************************************************************/
/*************************************************************************************/
/* 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 /**/
/*************************************************************************************/
/*************************************************************************************/
/* START: For default Menues design /**/
/*************************************************************************************/
#mainMenuWrapper{
	height: 30px;
	color: white;
	background: black;
	clear: both;
	overflow: auto;
}
	.horizontalMenuWrapper{
		clear: both;
		overflow: auto;
		z-index: 1000;
	}
		.horizontalMenuDiv{
			float: left;
			height: 25px;
			z-index: 1000;
		}
		.horizontalMenuDivLast{
			float: left;
			height: 25px;
			z-index: 1000;
		}
			.horizontalMenuDiv a{
				display: block;
				padding: 4px 10px 0px 10px;
				text-decoration: none;
				color: teal;
			}
			.horizontalMenuDiv a:hover{
				color: maroon;
			}

			.horizontalMenuDivChild{
				position: absolute;
				background: black;
				color: teal;
				border: 2px solid teal;
				border-top: 2px solid maroon;
				padding: 2px;
				border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
				z-index: 1000;
			}
				.horizontalMenuDivLevel2{
					color: teal;
				}
				.horizontalMenuDivLevel2:hover{
					color: maroon;
				}
					.horizontalMenuDivLevel2 a{
						display: block;
						padding: 2px 10px 2px 10px;
						text-decoration: none;
						color: teal;
					}
					.horizontalMenuDivLevel2 a:hover{
						display: block;
						padding: 2px 10px 2px 10px;
						text-decoration: none;
						color: maroon;
					}