/* $Id: screen.css,v 1.1.1.1 2006/08/24 10:01:32 cvsdef Exp $ */

body, table {
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #571c1f;
	overflow-x:hidden;
}

p {
	font-size: 11px;
	line-height: 15px;
}

input, textarea, select {
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

.input-text-a, .input-text-b, .input-text-c, .input-text-d, .input-text-login, .input-text-view, .input-text-search {
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 1px;
}

.input-text-login {	
	width: 200px;
}

.input-text-view {
	width: 250px;
}

.input-but {
	background: #fff;
	margin-top: 5px;
}

.captcha {
	vertical-align: top;
	padding-left: 10px;
}

.clear {
	clear:both;
}

strong {
	font-weight: 700 !important;
}

ul.list-editor, ul.list_editor, ol {
	list-style-type: circle;
	margin-top: 8px;
	margin-bottom: 8px;
}

ol {
	list-style-type: decimal;
}

ul.list-editor li, ul.list_editor li, ol li {
	margin-left: 20px;
	float: none;
	line-height: 16px;
	margin-bottom: 5px;
}

/* site specific styles */


body {
	/*background-image: url(../images/5.element.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;*/
	min-height: 250px;
}

#home {
	background-image: none;
}

#home #footer {
	margin-top: 70px;
}

.home-box-left {
	float: left;
	width: 300px;
}
.home-box-right {
	float: right;
	width: 300px;
}

.box-image {
	margin-bottom:20px;
}

.container {
	width: 940px;
	margin: 0px auto;
	position: relative;
}

.innerContainer {
	width: 940px;
	position: relative;
	float: left;
	
	background: url(../images/5.element.png) no-repeat right bottom;
	padding: 0 340px 447px 0;
	padding: 0 340px 220px 0;
}

#home .innerContainer {
	background: none;
	padding: 0px;
}

.top-container {
	border-bottom: 1px solid #f05033;
	height: 110px;
	width: 940px;
	z-index: 9998;
	position: relative;
}

.logo-container {
	float: right;
	width: 142px;
	margin-top: 11px;
}

.content {
	width: 540px;
	margin-top: 50px;
	float: left;
	position: relative;
	z-index: 9999;
	min-height: 490px;
}

#background-element {
	/*background-image: url(../images/5.element.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 707px;
	width: 1186px;
	position: absolute;
	top: 100px;
	right: -425px;
	z-index: 1;
	overflow:hidden;*/
}

#home #background-element {
	background: none;
}

#home .content {
	width: 622px;
	margin-top: 40px;
}
#guide .content {
	width: 940px;
}

#listview .content {
	width: 622px;
}

#home .guide {
	background-image: url(../images/home-guide.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-color:#f05033;
	min-height: 169px;
	margin-bottom: 25px;
	margin-top: 40px;
	position: relative;
}

#home h2.orange-header {
	font-size: 22px !important;
	text-transform: none !important;
}

#guide .guide {
	background-image: url(../images/guide-guide.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-color:#f05033;
	min-height:168px;
	width:940px;
	margin-bottom: 25px;
	margin-top: 20px;
	position: relative;
}

#guide .pre-text {
	width: 620px;
}

#home .guide-text {
	width: 470px;
	margin-left: 26px;
    margin-top: 8px;
    color: #F2E5CA;
    line-height: 18px;
    font-size: 14px;
}

#home .guide-next a.link {
	color: #F2E5CA;
}

#home .guide-next a:hover.link {
	color: #571C1F;
}

.rightbox-container {
	float: right;
	width: 300px;
	margin-top: 33px;
}

.rightbox {
	margin-bottom: 25px;
	width: 300px;
}

.rightbox .text, .rightbox .text table tr td {
	color: #f2e5ca;
	padding-bottom: 15px;
}

