/* Copyright by StudyFox Luxembourg - www.studyfox.lu */
/*------------------------------ GENERAL ------------------------------*/
@font-face {
	font-family: 'SancreekRegular';
	src: url('../fonts/sancreek-regular-webfont.eot');
	src: url('../fonts/sancreek-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sancreek-regular-webfont.woff') format('woff'), url('../fonts/sancreek-regular-webfont.ttf') format('truetype'), url('../fonts/sancreek-regular-webfont.svg#SancreekRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

a:link {
	color: white;
	text-decoration: underline;
}

a:visited {
	color: white;
	text-decoration: underline;
}

a:hover {
	color: white;
	text-decoration: underline;
}

a:active {
	color: white;
	text-decoration: underline;
}

body {
	/*background: url(../images/bg-body.gif) repeat;*/
	background: #F93;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
}
#page {
	width: 960px;
	margin: 0 auto;
}
img {
	border: 0;
}
.more, #footer .subscribe form input.button, #contacts input.button, #shirts a.button {
	background: url(../images/buttons.png) no-repeat;
}
#footer .subscribe form input.txtfield, #contacts input, #contacts textarea {
	background: url(../images/inputs.png) no-repeat;
}
.more {
	background-position: -162px 0;
	color: #fff;
	display: block;
	font-family: 'SancreekRegular';
	font-size: 20px;
	line-height: 54px;
	height: 54px;
	width: 152px;
	margin: 0 auto;
	text-decoration: none;
	text-transform: uppercase;
}
.more:hover {
	background-position: 0 0;
	color: #fbf8b5;
}
/*------------------------------ HEADER ------------------------------*/
#header {
	/*background: url(../images/bg-header.png) repeat-x;*/
	background: #F93;
	padding-bottom: 25px;
}
#header > div {
	/*height: 150px;*/
	width: 960px;
	margin: 0 auto;
	position: relative;
}
/** Logo **/
#logo {
	/*position: absolute;*/
	display: table;
	margin: 0 auto;
	margin-top: 10px;
}
/** Navigation **/
#navigation {
	display: inline-block;
	width: 960px;
}
#navigation div {
	background: url(../images/bg-info-links.png) no-repeat;
	color: #f9fbca;
	height: 32px;
	width: 180px;
	text-align: center;
}
#navigation div.infos {
	float: right;
	border-left: 0px;
}
#navigation div.infos a {
	color: #fcf3b2;
	font-size: 14px;
	line-height: 32px;
	border-left: 0px;
	padding: 0 5px;
	text-decoration: none;
}

#navigation div.login {
	color: #fcf3b2;
	font-size: 14px;
	line-height: 32px;
	border-left: 1px solid #f9fbca;
	padding: 0 5px;
	text-decoration: none;
}
#navigation div.login a {
	color: #fcf3b2;
	font-size: 14px;
	line-height: 32px;
	border-left: 1px solid #f9fbca;
	padding: 0 5px;
	text-decoration: none;
}

#navigation div a:first-child {
	border-left: 0;
	padding-left: 0;
}
#navigation ul {
	display: inline-block;
	list-style: none;
	width: 400px;
	margin: 50px 0 0;
	padding: 0;
}
#navigation li {
	float: left;
	width: 200px;
	text-align: center;
}
#navigation ul li a {
	color: #feffff;
	font-family: Impact;
	font-size: 24px;
	line-height: 36px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}
