/******************************************************************************************************
Title:			screen.css
Browser(s):		All browsers.

Author: 		Peter Antonius, http://frojd.se/
Created: 		03.31.2009
Last modified:	06.15.2009
******************************************************************************************************/

/*	Includes
---------------------------------------------*/
@import url("reset.css");

/*	Global Settings
---------------------------------------------*/
html {
	background:#cfde8c url(../Images/background.png) repeat-x;
	height:100%;
	}
body {
	font:50%/1.5 Arial;
	height:100%;
	}
#wrapper {
	margin:0 auto;
	width:980px;
	}

/*	Link decoration
---------------------------------------------*/
a,
a:link {
	color:#008349;
	text-decoration:underline;
	}
a:visited {
	color:gray;
	}
a:hover,
a:active,
a:focus {
	color:black;
	}

/*	Accessible
---------------------------------------------*/
#accessible {
	position:absolute;
	width:980px;
	}
#accessible li {
	display:block;
	}
#accessible a {
	left:-999em;
	position:absolute;
	padding:4px;
	background:#fff;
	color:#000;
	text-decoration:none;
	font-weight:700;
	}
#accessible a:focus,
#accessible a:hover,
#accessible a:active{
	left:auto;
	left:16px;
	top:-33px;
	outline: 1px solid #f1f6e7;
	}

/*	Header
---------------------------------------------*/
#header {
	overflow:hidden;
	width:100%;
	background:#fff url(../Images/header-bg.png) repeat-x 0 100%;
	position:absolute;
	top:0;
	left:0;
	height:37px;
	}
#header div {
	margin:0 auto;
	width:980px;
	}
#remitter {
	display:block;
	float:right;
	margin:9px 0 0 0;
	}
/*	Container
---------------------------------------------*/
#container {
	background:#fff url(../Images/container-bg.png) repeat-x 0 100%;
	padding:0 0 55px;
	width:100%;
	overflow:hidden;
	position:relative;
	margin:79px 0 35px;
	}
#container .top-border {
	display:block;
	height:7px;
	width:100%;
	top:0;
	background:#fff url(../Images/container-top.png) no-repeat;	
	}
#logotype {
	margin:20px 0 0 10px;
	}

/*	Content
---------------------------------------------*/
#content {
	width:637px;
	float:left;
	margin:0 0 0 16px;
	display:inline; /* ie6 */
	}
#sublogo {
	margin:0 0 0 11px;
	font-weight:bold;
	font-size:15px;
	color:#488826;
	}
p.preamble {
	font-size:1.7em;
	line-height:1.29em;
	margin:13px 0 20px 13px;
	}
.noscript {
	font-size:16px;
	line-height:1em;
	margin-bottom:15px;
	width:600px;
}

/*	Moviecontent1
---------------------------------------------*/
#moviecontent1 {
	padding:10px 0 10px 13px;
	width:400px;
	float:left;
	}
#moviecontent1 h1 {
	font-size:1.7em;
	font-weight:700;
	line-height:1.24em;
	}
#moviecontent1 h2 {
	font-size:1.3em;
	font-weight:700;
	line-height:1;
	}
	
/*	Moviecontent2
---------------------------------------------*/
#moviecontent2 div {
	min-height:369px; 
	width:623px; 
	margin-left:2px;
}

/*	Aside
---------------------------------------------*/
#aside {
	width:301px;
	float:left;
	border-top:0;
	margin:167px 0 0 13px;
	}
#aside a#rightChat {
	height:88px;
	margin-bottom:18px;
	padding-left:80px;
	color:#fff;
	background:url(../Images/chatBanner.gif) no-repeat;
	text-decoration:none;
	display:block;
	}
#aside #rightChat span.hold {
	padding:10px 10px 11px 25px;
	display:block;
	}
#aside #rightChat .headline {
	font-size:1.4em;
	font-weight:700;
	line-height:1.05em;
	margin-bottom:6px;
	}

#aside #rightChat #subtext {
	font-size:13px;
	font-weight:100;
	margin-top:-5px;
	font-size:1.5em;
	font-weight:700;
	margin-top:-5px;
	}

#aside .top {
	height:2px;
	background:url(../Images/aside-top.png);
	display:block;
	overflow:hidden;
	}
#aside .bottom {
	height:8px;
	background:url(../Images/aside-bottom.png);
	display:block;
	overflow:hidden;
	}
#aside .holder {
	background:url(../Images/aside-bg.png);
	padding:5px 0 0;
	}
#aside .holder div.wrap {
	min-height:926px;
	max-height:926px;
	_height:926px; /* ie6 */
	overflow:auto;
	width:294px;
	}
#aside dl dt {
	font-size:1.6em;
	font-weight:700;
	border-bottom:1px solid #008349;
	padding:4px 13px 0;
	line-height:1.38em;
	margin-left:1px;
	}