.orange-bg {
	background-image: url(../images/rightbox-top.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #f05033;
}

h1 {
	color: #571c1f;
	font-size: 32px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 15px;
	margin-left: -4px;
}

h2 {
	font-size:24px;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom: 20px;
}

h3 {
	color: #F2E5CA;
	font-size: 24px;
	text-transform:uppercase;
	font-weight: normal;
	min-height: 26px;
	padding: 15px 31px 10px 17px;
}

h4 {
	color: #F2E5CA;
	font-size: 18px;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom: 10px;
	line-height:22px;
}

h5 {
	color: #F2E5CA;
	font-size: 18px;
	font-weight: normal;
	text-transform:uppercase;
	margin-bottom: 20px;
}

h6 {
	color: #571c1f;
	font-size: 24px;
	text-transform:uppercase;
	font-weight:700;
	margin: 0px;
}

.rightbox-container .input-boxtext {
	margin-top: 5px;
}

#home h2 {
	margin: 0px;
	font-size: 18px;
}

.rightbox img {
	margin-bottom: 20px;
}

.top-box {
	padding: 0 20px;
}

.sub-box {
	margin-top: 8px;
	border-top: 1px solid #f2e5ca;
	padding: 21px 20px 20px;
}

.pre-text {
	line-height:16px;
	color:#571c1f;
	font-size:13px;
	margin-bottom: 20px;
}

.text {
	line-height: 15px;
	margin-bottom: 20px;
}

.img {
	margin-bottom: 20px;
}

p.link {
	margin: 0 0 20px 0;	
}

p.download {
	margin: 0 0 20px 0;	
}


a {
	color: #b92c92;
	text-decoration: none;
}

a.link {}

a.download {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #b92c92;
	color: #FFFFFF;
	padding: 3px 10px;
}

.orange-bg a {
	color: #f2e5ca;
}

.sub-box p.link {
	margin: 0px;
	margin-bottom: 2px;
	background-image: url(../images/link-arrow.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 40px;
}

.sub-box p.link a.link {
	font-size: 12px;
}

a:hover {
	color: #571c1f;
}

a.download:hover {
	color: #FFFFFF;
	background-color: #571c1f;
}
.orange-bg a:hover {
	color: #571c1f;
}

.top-menu {
	float: right;
	border-right: 1px solid #afafaf;
	margin-top: -5px;
	height: 24px;
}

.top-menu ul {}

.top-menu ul li {
	float: left;
	padding: 10px;
	padding-bottom: 0px;
	border-left: 1px solid #afafaf;
}
.top-menu ul li a {
	color: #808080;
	font-size: 12px;
}
.top-menu ul li a:hover, .top-menu ul li a.active {
	color: #b92c92;
}

.main-menu {
	float: left;
	width: 795px;
	position: absolute;
	bottom: 0px;
}

.sub-main-menu {
	float: left;
	width: 795px;
	position: absolute;
	bottom: -28px;
	left: 3px;
}

.sub-menu-bottom-border {
	width: 940px;
	position: absolute;
	bottom: -25px;
	border-bottom:1px solid #F05033;
}

.main-menu ul, .sub-main-menu ul {}
.main-menu ul li, .sub-main-menu ul li {
	float: left;
	margin-right: 28px;
	margin-left: -12px;
	margin-bottom: 10px;
}
.main-menu ul li a {
	color: #571c1f;
	font-size: 18px;
	padding: 2px 11px 3px 10px;
}
.sub-main-menu ul li a {
	color: #7c4e51;
	font-size: 13px;
	padding: 2px 11px 3px 10px;
}
.main-menu ul li a:hover, .main-menu ul li a.active {
	color: #FFF;
	background-color: #b92c92;
}
.sub-main-menu ul li a:hover, .sub-main-menu ul li a.active {
	color: #b92c92;
	background-color: transparent;
}

.subsubmenu {}
.subsubmenu ul {}
.subsubmenu ul li {
	font-size: 13px;
	line-height: 18px;
}

.guide-view {
	min-height: 90px;
	border-bottom: 1px solid #d2d2d2;
	padding: 20px 0;
}
.lists-view {
	min-height: 90px;
	border-top: 1px solid #d2d2d2;
	padding: 20px 0;
}
.lists-view .img {
	margin: 0px;
	float: left;
	width: 220px;
	text-align: center;
}
.guide-view .img {
	margin: 0px;
	float: left;
	width: 220px;
	text-align: center;
}

.around-text-link {
	float: right;
	width: 300px;
	margin-left: 20px;
	margin-right: 80px;
}

.around-text-link .text {
	margin-bottom: 20px;
}

ul.news-view-list {}
ul.news-view-list li {
	clear:left;
}
ul.news-view-list li span {
	font-size:11px;padding-right: 50px;
	display:block;float:left;
}
ul.news-view-list li a {
	font-size:12px;color:#b92c92;line-height: 16px;
	width:430px;display:block;float:left;
}
ul.news-view-list li a:hover, ul.news-view-list li a.active {
	color: #571c1f;
}

.news-item {}
.news-item h2 {
	float: left;
	width: 453px;
	line-height: 30px;
}

.news-item div.date {
	margin-top: 6px;
	font-size:14px;
	padding-left: 10px;
	float: left;
	font-weight:700;
	width: 77px;
}

h3.news-list-header {
	padding: 0px;
	color: #571c1f;
	font-size: 24px;
	font-weight: 700;
	height: auto;
	margin-bottom: 20px;
}
#news h3.news-list-header {
	border-top: 1px solid #d7d7d7;
	padding-top: 20px;
}