#navigation ul li a span {
	padding: 5px 5px 5px 5px;
}
#navigation ul li a:hover, #navigation ul li.selected a {
	/*background: url(../images/bg-menu-selected-left.png) no-repeat left center;*/
	background-color: #242424;
	color: #feffff;
}
#navigation ul li a:hover span, #navigation ul li.selected a span {
	/*background: url(../images/bg-menu-selected-right.png) no-repeat right center;*/
	background-color: #242424;
	color: #feffff;
}
#navigation ul#primary {
	float: left;
}
#navigation ul#secondary {
	float: right;
}
/** Adbox **/
#adbox {
	width: 960px;
	margin: 0px auto 24px;
	position: relative;
}
#adbox ul {
	display: inline-block;
	list-style: none;
	margin: 0 30px;
	padding: 0;
}
#adbox ul li {
	float: left;
	width: 288px;
	margin-left: 16px;
}
#adbox ul li:first-child {
	margin-left: 0px;
}
#adbox ul li img {
	border: 1px solid #83826e;
}
#adbox h1, #contents h1 {
	background: url(../images/bg-heading.png) no-repeat center;
	color: #ffffb0;
	font-family: Helvetica, Arial, sans-serif;
	height: 61px;
	line-height: 60px;
	margin: 0 0 30px;
	text-align: center;
	text-transform: uppercase;
}
/*------------------------------ CONTENTS ------------------------------*/
#body {
	background-color: #242424;
	border-bottom: 1px solid #161616;
	border-top: 1px solid #494949;
	margin: 0 0 30px;
}
#contents {
	width: 960px;
	margin: 0 auto;
	padding: 30px 0;
}
#sidebar {
	float: right;
	height: inherit;
	width: 220px;
	margin: 0 30px 0 10px;
}
#sidebar h4, #main h4, #main_big h4 {
	color: #fcf3b2;;
	line-height: 24px;
	margin: 0 0 24px;
	text-shadow: 1px 0px #151c22, 0px -1px #151c22, -1px 0px #151c22, 0px 1px #151c22;
}
h4.uppercase {
	text-transform: uppercase;
}
#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar a {
color: #fcf3b2;
	font-size: 14px;
	padding: 0 5px;
	text-decoration: none;
}
ul#about-list li {
	color: #fbfaa7;
	list-style: square inside;
}
ul#about-list li a, ul#archives li a {
	color: #fff;
	font-size: 15px;
	line-height: 24px;
	text-decoration: none;
}
ul#about-list li a:hover, ul#archives li a:hover {
	color: #b5b5b5;
}

/*#main {
	width: 620px;
	height: 100%;
	margin-bottom:30px;
	margin: 0 10px 0 30px;
}*/

#container, #container_small {
	width: 870px;
	min-height:inherit;
	padding: 0px 0px 0px 0px;
	margin-top:-30px;
	margin-bottom:30px;
	margin: 0 10px 0 10px;
	overflow: hidden;
	position:relative;
}

#main_big, #main {
	width: 870px;
	margin-bottom:30px;
	margin: 0 10px 0 30px;
}
#main p, #main_big p, #sidebar p {
	color: #fff;
	font-size: 12px;
	line-height: 24px;
	margin: 0;
	padding: 0 0 24px;
	text-align: justify;
}
#main p a, #main_big p a, #sidebar a {
	color: #fff;
	text-align:justify;
	font-size:12px;
	text-shadow: 1px 0px #151c22, 0px -1px #151c22, -1px 0px #151c22, 0px 1px #151c22;
}
#main p a:hover, #main_big p a:hover, #sidebar a:hover {
	color: #b6b6b6;
}
/*------------------------------ FOOTER ------------------------------*/
#footer {
	/*background: url(../images/border-copyright.gif) repeat-x left bottom;*/
	background: #F93;
	margin-top: 50px;
	border-top: 0px solid #5f6d6d;
	padding-bottom: 2px;
	position: relative;
}
#footer div.background {
	/*background: url(../images/bg-footer.jpg) repeat;*/
	background: #F93;
	padding: 50px 0;
}
#footer div.body {
	min-height: 40px;
	height: 50px;
	width: 900px;
	margin: 0 auto;
	padding: 10px 30px;
}
#footer div.body div {
	float: left;
}
#footer div.body div h3 {
	color: #FFF;
	letter-spacing: 1px;
	margin: 0 0 24px;
	text-align: left;
	text-shadow: 1px -1px #161a1b;
	text-transform: uppercase;
}
#footnote {
	background-color: #f93;
	color: #ffffff;
	display: block;
	font-size: 12px;
	line-height: 30px;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: -30px;
	left: 0;
}
#footnote a {
	color: #808080;
	text-decoration: none;
}