#aside dl dd {
	display:block;
	overflow:hidden;
	font-size:1.3em;
	line-height:1.15em;
	padding:10px 10px 10px 0;
	background: #fff url(../Images/aside-divider.png) no-repeat 0 100%;
	margin:0 0 0 1px;
	_width:266px; /* ie6 */
	overflow:hidden;
	}
#aside dl dd div {
	float:left;
	width:155px;
	}
#aside dl dd h2 {
	font-weight:700;
	}
#aside dl dd a {
	text-decoration:none;
	text-transform:uppercase;
	margin-top:4px;
	display:inline-block;
	padding:0 0 0 10px;
	}
#aside dl dd a.play {
	background:url(../Images/aside-play.png) no-repeat 1px 4px;	
	}
#aside dl dd a.pause {
	background:url(../Images/aside-pause.png) no-repeat 1px 4px;	
	}
#aside dl dd img {
	float:left;
	margin:0 8px 0 10px;
	cursor:move;
	}
#aside dl dd.focus {
	background:#cfde8c url(../Images/sortable-bg.png) repeat-x 0 100%;
	cursor:move;
	padding-bottom:10px;
	border-bottom:0;
	margin-left:0;
	padding-top:11px;
	margin-top:-1px;
	}
#aside dl dd.active {
	background:#cfde8c url(../Images/sortable-bg.png) repeat-x 0 100%;
	cursor:move;
	padding-bottom:10px;
	border-bottom:0;
	margin-left:1px;
	padding-top:11px;
	margin-top:-1px;
	}
#aside dl .highlight {
	background:#efefef !important;
	border:2px dashed #e0e5d6 !important;
	height:49px;
	width:248px;
	display:inline-block;
	margin:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}

/*	Tabs
---------------------------------------------*/
#tabs {
	margin-bottom:13px;
	}
#tabs .top {
	height:2px;
	background:url(../Images/tabs-top.png) 100% 0;
	display:block;
	overflow:hidden;
	position:relative;
	}
#tabs {
	background:url(../Images/extended-bg.png);
	}
#tabs .bottom {
	height:3px;
	background:url(../Images/tabs-bottom.png);
	display:block;
	overflow:hidden;
	}
#tabs #tabs-1 {
	padding:5px 3px 4px 4px;
	position:absolute;
	top:0;
	left:0;
	height:369px;
	display:none;
	}
#tabs #tabs-1 #noflash{				
	width:625px;
	height:369px;
	text-align:center;
	background:#666666;
	color:#FFFFFF;
	}
#tabs #tabs-1 #noflash p {		
	font-size:14px;
	}
#tabs #tabs-1 #noflash a {				
	font-size:14px;
	color:#FFFFFF;
	}
.ui-tabs .ui-tabs-hide {
	display:none;
	}
#tabs {
	position:relative;
	}
#tabs ul#tabscontrol {
	position:absolute;
	top:-48px;
	right:1px;
	display:none;
	}
#tabs ul#tabscontrol li {
	float:left;
	}
#tabs ul#tabscontrol li a span {
	display:none;
	}
#tabs ul#tabscontrol li.tabs-1 a {
	display:block;
	height:49px;
	width:110px;
	background:url(../Images/film.png) 0 -49px;
	position:relative;
	z-index:2;
	}
#tabs ul#tabscontrol li.tabs-2 a {
	display:block;
	height:49px;
	width:110px;
	background:url(../Images/text.png) 0 -49px;
	position:relative;
	left:-10px;
	z-index:2 !important;
	}
#tabs ul#tabscontrol li.ui-tabs-selected a {
	background-position:0 0;
	z-index:1;
	}
#tabs #tabs-2 {
	padding:3px 3px 4px;
	height:369px;
	visibility:visible;
	/*visibility:hidden;*/
	}
#tabs #tabs-2 p {
	font-size:1.5em;
	line-height:1.2em;
	padding:15px 41px 0 30px;
	}
/*	Extended
---------------------------------------------*/
#extended {
	margin-bottom:13px;
	}
#extended .top {
	height:2px;
	background:url(../Images/extended-top.png) 100% 0;
	display:block;
	overflow:hidden;
	}
#extended .bottom {
	height:9px;
	background:url(../Images/extended-bottom.png);
	display:block;
	overflow:hidden;
	}
#extended div {
	padding:26px 41px 36px 30px;
	background:url(../Images/extended-bg.png);
	}
#extended p.extended-text {
	font-size:1.5em;
	line-height:1.2em;
	padding-bottom:18px;
	}
#extended p.extended-text strong {
	font-weight:700;
	}
#extended a.read-more {
	font-size:1.3em;
	font-weight:700;
	text-transform:uppercase;
	padding:0 0 0 20px;
	background:url(../Images/arrow-small.png) no-repeat 0 50%;
	color:#008349;
	text-decoration:underline;
	}

/*	Information
---------------------------------------------*/
.section {
	margin-bottom:13px;
	}
