@CHARSET "UTF-8";

body {
	line-height: 1;
}

img { border: none; }

br {margin-bottom: 5px}

.selectedBack {
		background-color: lightblue;
	}
.redBack {
		background-color: #ffc0c0;
	}


table {
	font-family: "Segoe UI", "Trebuchet MS";
	font-size: 13px;
	padding: 0px;
	margin: 0px;
	color: #444444;
	text-shadow: 0px 1px 1px white;
}

/*
div {
	text-shadow: 0px 1px 1px #aaaaaa;
	font-family: "Segoe UI", "Trebuchet MS";
	font-size: 13px;
}
*/
form {
	display: inline;
}

h1,h2,h3,h4,h5 {
	color: #444444;
	margin: 3px 0px 5px 0px;
}

#divMenu {
	width: 100%;
	border: 0 none;
	height: 60px;
	background: url("../img/bg_top.png") repeat-x left top;
	background-size:80px 60px;
	color: #909090;
	z-index: 99;
	position: fixed;
	left: 0px;
	top: 0px;
}

.menuGroup {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	float: left;
}

.mMenu {
	text-shadow: 1px 1px 1px #555555;
	margin-top: 8px;
	margin-bottom: 15px;
}

.mMenu a:link, ul.mMenu a:visited {
	text-decoration: none;
	color: #fff; 
	padding: 3px 5px 3px 5px;
}

/*
.menuLoginClass {
	font-size: 13px;
}

.menuLoginClass input[type='text'],input[type='password'] {
	font-family: "Segoe UI", "Trebuchet MS";
	font-size: 10px;
	height: 10px;
	width: 50px;
	color: #333333;
	background-color: #c0c0c0;
	.border-radius(3px);
	margin-bottom: 0px;
}

.menuLoginClass input[type='password'] {
	width: 50px;
	height: 10px;
	margin-bottom: 0px;
}

#menuLoginForm {
	float: right;
	width: 200px;
}
*/

table.table_login {
	border: 0px;
	font-family: "Segoe UI", "Trebuchet MS";
	font-size: 10px;
	color: #e0e0e0;
	text-shadow: none;
	vertical-align: top;
}

table.table_login tr {
	vertical-align: top;
}

table.table_login td {
	vertical-align: middle;
	padding: 3px;
}


ul.mainMenu, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.mainMenu {
	padding-left: 0px;
	margin-top: 5px;
}

ul.mainMenu li {
	margin-right: 5px;
}

ul.mainMenu a:link, .mainMenu a:visited {
	text-decoration: none;
	display: block;
	color: #fff;
	padding: 5px;
	margin-left: 10px;
}

ul.mainMenu a:hover {
	color: #ddd;
	text-shadow: 1px 1px 1px #000000;
}

.divScreen {
	display: block;
	clear: both;
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

.fl940px {
	display: inline-block;
	width: 950px;
	align: middle;
	padding: 0px;
	margin: 0 10px 10px 0px;
}

.fl_gallery_left {
	float: left;
	width: 100%;
}

.fr_gallery_right {
	float: right;
	width: 220px;
	padding-right: 10px;
}

.fl100 {
	float: left;
	width: 100%;
}

.fl50 {
	float: left;
	width: 350px;
}

.f550 {
	float: left;
	width: 550px;
}

.fr100 {
	float: right;
	width: 100%;
}

/* 
input[type='text'],input[type='password'],input[type='submit'],select, input[type='file'] {
	font-family: "Segoe UI", "Trebuchet MS";
	font-size: 12px;
	color: #333333;
}

input[type='text'],input[type='password'] {
	width: 185px;
}

input, textarea, select {
	.border-radius(3px);
	border: 1px solid #cccccc;
	padding: 4px;
	.transition(all 0.2s linear 0s);
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	.box-shadow(~"inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 0px 5px rgba(145, 211, 247, 0.3)");
	border: 1px solid #91D3F7;
}
*/

table.std {
	border: 1px solid #bbbbbb;
	.border-radius(3px);
	background-color: white;
	border-spacing: 1px;
	.box-shadow(0px 1px 2px rgba(0,0,0,0.2));
	text-shadow: 0px 1px 1px #aaaaaa;
	
	tr {
		th {
			.linear-gradient(~"top, #fdfdfd, #f1f1f1");
			color: #555555;
			background-color: white;
			text-shadow: 0px 1px 1px rgba(255,255,255,0.9);
			text-align: center;
			padding: 5px 10px 5px 10px;
			border-bottom: 1px solid #cccccc;
			border-right: 1px solid #dddddd;
			
			&:last-child {
				border-right: none;
			}
		}
		
		td {
			background-color: #f9f9f9;
			padding: 3px 5px 3px 5px;
			.textShadow(none);
		}
		
		&:nth-child(even) td {
			background-color: #f1f1f1;
		}
	}
	
	tr.foot {
		td {
			background-color: #e9e9e9 !important;
			text-align: right;
			font-weight: bold;
		}
	}
}

table.table_no_border {
	border: 0px;
}

#divBody {
	border: 1px;
	width: 100%;
	height: 100%;
	outline: 0 none;
	margin: 0px;
	padding: 0px;
}

