html {
	height:			100%;
	width:			100%;
	overflow:		hidden;
}
body {
	height:			100%;
	width:			100%;
	background: 	#BFBFBF url(/assets/public/images/background.jpg) repeat-x top left;
	overflow:		hidden;
}

* {
	font-family:	Tahoma, Arial;
	font-size:		11px;
	color:			#333333;
	padding:		0px;
	margin:			0px;
}

a {
	cursor:			pointer;
}

span {
	display:		block;
}

h1 {
	font-size:		18px;
	font-weight:	bold;
	margin:			5px 0 10px 0;
}

h2 {
	font-size:		14px;
	font-weight:	bold;
	margin:			5px 0 10px 0;
}

ul {
	margin:			5px 0;
}

.fatal_error {
	position:		absolute;
	top:			50%;
	left:			50%;
	width:			300px;
	margin-left:	-160px;
	margin-top:		-130px;
	padding:		10px;
	text-align:		left;
	font-size:		18px;
	font-weight:	bold;
	background:		#FFFFFF;
	background /*\**/: none\9
}

.table td {
	padding:		0px 10px 5px 0px;
	width:			25%;
}

.spacer3 {
	height:			3px;
	line-height:	3px;
	font-size:		3px;
	display:		block;
	overflow:		hidden;
}

.spacer10 {
	height:			10px;
	line-height:	10px;
	font-size:		10px;
	display:		block;
	overflow:		hidden;
}

.spacer15 {
	height:			15px;
	line-height:	15px;
	font-size:		15px;
	display:		block;
	overflow:		hidden;
}

.spacer20 {
	height:			20px;
	line-height:	20px;
	font-size:		20px;
	display:		block;
	overflow:		hidden;
}

.clearboth {
	clear:			both;
}

.darkbluelink {
	color:			#0094CB;
}

.valign_middle {
	display:		inline;
}

.valign_middle *{
	height:			20px;
	line-height:	20px;
	vertical-align:	middle;
}

.valign_middle label{
	position:		relative;
	left:			3px;
	.left:			0px;
}

.valign_middle input {
	position:		relative;
	top:			0px;
	height:			auto;
}

#logo {
	position:		absolute;
	top:			30px;
	left:			30px;
	width:			162px;
	height:			91px;
	background:		url(/assets/public/images/logo.png) no-repeat top left;
}

.button {
	border:			0px;
	background-color:#BFBFBF;
	height:			20px;
	line-height:	20px;
	.line-height:	15px;
	vertical-align:	middle;
	color:			#000000;
	padding:		0px 10px;
	.padding:		0px 3px;
	padding-bottom:	4px;
	.padding-bottom:0px;
	margin:			0px;
	cursor:			pointer;
}

#sidebar {
	position:		absolute;
	top:			0px;
	right:			0px;
	width:			200px;
	height:			100%;
	background: 	#B2B2B2 url(/assets/public/images/sidebar.jpg) repeat-x top left;
	z-index:		10000000;
}
/*
.sidebar_caption {
	position:		relative;
	left:			8px;
	width:			186px;
	height:			28px;
	line-height:	25px;
	vertical-align:	middle;
	background:		url(/assets/public/images/sbcaption.png) no-repeat top left;
	display:		block;
	margin-bottom:	5px;
}
*/

.sidebar_caption {
	position:		relative;
	left:			11px;
	top:			2px;
	width:			180px;
	height:			22px;
	background:		#1f74c0;
	display:		block;
	margin-bottom:	10px;
}

.sidebar_caption span {
	position:		absolute;
	left:			8px;
	top:			4px;
	color:			#FFF;
	font-weight:	bold;
	vertical-align:	middle;
	display:		block;
}

.sidebar_text {
	margin-left:	11px;
	width:			176px;
}

.sidebar_input {
	width:			170px;
	padding:		3px;
	border:			1px solid ;
	border-color:	#C3C3C3 #DDDDDD #DDDDDD #C3C3C3;
}

.sidebar_input_error {
	border:			1px solid red;
}

.sidebar_text_error {
	color:			#FF0000;
	font-weight:	bold;
}

#sidebar_storagebar {
	height:			12px;
	width:			176px;
	border:			1px solid #55595D;
}

#sidebar_storagebarbg {
	background-color:#52a6d5;
	height:			10px;
	width:			10px;
	margin:			1px;
}

.showfiles_filetable {
	width:			100%;
	border:			1px solid #AAAAAA;
	background:		#FFFFFF;
}

.showfiles_filetable th {
	font-weight:	bold;
	padding:		5px;
	background:		#DDDDDD;
}

.showfiles_filetable td {
	padding:		5px;
}

#dock {
	position:		absolute;
	bottom:			0px;
	left:			0px;
	width:			100%;
	/*height:			90px;*/
	background:		url(/assets/public/images/dock.png) repeat-x bottom left;
	z-index:		10000000001;
}

#menucontainer {
	height:			42px;
}