/*------------------------------ LOGIN&REGISTER POPUP ------------------------------*/
.popup
{
   position: absolute;
   width: 100%;
   opacity: 0.8;
   top:0px;
   left:0px;
   height: -moz-calc(100vh); /* Firefox */
   height: -webkit-calc(100vh); /* Chrome, Safari */
   height: calc(100% + 100vh); /* IE9+ and future browsers */
   z-index: 99;
   background: #000000;
   font-size: 20px;
   display:none;
}

#loginform {
	position:absolute;
	width:240px;
	margin: auto;
	left:40%;
	/*background:#f93;
	color: #ffffff;*/
	padding:10px;
	/*border:1px solid #808080;*/
	display:none;
	z-index:1;
	/*-moz-border-radius: 10px;
	-moz-box-shadow: 0 0 10px #aaa;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 0 10px #aaa;*/
}

#loginform a {
	color: #fcf3b2;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
}

#detailpop {
	position:absolute;
	width:240px;
	margin:100px auto;
	left:40%;
	background:#f93;
	color: #ffffff;
	padding:10px;
	border:1px solid #808080;
	display:none;
	z-index:101;
	-moz-border-radius: 10px;
	-moz-box-shadow: 0 0 10px #aaa;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 0 10px #aaa;
}

#detailpop a {
	color: #fcf3b2;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
}

label
{
font-weight:bold;
margin-bottom:5px;
}

.input#login_usr
{
-moz-border-radius: 4px;
border-radius: 4px;
width: 200px;
margin-bottom:15px;
height: 20px;
background: url('../images/icons/user.png') no-repeat 0px 0px;
background-size: contain;
padding-left:30px;
background-color:#242424;
color: #ffffff;
font-weight:bold;
}

.input#login_pwd
{
-moz-border-radius: 4px;
border-radius: 4px;
width:200px;
margin-bottom:15px;
height: 20px;
background: #ddd url('../images/icons/key.png') no-repeat 0px 0px;
background-size: contain;
padding-left: 30px;
background-color:#242424;
color: #ffffff;
font-weight:bold;
}

.input#login_passcode
{
-moz-border-radius: 4px;
border-radius: 4px;
width:200px;
margin-bottom:15px;
height: 20px;
background: #ddd url('../images/icons/lock.png') no-repeat 0px 0px;
background-size: contain;
padding-left: 30px;
background-color:#242424;
color: #ffffff;
font-weight:bold;
}

#login_hide, #login
{
cursor:pointer;
padding:5px;
margin-top:5px;
margin-left:42px;
color:#ffffff;
font-weight:bold;
background-color: #242424;
background-repeat: repeat-x;
}

/*------------------------------ ADMINISTRATION ------------------------------*/
#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { 
	border : none;
} 

input[type="submit"]:focus, input[type="button"]:focus {
	outline : none;
}

.clear {
	clear: both;
}

/*#container_small {
	width: 650px;
	min-height:inherit;
	padding: 0px 0px 0px 0px;
	margin-top:-30px;
	margin-bottom:30px;
	overflow: hidden;
	position:relative;
}*/

#container .form, #container_small .form {
	position:relative;
}
    
#container table, #container_small table {
	margin: 0px 0px;
	font-weight:normal;
	border:none;
	border-color:#FFF;
}

#container p, #container_small p {
	color: #fff;
	font-size: 12px;
	line-height: 24px;
	margin: 0;
	padding: 0 0 24px;
	text-align: justify;
}

#container p a, #container_small p a {
	color: #fff;
	text-align:justify;
	font-size:12px;
	text-shadow: 1px 0px #151c22, 0px -1px #151c22, -1px 0px #151c22, 0px 1px #151c22;
}
#container p a:hover, #container_small p a:hover {
	color: #b6b6b6;
}

#container table td, #container_small table td {
	padding: 0px 0px;
	color: #ffffff;
}