.faq-content h2 {
	font-size: 18px;
	color: #f2e5ca;
	font-weight: normal;
	background-image: url(../images/faq/bar.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #b92c92;
	min-height: 25px;
	height: auto;
	line-height: 25px;
	width: 500px;
	padding: 0 30px 0 10px;
	margin-bottom: 15px;
	margin-top: 10px;
	cursor: pointer;
}

.faq-content h2.hover {
	background-image: url(../images/faq/hover.png);
	background-color: #571c1f;
}

.faq-content h2.faq-bar .number {
	float: left;
}
.faq-content h2.faq-bar .question-bar {
	float: left;
	width: 455px;
}

.faq-content .text {
	margin-bottom: 15px;
}

.faq-content h2 .arrow {
	background-image: url(../images/faq/arrow.png);
	height: 13px;
	width: 13px;
	float: left;
	margin-top: 6px;
	margin-left: 10px;
}
.faq-content h2 .down {
	background-image: url(../images/faq/down.png);
}

.faq-answer-content {}

.faq-answer-content .item-counter {
	font-size: 12px;
	font-weight: 700;
	color: #571c1f;
	height: auto;
	width: 35px;
	float:left;
	margin-bottom: 10px;
}
.faq-answer-content h3 {
	font-size: 12px;
	color: #b92c92;
	margin: 0px;
	padding: 0px;
	float:left;
	cursor: pointer;
	text-transform: none;
	width: 500px;
	margin-bottom: 5px;
	line-height: 16px;
}

.faq-answer-content h3.hover {
	color: #571c1f;
}
.faq-answer-content h3.active {
	color: #571c1f;
	font-weight: 700;
}
.faq-answer-content .text {
	font-size: 11px;
	color: #571c1f;
	margin-left: 35px;
}
.faq-answer-content p.link {
	margin-left: 35px;
}

.guide-view .middle {
	width: 310px;
	float:left;
}
.guide-view .last {
	width: 200px;
	float:right;
}

#forms .input-text-view, .input-text-newsletter {
	border: 1px solid #d3d3d3;
	width: 300px;
	height: 22px;
	color:#571c1f;
}
#forms textarea.input-text-view {
	border: 1px solid #d3d3d3;
	width: 460px;
	height: 80px;
	color:#571c1f;
}

.input-text-newsletter {
	width: 298px;
}

.max-width {
	width: 300px;
}

#forms #security_code {
	border: 1px solid #d3d3d3;
	height: 35px;
	padding-top: 3px;
	font-size: 26px;
	width: 118px;
	text-align:center;
	letter-spacing: 1px;
	color:#571c1f;
	
}