#menu{
	position:		absolute;
	left:			50%;
	bottom:			24px;
	list-style:		none;
	margin-right:	200px;
}
#menu li{
	float:			left;
	padding:		0px;
	margin:			0px;
	position:		relative;
}
#menu li img{
	position:		absolute;
	top:			0px;
	left:			0px;
}
#menu li a{
	text-decoration:none;
	font-weight:	bold;
	color:			#000000;
}
#menu li a img{
	border:			none;
}
#menu li img.big,#menu li .title{
	display:		none;
}
#menu li.small,#menu li.small img.small{
	height:			48px;
}
#menu li.small img.big,#menu li.small .title{
	display:		none;
}
#menu li.scale img.small,#menu li.scale .title{
	display:		none;
}
#menu li.scale img.big{
	display:		block;
	height:			100%;
}

#menu li.big,#menu li.big img.big{
	height:			64px;
}
#menu li.big img.big{
	display:		block;
}
#menu li.big img.small{
	display:		none;
}
#menu li.big .title{

	position:		absolute;
	text-align:		center;
	bottom:			-25px;
	left:			0px;
	width:			100%;
	height:			15px;
	font-weight:	bold;
	display:		block;
	font-size:		11px;
	white-space:	nowrap;
}

#desktop {
	position:		relative;
	width:			100%;
	height:			100%;
}




.wizard {
	position:		absolute;
	top:			100px;
	left:			200px;
	width:			494px;
	height:			433px;
	background:		url(/assets/public/images/wizard.png) no-repeat top left;
}

#wizard_header {
	position:		relative;
	top:			1px;
	left:			1px;
	width:			490px;
	height:			50px;
	cursor:			move;
}

#wizard_help {
	position:		absolute;
	top:			7px;
	left:			391px;
	width:			43px;
	height:			18px;
	cursor:			pointer;
}

#wizard_close {
	position:		absolute;
	top:			7px;
	left:			440px;
	width:			43px;
	height:			18px;
	cursor:			pointer;
}

.wizard #wizard_bar {
	position:		relative;
	left:			16px;
	width:			460px;
	height:			25px;
	line-height:	25px;
	vertical-align:	middle;
}

#wizard_left{
	float:			left;
}

#wizard_right{
	float:			right;
	text-align:		right;
}

#wizard_bar2 {
	position:		relative;
	left:			16px;
	margin-top:		10px;
	width:			460px;
	height:			25px;
	line-height:	25px;
	vertical-align:	middle;
}

.wizard .selectedfiles {
	float:			left;
	width:			230px;
	overflow:		hidden;
	white-space:	nowrap;
	margin-right:	10px;
}

.wizard .status {
	float:			left;
	width:			120px;
}


.wizard .progressbar {
	position:		relative;
	top:			6px;
	width:			100px;
	height:			6px;
	border:			1px solid #333333;
	text-align:		left;
	padding:		0px 1px;
}

.progressbar .download {
	height:			4px;
	width:			0px;
	background-color:#52a6d5;
	float:			left;
	margin-top:		1px;
}

.progressbar .conversion {
	height:			4px;
	width:			0px;
	background-color:#52a6d5;
	float:			left;
	margin-top:		1px;
}

.wizard .action {
	float:			left;
	width:			30px;
}

#wizard_container {
	position:		relative;
	left:			8px;
	width:			468px;
	height:			211px;
	margin:			4px;
}

#wizard_content {
	position:		relative;
	width:			468px;
	margin-bottom:	3px;
	overflow:		auto;
}

#wizard_loadingicon {
	position:		absolute;
	left:			50%;
	top:			50%;
	margin-left:	-16px;
	margin-top:		-16px;
}

.wizard_content {
	height:			148px;
}

.wizard_contentpremium {
	height:			208px;
}

#wizard_content span{
	margin-left:	10px;
	margin-right:	10px;
}

#wizard_ad {
	width:			468px;
	height:			60px;
}

#wizard_queue {
	position:		relative;
	left:			9px;
	top:			4px;
	width:			471px;
	height:			92px;
	overflow-y:		scroll;
	overflow-x:		hidden;
}

#wizard_files {
	border:			0px;
	width:			472px;
	margin:			3px;
}


#wizard_queue li {
	position:		relative;
	top:			-3px;
	text-indent:	4px;
	height:			16px;
	width:			457px;
	line-height:	18px;
	padding-bottom:	2px;
	vertical-align:	middle;
}

li div.selectedfiles, li div.status, li div.action {
	position:		relative;
	top:			-1px;
}
#wizard_queue .grey {
	background:		#EDEDED;
}

.wizard_inputfield {
	width:			380px;
	padding:		5px;
	border:			1px solid ;
	border-color:	#C3C3C3 #DDDDDD #DDDDDD #C3C3C3;
}

#wizard_conversionsleft {
	float:			left;
}


.browseyoutube_searchresult {
	float:			left;
	width:			135px;
	margin-bottom: 	30px;
	margin-right:	6px;
}

.browseyoutube_searchresult b u {
	height: 		30px;
	display:		block;
}

.browseyoutube_thumbnail {
	height:			100px;
}