#container table .header, #container_small table .header {
	padding: 0px 0px;
	color: #ffffff;
	font-weight:bold;
}

#container table .header2, #container_small table .header2 {
	padding: 0px 0px;
	color: #ffffff;
	font-weight:bold;
	font-size:12px;
}

#container table .header3, #container_small table .header3 {
	padding: 0px 0px;
	color: #ffffff;
	font-weight:bold;
	font-size:12px;
	vertical-align: top;
}

#container table .small, #container_small table .small {
	padding: 0px 0px;
	font-size:12px;
}

#container table .small2, #container_small table .small2 {
	padding: 0px 0px;
	font-size:12px;
	vertical-align: top;
	text-align: right;
}

#container table .header, #container_small table .header {
	padding: 0px 0px;
	color: #ffffff;
	font-size: 12px;
	font-weight:bold;
	vertical-align:text-top;
}

#container table .normal, #container_small table .normal {
	padding: 0px 0px;
	color: #ffffff;
	font-size: 12px;
	font-weight:normal;
	vertical-align:text-top;
}

.input#ct_captcha, .input#reg1_confirmation {
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 150px;
	margin-bottom:15px;
	height: 20px;
	vertical-align:top;
	padding-top:0px;
	padding-bottom:0px;
	background: url('../images/icons/lock_go.png') no-repeat 0px 0px;
	background-size: contain;
	padding-left:30px;
	background-color:#f93;
	color: #ffffff;
	font-weight:bold;
}

.hint {
	display: none;
	position: absolute;
	left: 420px;
	width: 300px;
	margin-top: -4px;
	border: 1px solid #f93;
	padding: 10px 12px;
	background: #242424 url(../images/pointer.gif) no-repeat -10px 5px;
	color: #ffffff;
}

.hint .hint-pointer {
	position: absolute;
	left: -10px;
	top: 5px;
	width: 10px;
	height: 19px;
	background: url(../images/pointer.gif) left top no-repeat;
}

#container input.submit, #container input.back, #container_small input.submit, #container_small input.back {
	cursor:pointer;
	padding:5px;
	color:#ffffff;
	font-weight:bold;
	background-color: #f93;
	background-repeat: repeat-x;
}

#nocancel, #yescancel, #nodelete, #yesdelete, #yesrelease, #norelease {
	cursor:pointer;
	padding:5px;
	color:#ffffff;
	font-weight:bold;
	background-color: #242424;
	background-repeat: repeat-x;
}

#container input.error, #container_small input.error {
	border: 1px solid red;
}

#container input.valid, #container_small input.valid {
	border: 1px solid #1FFF00;
}
        
#container input:focus, #container select:focus, #container_small input:focus, #container_small select:focus {
	border: 1px solid #a90329;
	color: #a90329;
}

#container select, #container_small select {
	padding: 5px 0 5px 25px;
}

#container option, #container_small option {
	padding: 0 15px;
}

#admin_ntl_kit_span:before, #kit_ntl_time_span:before, #kit_ntl_time2_span:before, #kit_ntl_offset1_span:before, #kit_ntl_offset2_span:before, #kit_ntl_subject_span:before, #kit_ntl_duration_span:before, #kit_ntl_fox_span:before, #kit_ntl_travelling_span:before, #ntl_orientation_span:before, #ntl_regime_span:before, #ntl_class_span:before, #ntl_option1_span:before, #ntl_option2_span:before, #ntl_option3_span:before, #ntl_option4_span:before, #responsibility_span:before, #cancel_reason_span:before, #ntl_option0_span:before, .faq_spans:before, #addfoxselect_span:before, .prices_span:before, .recon_span:before, .force_fox_span:before, .comm_span:before, .edit_span:before, .reminder_span:before, .legal_span:before, .all_span:before {
	display:0;
	color:#ff0000;
}