.input-boxtext {
	font-size: 12px;
	font-weight: 700;
	margin: 18px 0 7px;
	color:#571c1f !important;
}

#forms .button-container {
	float: right;
	margin-top: 24px;
	margin-right: 61px;
}

.pink-submit-button {
	background-image: url(../images/button-long-end.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 2px 12px 2px 0px;
	background-color: #b92c92;
	font-size: 14px;
	font-weight: normal;
	color: #FFF !important;
	margin: 15px;
}

.newsletter-pink {
	margin: 0px;
}

#normal .pink-submit-button {
	margin: 0px;
}

a:hover.pink-submit-button  {
	color: #571c1f !important;
}
.pink-submit-button span  {
	background-image: url(../images/button-end.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 2px 10px 2px 0px;
	background-color: #b92c92;
}

.unsubscribe-container {
	margin-top: 24px;
	float: left;
}
.subscribe-container {
	margin-top: 24px;
	float: right;
	margin-right: 0px;
}


.missing {
	border: 1px solid #F05033 !important;
}

.missing-text {
	color: #F05033 !important;
}


#home .guide-header h2 {
	color: #f2e5ca;
	font-size: 30px;
	float: left;
	margin-top: 24px;
	margin-left: 24px;
}

#guide .guide-header h2 {
	color: #f2e5ca;
	font-size: 30px;
	float: left;
	margin: 0px;
	margin-top: 24px;
	margin-left: 24px;
}
#guide .guide-end-header h2 {
	color: #f2e5ca;
	font-size: 30px;
}
#guide .guide-end-header {
	position: absolute;
	top: 55px;
	left: 0px;
	width: 820px;
	text-align: center;
}
#guide .guide-end-text {
	color: #f2e5ca;
	font-size: 18px;
	position: absolute;
	top: 90px;
	left: 0px;
	text-align: center;
	width: 820px;
}

.qnumbers {
	color: #f2e5ca;
	font-size: 24px;
	float:left;
	margin-top: 28px;
	margin-left: 10px;
}

#home .spacing, #guide .spacing {
	height: 20px;
}

.question {
	margin-top: 16px;
	margin-left: 24px;
	font-size: 18px;
	color: #f2e5ca;
	margin-bottom: 16px;
}

.answer {
	margin-left: 24px;
	margin-top: 8px;
}

.answer .radio-input {
	background-image: url(../images/guide-radio.png);
	height: 14px;
	width: 15px;
	float: left;
	cursor: pointer;
}
.answer .radio-input-active, .answer .radio-input-hover {
	background-image: url(../images/guide-radio-active.png);
}

.answer .radio-text {
	color: #f2e5ca;
	float: left;
	margin-left: 10px;
	font-size: 12px;
	cursor: pointer;
}

.guide-next {
	color: #f2e5ca;
	font-size: 18px;
	background-image: url(../images/guide-next.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 21px;
	position: absolute;
	bottom: 15px;
	right: 12px;
	cursor: pointer;
}

/** Map frontpage admin **/
#mapWrapper {
	position: relative;
}

#map {
	border: 1px dotted #571C1F;
	cursor: crosshair;
	display: block;
	margin: 5px 0 0;
}

#mapDot {
	display: block;
	position: absolute;
}

.divider {
	border-top:1px solid #D2D2D2;
	margin-bottom: 25px;
	margin-top: 15px;
}

.listview-logos {
	margin-left: -9px;
	height: 45px;
}

.views-logos {
	float: left;
	margin-bottom: 20px;
	margin-left: 9px;
	line-height: 45px;
	height: 45px;
}


.playimage {
	display:block;
	position: relative;
}
.playknap {
	position: absolute;
	height: 87px;
	background-image:url(../images/playknap.png);
	width: 87px;
	top: 103px;
	left: 226px;
}

/*.img-f-l {
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-f-r {
	float:right;
	margin-left: 10px;
	margin-bottom: 10px;
}*/