.dflFont {
	font-family: "Segoe UI", "Trebuchet MS";
	font-size: 13px;
	color: #000000;
}

#divMain {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	font-family: "Segoe UI", "Trebuchet MS";
	font-size: 13px;
	color: #000000;
}

#divContent {
    background-color: #eee;
    border-bottom: 1px solid #A1A1A1;
    border-left: 1px solid #A1A1A1;
    border-radius: 0 0 4px 4px;
    border-right: 1px solid #A1A1A1;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    float: left;
    margin-bottom: 10px;
    min-height: 220px;
    padding: 10px 10px 10px 10px;
    width: 100%;
    margin-top: -10px;
	background-image: -moz-linear-gradient(center top , #FDFDFD, #D9D9D9 1px, #F1F1F1 50px);
	background-image: -webkit-linear-gradient(top, #FDFDFD, #D9D9D9 1px, #F1F1F1 50px);
	background-image: -o-linear-gradient(top, #FDFDFD, #D9D9D9 1px, #F1F1F1 50px);
	background-image: -ms-linear-gradient(top, #FDFDFD, #D9D9D9 1px, #F1F1F1 50px);
	background-image: linear-gradient(top, #FDFDFD, #D9D9D9 1px, #F1F1F1 50px);
}

#divMainLeft {
	position: relative;
	top: 0px;
	float: left;
	width: 710px;
	/* width: 540px; */
}

#divMainRight {
	position: relative;
	top: 0px;
	float: right;
/*	width: 390px; */
	width: 220px;
	margin-right: 10px;
}

#divHeader {
	padding: 0px;
	margin-bottom: 10px;
    width: 100%;
    margin-top: 2px;
}

#loginForm {
	float: right;
	width: 340px;
	background-image: -moz-linear-gradient(center top , #FDFDFD, #D9D9D9 1px, #F1F1F1 50px);
}

.mixinRMCommon {
	.border-radius(6px); 
	float: left; 
	width: 100%; 
	margin: 0px 0px 10px 0px;
	font-weight: bold; 
	font-size: 16px; 
	border: 1px solid rgba(0,0,0,0.4);
}

div.pad10 { 
	float: left; 
	width: 100%;
	height: 10px; 
} 

div.padv10 { 
	float: left; 
	width: 10px;
	height: 10px; 
} 

#divRMs { 
	float: left; width: 100%;
}

	div.RMwrap { 
		float: left; 
		padding: 10px; 
	} 

	div.RM1 { 
		border-radius: 10px 10px 10px 10px; 
		float: left; 
		width: 100%; 
		margin: 0px 0px 10px 0px;
		font-weight: bold; 
		font-size: 16px; 
		border: 1px solid rgba(0,0,0,0.4);

		background-color: #62C462;
		color: white;
	}
	
	div.RM2 { 
		background-color: #FCEEC1; 
		color: #555555;

		border-radius: 10px 10px 10px 10px; 
		float: left; 
		width: 100%; 
		margin: 0px 0px 10px 0px;
		font-weight: bold; 
		font-size: 16px; 
		border: 1px solid rgba(0,0,0,0.4);
	}
	
	div.RM3 { 
		background-color: red;
		color: white;

		border-radius: 10px 10px 10px 10px; 
		float: left; 
		width: 100%; 
		margin: 0px 0px 10px 0px;
		font-weight: bold; 
		font-size: 16px; 
		border: 1px solid rgba(0,0,0,0.4);
	}
	
	div.RM4 { 
		background-color: #5BC0DE; 
		color: white;

		border-radius: 10px 10px 10px 10px; 
		float: left; 
		width: 100%; 
		margin: 0px 0px 10px 0px;
		font-weight: bold; 
		font-size: 16px; 
		border: 1px solid rgba(0,0,0,0.4);
	}

	