.downloads {
	position:		absolute;
	top:			100px;
	left:			200px;
	width:			324px;
	height:			204px;
	background:		url(/assets/public/images/downloadsbg.png) no-repeat top left;
}

#downloads_header {
	position:		relative;
	top:			1px;
	left:			1px;
	width:			322px;
	height:			50px;
	cursor:			move;
}

#downloads_close {
	position:		relative;
	top:			7px;
	left:			270px;
	width:			43px;
	height:			18px;
	cursor:			pointer;
}

#downloads_bar {
	position:		relative;
	left:			16px;
	width:			290px;
	height:			25px;
	line-height:	25px;
	vertical-align:	middle;
}

#downloads_left{
	float:			left;
}

#downloads_right{
	float:			right;
	text-align:		right;
}

#downloads_content {
	position:		relative;
	left:			8px;
	width:			306px;
	height:			118px;
	text-indent:	10px;
}

.downloads a {
	text-decoration:none;
}


.news {
	position:		absolute;
	top:			100px;
	left:			200px;
	width:			324px;
	height:			308px;
	background:		url(/assets/public/images/latestnews.png) no-repeat top left;
}


#news_header {
	position:		relative;
	top:			1px;
	left:			1px;
	width:			322px;
	height:			50px;
	cursor:			move;
}

#news_close {
	position:		relative;
	top:			7px;
	left:			270px;
	width:			43px;
	height:			18px;
	cursor:			pointer;
}

#news_bar {
	position:		relative;
	left:			16px;
	width:			290px;
	height:			25px;
	line-height:	25px;
	vertical-align:	middle;
}

#news_content {
	position:		relative;
	left:			12px;
	top:			4px;
	width:			298px;
	height:			192px;
	overflow-y:		scroll;
	overflow-x:		hidden;
}

.news a {
	text-decoration:none;
	color:			#FFFFFF;
}

#news_bar2 {
	position:		relative;
	top:			10px;
	left:			16px;
	width:			290px;
	height:			25px;
	line-height:	25px;
	vertical-align:	middle;
}

#news_right {
	float:			right;
	text-align:		right;
	font-weight:	bold;
	color:			#FFFFFF;
	cursor:			pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: 	none;
}

.news_entry {
	width:			295px;
	cursor:			pointer;
	padding:		6px 5px;
}

.news_title {
	font-weight:	bold;
	display:		block;
}

.news_date {
	font-style:		italic;
	display:		block;
	margin-bottom:	3px;
}

.news_text {
	width:			270px;
}

.icon {
	text-align:		center;
	float:			left;
	margin:			0 10px;
	cursor:			pointer;
}

.icon_image {
	display:		block;
	margin:			0 auto;
}

.icon_text {
	display:		block;
	margin:			0 auto;
	font-weight:	bold;
}

#languageswitch {
	position:		absolute;
	top:			12px;
	right:			212px;
	z-index:		10000001;
	cursor:			pointer;
}

#language_dropdown {
	float:			left;
}

#language_selection {
	height:			22px;
	_height:		auto;
	line-height:	20px;
	_line-height:	22px;
	_padding-bottom:4px;
	vertical-align:	middle;
	padding:		0px 10px;
	background:		#E2E2E2;
}

/*Webkit hack*/
@media all and (min-width: 0px) {
	body:not(:root:root) #language_selection { line-height: 22px; }
}

#language_languages {
	margin-top:		3px;
	padding:		3px 10px;
	background:		#FFFFFF;
	border:			1px solid #E2E2E2;
}

#language_list {
	list-style:		none;
}

#language_button{
	float:			left;
	height:			22px;
	width:			22px;
	margin-left:	3px;
	background:		url(/assets/public/images/languagebtn.png);
	cursor:			pointer;
}

.error_message {
	color:			#FF0000;
	font-weight:	bold;
}

.error_message *{
	color:			#FF0000;
	font-weight:	bold;
}

.signup_comparisontable {
	width:			100%;
	border:			1px solid #AAAAAA;
	background:		#FFFFFF;
}

.signup_comparisontable th {
	font-weight:	bold;
	padding:		5px;
	background:		#DDDDDD;
	vertical-align:	top;
}

.signup_comparisontable td {
	padding:		5px;
	vertical-align:	top;
}

.signup_comparisontable_clean {
	background:		none;
	border:			0px;
}

.signup_plan {
	width:			150px;
	height:			130px;
	background:		#1f74c0;
	float:			left;
	margin-right:	10px;
	cursor:			pointer;
}

.signup_price {
	width:			150px;
	height:			50px;
	line-height:	50px;
	vertical-align:	bottom;
	text-align:		center;
	color:			#FFFFFF;
	font-weight:	bold;
	font-size:		50px;
}

.signup_duration {
	width:			150px;
	height:			60px;
	line-height:	60px;
	vertical-align:	middle;
	text-align:		center;
	color:			#FFFFFF;
	/*font-weight:	bold;*/
	font-size:		20px;
	text-decoration:underline;
}

.signup_order {
	width:			150px;
	float:			left;
	margin-right:	10px;
	text-align:		center;
	height:			40px;
}