#admin_ntl_kit_span, #kit_ntl_time_span, #kit_ntl_time2_span, #ntl_flexibility_span, #kit_ntl_offset1_span, #kit_ntl_offset2_span, #kit_ntl_subject_span, #kit_ntl_duration_span, #kit_ntl_fox_span, #kit_ntl_travelling_span, #ntl_orientation_span, #ntl_regime_span, #ntl_class_span, #ntl_option1_span, #ntl_option2_span, #ntl_option3_span, #ntl_option4_span, #responsibility_span, #cancel_reason_span, #ntl_option0_span, .faq_spans, #addfoxselect_span, .prices_span, .recon_span, .force_fox_span, .comm_span, .edit_span, .reminder_span, .legal_span, .all_span {
	display:none;
	color:#ff0000;
}

#legal_add p{
	font-size:13px;
}

.Zebra_DatePicker {
    position: absolute;
    background: #666;
    border: 3px solid #666;
    z-index: 1200;
    top: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.Zebra_DatePicker * {
    margin: 0;
    padding: 0;
    color: #000;
    background: transparent;
    border: none;
}

.Zebra_DatePicker.dp_visible {
    visibility: visible;
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

.Zebra_DatePicker.dp_hidden {
    visibility: hidden;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

.Zebra_DatePicker table {
    border-collapse: collapse;
    border-spacing: 0;
    width: auto;
    table-layout: auto;
}

.Zebra_DatePicker table th, .Zebra_DatePicker table td {
    text-align: center;
    padding: 5px 0;
}

.Zebra_DatePicker table td {
    cursor: pointer;
}

.Zebra_DatePicker table td.dp_disabled, .Zebra_DatePicker table td.dp_not_in_month, .Zebra_DatePicker table td.dp_not_in_month_selectable {
    background: #F3F3F3;
    color: #CDCDCD;
    cursor: default;
}

.Zebra_DatePicker table td.dp_disabled_current {
    color: #E38585 !important;
}

.Zebra_DatePicker table td.dp_not_in_month_selectable {
    cursor: pointer;
}

.Zebra_DatePicker table td.dp_week_number {
    background: #FFCC33;
    color: #000;
    font-weight: bold;
    cursor: text;
}

.Zebra_DatePicker table td.dp_weekend {
    background: #D8D8D8;
}

.Zebra_DatePicker table td.dp_weekend_disabled {
    color: #CCC;
    cursor: default;
}

.Zebra_DatePicker table td.dp_current {
    color: #C40000;
}

.Zebra_DatePicker table td.dp_selected {
    background: #5A4B4B;
    color: #FFF;
}

.Zebra_DatePicker table td.dp_hover {
    background: #482424;
    color: #FFF;
}

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker {
    margin-top: 3px;
}

.Zebra_DatePicker .dp_daypicker td, .Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_monthpicker th,
.Zebra_DatePicker .dp_yearpicker td,
.Zebra_DatePicker .dp_yearpicker th {
    background: #E8E8E8;
    width: 30px;
    border: 1px solid #7BACD2;
}

.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker .dp_footer .dp_hover {
    background: #222;
    color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.Zebra_DatePicker .dp_header td {
    color: #FFF;
}

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next {
    width: 30px;
}

.Zebra_DatePicker .dp_header .dp_caption {
    font-weight: bold;
}

.Zebra_DatePicker .dp_daypicker th {
    background: #FFCC33;
}

.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td {
    width: 33%;
}

.Zebra_DatePicker .dp_footer {
    margin-top: 3px;
}

.Zebra_DatePicker .dp_footer td {
    color: #FFF;
}

.Zebra_DatePicker .dp_footer td.dp_today, .Zebra_DatePicker .dp_footer td.dp_clear {
    padding: 3px;
}

button.Zebra_DatePicker_Icon {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../scripts/datepicker/css/calendar.png) no-repeat left top;
    text-indent: -9000px;
    border: none;
    cursor: pointer;
    padding: 0;
    line-height: 0;
    margin: 0 0 0 3px;
}

button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Disabled {
    background-image: url(../scripts/datepicker/css/calendar-disabled.png);
}

button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Inside_Right {
    margin: 0 3px 0 0;
}

button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Inside_Left {
    margin: 0 0 0 3px;
}