.folder_head {
	font-family: 'Open Sans Condensed', "Segoe UI", "Trebuchet MS";
	font-weight: 300;
	font-size: 1.5em;
	float: left;
	width: 100%;
	background-color: #dddddd;
	color: gray;
	padding: 5px 5px 5px 5px;
	border-radius: 5px 5px 0px 0px; 
 -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.folder_content {
	font-family: 'Arial', "Segoe UI", "Trebuchet MS";
	font-size: 1em;
	color: gray;
	float: left;
	width: 100%;
	background-color: #eeeeee;
	padding: 5px 5px 5px 5px;
	border-radius: 0px 0px 0px 0px; 
 -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.folder_alt {
	background-color: #d0d0d0;
}

.news_short {
	font-size: 1em;
	text-align: justify;
}

.folder_tail {
	font-family: 'Arial', "Segoe UI", "Trebuchet MS";
	font-size: 13px;
	width: 100%;
	float: left;
	background-color: #dddddd;
	color: gray;
	padding: 5px 5px 5px 5px;
	border-radius: 0px 0px 5px 5px; 
	text-align: center;
	margin-bottom: 10px;
 -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.folder_content a:hover {
	color: gray;
	font-weight: bold;
	text-decoration: underline;
}

.folder_content a {
	color: gray;
	font-weight: bold;
	text-decoration: none;
}

.folder_imgMainPage {
	width: 540px;
}

.folder_newsMainPage {
	position: relative;
	top: 0px;
	float: right;
	width: 300px;
/*	clear: left;*/
}

.media_head {
	font-family: "Segoe UI", "Trebuchet MS";
	font-size: 13px;
	float: left;
	width: 135px;
	background-color: #ddd;
	color: black;
	border-radius: 5px 5px 0px 0px; 
	padding: 5px 5px 5px 5px;
}

.priv_media_head {
	font-family: "Segoe UI", "Trebuchet MS";
	font-size: 13px;
	float: left;
	width: 135px;
	background-color: #faa;
	color: black;
	border-radius: 5px 5px 0px 0px; 
	padding: 5px 5px 5px 5px;
}

	div.kafelek { 
		font-family: "Segoe UI", "Trebuchet MS";
		font-size: 13px;
		border-radius: 5px 5px 5px 5px; 
		float: left; 
		width: 145px; 
		margin: 10px 10px 10px 10px;
		padding: 5px 5px 5px 5px;
		border: 1px solid rgba(0,0,0,0.4);

		background-color: white;
		color: black;
	}

table.newTable {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.newTable th {
	border-width: 1px;
	padding: 3px;
	border-style: dashed;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
table.newTable td {
	border-width: 1px;
	padding: 3px;
	border-style: dashed;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}

.datagrid table { border-collapse: collapse; text-align: left; width: 100%; text-shadow: 0px 1px 1px #aaaaaa; }
.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #9C9A9A; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }
.datagrid table td { padding: 3px 10px; } 
.datagrid table th { padding: 8px 10px; }
.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #BFBFBF), color-stop(1, #403F3F) );background:-moz-linear-gradient( center top, #BFBFBF 5%, #403F3F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BFBFBF', endColorstr='#403F3F');background-color:#BFBFBF; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #8A8A8A; }
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #333333; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }
.datagrid table tbody .alt td { background: #F0F0F0; color: #333333; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }
.datagrid table tfoot td div { border-top: 1px solid #9C9A9A;background: #D4D4D4;}
.datagrid table tfoot td { padding: 0; font-size: 12px }
.datagrid table tfoot td div{ padding: 2px; }
.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }

.datagrid table tfoot th div { border-top: 1px solid #9C9A9A; background: #D4D4D4;}
.datagrid table tfoot th { text-align: center; font-size: 12px;border-top: 1px solid #9C9A9A; background: #e0e0e0 }
.datagrid table tfoot th div{ padding: 2px; }
.datagrid table tfoot th ul { margin: 0; padding:0; list-style: none; text-align: right; }

.datagrid table tfoot  li { display: inline; }
.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #6E6E6E;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #E8E8E8), color-stop(1, #7F7F7F) );background:-moz-linear-gradient( center top, #E8E8E8 5%, #7F7F7F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#7F7F7F');background-color:#E8E8E8; }
.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #999999; color: #FFFFFF; background: none; background-color:#4F4F4F;}

/*
input[type="submit"] {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
	background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528009;
}

input[type="submit"]:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
	background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
	background-color:#77a809;
}

input[type="submit"]:active {
	position:relative;
	top:1px;
}
*/

a.lnk { text-decoration: none; color: #000000; }
a.lnk:hover { text-decoration: underline; color: #000000; }
a.lnk:visited { text-decoration: none; color: #000000; }

.mailDialog { cursor: pointer; }
.cursorPointer { cursor: pointer; }

.kafelekgrid table { border-collapse: collapse; text-align: left; text-shadow: 0px 1px 1px #aaaaaa; width:100%; }
.kafelekgrid {float: left; width: 165px; margin: 0px; font: normal 12px/150% Arial, Helvetica, sans-serif; background: #aaa; overflow: hidden; border: 1px solid #9C9A9A; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }
.kafelekgrid table td { padding: 3px 10px; width: 165px } 
.kafelekgrid table th { padding: 8px 10px; width: 165px }
.kafelekgrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #BFBFBF), color-stop(1, #403F3F) );background:-moz-linear-gradient( center top, #BFBFBF 5%, #403F3F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BFBFBF', endColorstr='#403F3F');background-color:#BFBFBF; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #8A8A8A; }
.kafelekgrid table thead th:first-child { border: none; }
.kafelekgrid table tbody td { height: 170px; color: #333333; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; text-align: center }

.statgrid table tbody td { height: 0px; color: #333333; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; text-align: center; background: #D4D4D4; }

.kafelekgrid table tbody .alt td { background: #F0F0F0; color: #333333; }
.kafelekgrid table tbody td:first-child { border-left: none; }
.kafelekgrid table tbody tr:last-child td { border-bottom: none; }
.kafelekgrid table tfoot td div { border-top: 1px solid #9C9A9A;background: #D4D4D4;}
.kafelekgrid table tfoot td { padding: 0; font-size: 12px }
.kafelekgrid table tfoot td div{ padding: 2px; }
.kafelekgrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }

.kafelekgrid table tfoot th div { background: #888;}
.kafelekgrid table tfoot th { padding: 3px 10px; text-align: center; font-size: 12px;border-top: 1px solid #9C9A9A; background: #888 }
.kafelekgrid table tfoot th div{ padding: 2px; }
.kafelekgrid table tfoot th ul { margin: 0; padding:0; list-style: none; text-align: right; }

.kafelekgrid table tfoot  li { display: inline; }
.kafelekgrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #6E6E6E;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #E8E8E8), color-stop(1, #7F7F7F) );background:-moz-linear-gradient( center top, #E8E8E8 5%, #7F7F7F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#7F7F7F');background-color:#E8E8E8; }
.kafelekgrid table tfoot ul.active, .kafelekgrid table tfoot ul a:hover { text-decoration: none;border-color: #999999; color: #FFFFFF; background: none; background-color:#4F4F4F;}

.ui-state-bb-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #fad000; background: #efcc1e; color: #2b2b2b; }
.ui-state-bb-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #2b2b2b; }


	div.OneMessage { 
		border-radius: 10px 10px 10px 10px; 
		float: left; 
		width: 100%; 
		margin: 0px 0px 10px 0px;
		border: 1px solid rgba(0,0,0,0.4);

		background-color: #e0e0e0;
		color: #303030;
	}

	div.OneThread { 
		border-radius: 10px 10px 10px 10px; 
		float: left; 
		width: 100%; 
		margin: 0px 0px 10px 0px;
		border: 1px solid rgba(0,0,0,0.4);

		background-color: #e0e0e0;
		color: #303030;
		cursor: pointer;
	}

	div.OM1 {
		background-color: #eaeaea;
	}

	div.freshMeat {
		background-color: #eaaaaa;
	}

	div.OMUserArea {
		float: left;
		display: block;
		width: 126px;
		height: 100%;
	}

	div.OneUser {
		float: left;
		display: block;
		width: 32px;
		height: 32px;
		margin: 5px 0px 5px 5px;
		border: 0px;
		background-color: #f0f0f0;
		color: #303030;
	}

	div.OneLogin {
		color: #0f0f0f;
/*		text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; */
/*		text-shadow: 0px 1px 1px black; */
		text-align: center;
		margin: 30px 0px 10px 0px;
 		overflow: hidden;
		font-size: 8px;
	}

	div.MessageSender {
		float: left;
		display: block;
		width: 50px;
		height: 50px;
		margin: 5px;
		border: 0px;
		background-color: #f0f0f0;
		color: #303030;
		border-radius: 10px 10px 10px 10px; 
	}

	div.MessageLogin {
/*		color: #f0f0f0; */
/*		text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; */
/*		text-shadow: 0px 1px 1px black; */
		text-align: center;
		margin: 48px 0px 10px 0px;
 		overflow: hidden;
 	}

.scroll-pane {
	width: 200px;
	height: 200px;
	overflow: auto;
	background: #ccc;
	float: left;
}

.bb-icon {
	display: inline-block; 
	float left; 
	margin-right: 5px;
}


a.p_kafelek {display:block; text-decoration:none; background:#fff; border:0; margin:10px auto 0 auto; float:left; position:relative; z-index:50;}
a.p_kafelek img {display:block; border:0;}
a.p_kafelek:hover {text-decoration:none; background-color:#8c97a3; color:#000; position:relative; z-index:500;}
a.p_kafelek b {display:block; position:absolute; left:-9999px; padding:10px; opacity:0;
 border-radius:3px; 
 box-shadow:0 15px 10px -15px rgba(0,0,0,0.4);

-webkit-transition: opacity 0.6s ease-in-out;
-moz-transition: opacity 0.6s ease-in-out;
-o-transition: opacity 0.6s ease-in-out;
-ms-transition: opacity 0.6s ease-in-out;
transition: opacity 0.6s ease-in-out;
}

a.p_kafelek_sq {display:block; width: 100%; text-decoration:none; background:#fff; border:0; margin:0px auto 0 auto; float:left; position:relative; z-index:50;}
a.p_kafelek_sq img {display:block; border:0;}
/* a.p_kafelek_sq:hover {text-decoration:none; background-color:#8c97a3; color:#000; position:relative; z-index:500;} */
a.p_kafelek_sq b {display:block; position:absolute; left:-9999px; padding:10px; opacity:0;}

/*
 border-radius:3px; 
 box-shadow:0 15px 10px -15px rgba(0,0,0,0.4);

-webkit-transition: opacity 0.6s ease-in-out;
-moz-transition: opacity 0.6s ease-in-out;
-o-transition: opacity 0.6s ease-in-out;
-ms-transition: opacity 0.6s ease-in-out;
transition: opacity 0.6s ease-in-out;
}
*/

img.iPad {position:fixed; left:0; top:0; width:100%; height:100%; display:none; z-index:10;}
a.p_kafelek:hover b {top:-120px; left:110px; padding:10px; border:1px solid #ddd; background:#fff; opacity:1.0;}
a.p_kafelek:hover ~ img.iPad {display:block;}
a.p_kafelek_sq:hover > div {display:block;}

div.top-reward-text {
	position: absolute;
	bottom: 20px;
	left: 5px;
	height: 40px;
	width: 300px;
	overflow: hidden;
	background-color: #cccccc;
	filter:alpha(opacity=60); /* IE */
	-moz-opacity:0.6; /* Mozilla */
	opacity: 0.6; /* CSS3 */
}

.top-reward-text p {
	text-align: center;
	height: 100%;
	width: 100%;
	color: #333333;
	font-weight: normal;
	padding-top: 1px;
}

div.p_kafelek_info {
	display: none;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 40px;
	width: 100%;
	background-color: #333333;
	filter:alpha(opacity=60); /* IE */
	-moz-opacity:0.6; /* Mozilla */
	opacity: 0.6; /* CSS3 */
}

div.p_kafelek_inner {
	height: 100%;
	width: 100%;
	color: white;
	font-weight: normal;
	padding-top: 3px;
}

.icon-small {
	font-size: 12px;
}

hr.style-seven { height: 30px; border-style: solid; border-color: gray; border-width: 1px 0 0 0; border-radius: 20px; }
hr.style-seven:before { /* Not really supposed to work, but does */ display: block; content: ""; height: 30px; margin-top: -31px; border-style: solid; border-color: gray; border-width: 0 0 1px 0; border-radius: 20px; }
hr.style-five { border: 0; height: 0; /* Firefox... */ box-shadow: 0 0 10px 1px black; }
hr.style-five:after { /* Not really supposed to work, but does */ content: "\00a0"; /* Prevent margin collapse */ }

.dropShadow {
	width: 100%; float: left; 
-webkit-box-shadow: 6px 8px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 6px 8px 10px rgba(0, 0, 0, 0.3);
box-shadow: 6px 8px 10px rgba(0, 0, 0, 0.3);
}

.recommendBox {
width: 100%; float: left; background-color: #606060; clear: both; padding-bottom: 10px; margin-bottom: 30px; border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}

.sizingBorder { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
} 
.sizingContent { 
    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box; 
    box-sizing: content-box; 
}

.bb-center-table {
	display: table; 
	width: 100%; 
	height: 100%; 
	text-align: center;
}
.bb-center-row {
	display: table-row; 
	height: 100%;
}

.bb-center-cell {
	vertical-align: middle; 
	display: table-cell; 
	height: 100%;
}

.side-slide {
	float: left;
	width: 4.5%;
	background-color: #f7f7f7;
	cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
}

.img-polaroid-red {
  padding: 4px;
  background-color: #fff;
  border: 1px solid #c00;
  border: 1px solid rgba(90, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 5px rgba(190, 90, 90, 0.91);
  -moz-box-shadow: 0 1px 5px rgba(190, 90, 90, 0.91);
  box-shadow: 0 1px 5px rgba(190, 90, 90, 0.91);
}

.dataSearchGrid table { border-collapse: collapse; text-align: left; width: 100%; text-shadow: 0px 1px 1px #aaaaaa; }
.dataSearchGrid {font: normal 12px/150% "Segoe UI", "Trebuchet MS", sans-serif; background: #fff; overflow: hidden; border: none; }
.dataSearchGrid table td { padding: 3px 10px; } 
.dataSearchGrid table th { padding: 8px 10px; }
.dataSearchGrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #BFBFBF), color-stop(1, #403F3F) );background:-moz-linear-gradient( center top, #BFBFBF 5%, #403F3F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BFBFBF', endColorstr='#403F3F');background-color:#BFBFBF; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #8A8A8A; }

.dataSearchGrid table tbody td { color: #333333; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }
.dataSearchGrid table tbody { border: 1px solid #888888; }
.dataSearchGrid table tbody .alt td { background: #F0F0F0; color: #333333; }
.dataSearchGrid table tbody td:first-child { border-left: none; }
.dataSearchGrid table tbody tr:last-child td { border-bottom: none; }

.dataSearchGrid table tfoot td div { border-top: 1px solid #9C9A9A;background: #D4D4D4;}
.dataSearchGrid table tfoot td { padding: 0; font-size: 12px }
.dataSearchGrid table tfoot td div{ padding: 2px; }
.dataSearchGrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }

.dataSearchGrid table tfoot th div { border-top: 1px solid #9C9A9A; background: #D4D4D4;}
.dataSearchGrid table tfoot th { text-align: center; font-size: 12px;border-top: 1px solid #9C9A9A; background: #e0e0e0 }
.dataSearchGrid table tfoot th div{ padding: 2px; }
.dataSearchGrid table tfoot th ul { margin: 0; padding:0; list-style: none; text-align: right; }

.dataSearchGrid table tfoot  li { display: inline; }
.dataSearchGrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #6E6E6E;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #E8E8E8), color-stop(1, #7F7F7F) );background:-moz-linear-gradient( center top, #E8E8E8 5%, #7F7F7F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#7F7F7F');background-color:#E8E8E8; }
.dataSearchGrid table tfoot ul.active, .dataSearchGrid table tfoot ul a:hover { text-decoration: none;border-color: #999999; color: #FFFFFF; background: none; background-color:#4F4F4F;}
.dataSearchGrid select { width: 100px;	margin-bottom: 10px; }
.dataSearchGrid input[type='text'] {
	font-family: "Segoe UI", "Trebuchet MS";
	font-size: 12px;
	height: 15px;
	width: 150px;
	.border-radius(3px);
	margin-bottom: 10px;
}
.dataTables_filter { float: right }

.leftRadius {
-webkit-border-top-left-radius: 15px !important;
-webkit-border-bottom-left-radius: 15px !important;
-moz-border-radius-topleft: 15px !important;
-moz-border-radius-bottomleft: 15px !important;
border-top-left-radius: 15px !important;
border-bottom-left-radius: 15px !important;
}

.rightRadius {
-webkit-border-top-right-radius: 15px !important;
-webkit-border-bottom-right-radius: 15px !important;
-moz-border-radius-topright: 15px !important;
-moz-border-radius-bottomright: 15px !important;
border-top-right-radius: 15px !important;
border-bottom-right-radius: 15px !important;
}

input.mainMenu {
	background-color: #555555;
	color: #cccccc;
	border: 1px solid #333333;
}

div.topMenu {
	height: 70px;
	margin-left: auto;
	margin-right: auto;
	background-color: #be5348;

-webkit-box-shadow: 0px 3px 10px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    0px 3px 10px rgba(50, 50, 50, 0.2);
box-shadow:         0px 3px 10px rgba(50, 50, 50, 0.2);
}

.img-polaroid-top {
  padding: 0px;
  display: block;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

#topMenuUL {
	margin-top: 0px;
	height: 70px;
   width:100%;
   background:#be5348;
   overflow:hidden;
   position:relative;
}
#topMenuUL ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#topMenuUL ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#topMenuUL ul li a {
	height: 11px;
   display:block;
   margin:0 0 0 1px;
   padding:27px 10px;
   background:#b2463b;
   color:white;
   text-decoration:none;
   line-height:1.3em;
   border-bottom:4px solid #eeb965;
}
#topMenuUL ul li a:hover {
   background:#eeb965;
   color:#000;
   border-bottom:4px solid #b2463b;
}
#topMenuUL ul li a:link {
   color:#fff;
}
#topMenuUL ul li a.active,
#topMenuUL ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}
.carousel-caption-top {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  width: 100%;
  overflow: hidden;
  padding: 15px;
  color: white;
  background: #333333;
  background: rgba(0, 0, 0, 0.5);
}
.carousel-caption-top-right {
  position: absolute;
  left 0;
  right: 0;
  bottom: 0px;
  width: 100%;
  overflow: hidden;
  padding: 15px;
  color: white;
  background: #f0f0f0;
  background: rgba(250, 250, 250, 0.4);
}

.carousel-caption-top img {
	position: absolute; 
	right: 0px; 
	top: 0px; 
	bottom: 0px; 
	margin-top: 3px; 
	margin-right: 33px; 
	border: 1px solid #aaaaaa;
	height: 90%;
	filter:alpha(opacity=80); /* IE */
	-moz-opacity:0.8; /* Mozilla */
	opacity: 0.8; /* CSS3 */
}

.carousel-caption-top-right h4,
.carousel-caption-top h4,
.carousel-caption-top-right p,
.carousel-caption-top p {
  color: #ffffff;
  line-height: 20px;
}
.carousel-caption-top-right h4,
.carousel-caption-top h4 {
  margin: 0 0 5px;
}
.carousel-caption-top-right p,
.carousel-caption-top p {
  margin-bottom: 0;
}
.carousel-indicators {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 5;
  margin: 0;
  list-style: none;
}

.carousel-indicators li {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  text-indent: -999px;
  background-color: #ccc;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 5px;
}

.carousel-indicators .active {
  background-color: #fff;
}

.profileContainer {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    position: relative;
    padding-bottom: 23%;
    float: left;
    height: 0;
    overflow: hidden;
    cursor: pointer;
}

img.profileAvatar {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 30%;
}

img.profilePic {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.profileTitle {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    top: 0;
    color: white;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    left: 0;
    width: 100%;
}

.profileLead {
    top: 20;
    overflow: hidden;
    padding: 40px 10px;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 20px;
}

/*
@media (min-width: 980px) and (max-width: 1199px) {
div#topCarousel {
		width: 350px;
	}
}
*/
.btn-inverse {
  color: #CCCCCC;
}
.dropdown-menu-inverse {
  background-color: #777777;
  border-color: #252525;
}
.dropdown-menu-inverse li > a {
  color: #cccccc;
  background-color: #777777;
  border-color: #252525;
}
.dropdown-menu-inverse li > a:hover,
.dropdown-menu-inverse li > a:focus,
.dropdown-submenu-inverse:hover > a {
  color: #ffffff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu-inverse .active > a,
.dropdown-menu-inverse .active > a:hover {
  color: #333333;
  text-decoration: none;
  outline: 0;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
  color: #999999;
}