.section .top {
	height:2px;
	background:url(../Images/extended-top.png) 100% 0;
	display:block;
	overflow:hidden;
	}
.section .bottom {
	height:9px;
	background:url(../Images/information-bottom.png);
	display:block;
	overflow:hidden;
	}
.section div.gholder {
	padding:13px 41px 10px 30px;
	background:url(../Images/extended-bg.png);
	overflow:hidden;
	width:566px;
	}
.section div.text {
	width:300px;
	float:left;
	width:320px;
	}
.section h2 {
	font-size:1.7em;
	color:#008349;
	font-weight:700;
	}
.section p {
	font-size:1.5em;
	font-weight:700;
	line-height:1.2em;
	margin-top:-3px;
	}
.section a.step-by-step {
	float:right;
	font-size:1.5em;
	color:#008349;
	text-transform:uppercase;
	font-weight:700;
	text-decoration:none;
	background:url(../Images/arrow.png) 100% 0 no-repeat;
	padding:1px 44px 10px 0;
	margin-top:19px;
	}

/*	Shortcut
---------------------------------------------*/
.shortcut {
	float:left;
	width:310px;
	}
.shortcut .top {
	height:2px;
	background:url(../Images/form-top.png) 100% 0;
	display:block;
	overflow:hidden;
	}
.shortcut .bottom {
	height:8px;
	background:url(../Images/shortcut-bottom.png);
	display:block;
	overflow:hidden;
	}
.shortcut form {
	padding:20px 41px 17px 29px;
	background:url(../Images/form-bg.png);
	}
.shortcut label {
	height:14px;
	width:226px;
	margin-bottom:12px;
	background:url(../Images/shortcut-headline.png) no-repeat;
	}

/*	Tip
---------------------------------------------*/
.tip {
	float:right;
	width:310px;
	}
.tip .top {
	height:2px;
	background:url(../Images/form-top.png) 100% 0;
	display:block;
	overflow:hidden;
	}
.tip .bottom {
	height:8px;
	background:url(../Images/tip-bottom.png);
	display:block;
	overflow:hidden;
	}
.tip form {
	padding:20px 41px 17px 29px;
	background:url(../Images/form-bg.png);
	}
.tip label {
	height:13px;
	width:221px;
	margin-bottom:13px;
	margin-left:1px;
	background:url(../Images/tip-headline.png) no-repeat;
	}

/*	Form
---------------------------------------------*/
form.email legend {
	display:none;
	}
form.email label {
	display:block;
	text-indent:-9000em;
	}
form.email input#yourEmail,
form.email input#theirEmail {
	border:1px solid #000;
	color:#444;
	font-size:1.3em;
	padding:9px;
	width:175px;
	vertical-align:top;
	}
form.email input#yourSend,
form.email input#theirSend {
	vertical-align:bottom;
	margin-bottom:2px;
	margin-left:12px;
	}
#form1button input,
#form2button input {
	margin:5px 0 0 12px;
	}
form p {
	font-size:1.3em;
	line-height:1em;
	padding:11px 0 12px;
	font-weight:700;
	}

/* Dialog
---------------------------------------------*/
#dialog {
	width:717px;
	height:460px;
	background:url(../Images/dialog-bg.png) no-repeat;
	position:fixed;
	_position:absolute;
	top:50%;
	left:50%;
	margin-top:-230px;
	margin-left:-356px;
	z-index:1000;
	display:none;
	padding:42px 0 0 0;
	}
#dialog div.welcome {
	width:583px;
	/*height:334px;*/
	height:auto;
	padding:42px 0 0 92px;
	overflow:auto;
	}
#dialog .close {
	width:48px;
	height:48px;
	background:url(../Images/dialog-close.png) no-repeat;
	position:absolute;
	right:17px;
	top:17px;
	z-index:2001;
	cursor:pointer;
	}
#shadow {
	position:fixed;
	_position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	z-index:999;
	display:block;
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
	display:none;
	}
#dialog h2 {
	width:496px;
	height:23px;
	background:url(../Images/dialog-headline.png) no-repeat;
	text-indent:-9000em;
	margin-bottom:14px;
	margin-left:1px;
	}
#dialog p {
	font-size:1.5em;
	line-height:1em;
	width:551px;
	margin-bottom:15px;
	}
#dialog dl {
	font-size:1.5em;
	line-height:1em;
	margin-bottom:15px;
	}
#dialog dl dt {
	margin-bottom:15px;
	}
#dialog dl dd {
	padding-left:39px;
	padding-bottom:9px;
	padding-top:4px;
	}
#dialog dl dd.repeat {
	background:url(../Images/symbol-repeat.png) no-repeat;
	}
#dialog dl dd.fullscreen {
	background:url(../Images/symbol-fullscreen.png) no-repeat;
	}
#dialog dl dd.subtitle {
	background:url(../Images/symbol-subtitle.png) no-repeat;
	}