@charset "utf-8";

/* STYLE SHEET FOR VBSTUDIO.HU */

/* COMMON */

#site_wrapper {
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
}
#site_content_wrapper {
	position:relative;
	width:990px;
	/*overflow:hidden;*/
	height:auto;
	margin:0 auto;
	padding:0;
}
html {
     /*overflow:-moz-scrollbars-vertical;*/
	 overflow-y:scroll;
}
body, td, th {
	/*font-family:Geneva, Arial, Helvetica, sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:140%;
	font-weight:normal;
}
td, th {
	line-height:normal;
}
body {
	margin:0;
	padding:0;
	/*background-color:#6a6d76;*/
	/*background-image:url(images/style/bg_canvas.jpg);*/
	
	/*background:url(images/style/background.png) fixed center repeat-y #7c7c7c;*/
	
	background-color:#b5b5b5;
}
form {
	margin:0;
	padding:0;
}
pre {
	font-size:12px;
	line-height:normal;
}
textarea { resize: none; }
input[type="text"], input[type="password"], textarea, select {
	background-color:#ffffff;
	border:2px solid #cccccc;
	margin:0;
	padding:2px;
	
	-moz-border-radius:3px;
	border-radius:3px;
	outline:none;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
	border:2px solid #999999;
}
.pale_text {
	color:#777;
	font-style:italic;
}

.error_box, .info_box {
	position:relative;
	display:block;
	width:400px;
	margin:0px auto;
	padding:6px 10px 6px 60px;
	font-weight:bold;
	text-align:center;
	
	-moz-border-radius:4px;
	border-radius:4px;
	outline:none;
	background-repeat:no-repeat;
	
	/* Minimum Height Hack! */
	min-height:58px;
	height:auto !important;
	height:58px; 
}
.error_box {
	color:#c80000;
	background-color:#fff0f0;
	border:2px solid #c80000;
	
	background-image:url(images/error_box_exclamation.png);
	background-position:24px 10px;
}
.info_box {
	color:#3d3da8;
	background-color:#f0f0ff;
	border:2px solid #3d3da8;
	
	background-image:url(images/info_box_icon.png);
	background-position:20px 10px;
}

.error_box ul, .info_box ul {
	list-style-type:none;
	margin:-8px 0px;
	padding:0px;
}
.error_box ul li, .info_box ul li {
	margin:14px 0px;
	padding:0px;
	width:100%;
}
	


/* TEXTAREAS WITH SAME FONT AS THE WEBPAGE */
textarea.normal_font {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
}

/* NORMAL LINKS */
a:link, a:visited { text-decoration:none; color:#005ce6; /*000055;*/ }
a:hover, a:active { text-decoration:underline; color:#247cff; /*000099;*/ }

/* SUPPORTING PARTNERS LINK */
a.support:link, a.support:visited { color:#666; text-decoration:none; }
a.support:hover, a.support:active { color: #000; text-decoration:underline; }

#validation_img {
	position:relative;
	display:block;
	width:180px;
	height:70px;
	
	background-color:#fff;
	border:2px solid #cccccc;
	margin:0px;
	padding:0px;
	
	-moz-border-radius:3px;
	border-radius:3px;
	cursor:pointer;
}
	
	


/* NEW SILVER BUTTONS */
a.button, a.btn_silver:link, a.btn_silver:visited {
	display:inline-block;
	height:24px;
	line-height:24px;
	padding:0 10px;
	background-image:url(images/style/btn_siver_body.png);
	color:black;
	text-decoration:none;
	-moz-border-radius:3px;
	border-radius:3px;
	border:#999999 solid 1px;
}
a.button:hover, a.btn_silver:active {
	color:black;
	text-decoration:none;
	border:#009dff solid 1px;
	background-image:url(images/style/btn_siver_body_over.png);
}


/* ADMIN LIST BUTTONS */
a.admin_list {
	display:block;
	background-color:white;
	font-size:14px;
	line-height:24px;
	padding:0 5px;
	color:black;
}
a.admin_list:link, a.admin_list:visited {
	text-decoration:none;
	font-weight:normal;
	background-color:white;
	color:black;
}
a.admin_list:hover, a.admin_list:active {
	text-decoration:none;
	font-weight:bold;
	background-color:#ddd;
	color:black;
}


/* BLOG */
.pagelink {
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	text-align:center;
	color:#999;
}
a.pagelink:link, a.pagelink:visited { color:black; text-decoration:none; }
a.pagelink:hover, a.pagelink:active { color:black; text-decoration:underline; }


td.border1_nw {
	background-image:url(images/style/border1/border_nw.png);
	background-repeat:no-repeat;
	width:4px;
	height:4px;
}
td.border1_n {
	background-image:url(images/style/border1/border_n.png);
	background-repeat:repeat-x;
	height:4px
}
td.border1_ne {
	background-image:url(images/style/border1/border_ne.png);
	background-repeat:no-repeat;
	width:4px;
	height:4px;
}
td.border1_w {
	background-image:url(images/style/border1/border_w.png);
	background-repeat:repeat-y;
	width:4px
}
td.border1_e {
	background-image:url(images/style/border1/border_e.png);
	background-repeat:repeat-y;
	width:4px
}
td.border1_sw {
	background-image:url(images/style/border1/border_sw.png);
	background-repeat:no-repeat;
	width:4px; height:4px;
}
td.border1_s {
	background-image:url(images/style/border1/border_s.png);
	background-repeat:repeat-x;
	height:4px;
}
td.border1_se {
	background-image:url(images/style/border1/border_se.png);
	background-repeat:no-repeat;
	width:4px;
	height:4px;
}
td.border1_bg {
	background-color:#F0F0F0;
	width:auto;
}



.category_title {
	font-size:28px;
	font-weight:bold;
	color:#3366FF;
}

/* header text, and header text with link INSIDE */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	color:#3366FF;
	font-style:italic;
	font-size:22px;
	text-align:left;
	margin-top:6px;
	margin-bottom:4px;
	border-bottom:1px dashed #aaa;
}
h1 a:link, h1 a:visited { text-decoration:none; }
h1 a:hover, h1 a:active { text-decoration:underline; }

h2 {
	color:black;
	font-style:italic;
	font-weight:bold;
	font-size:18px;
	text-align:left;
	margin:14px 0 4px 0;
}


/* ERROR AND SUCCESS MESSAGES */
.form_error {
	color:#C80000;
	font-style:italic;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}
.form_success {
	color:#00AA00;
	font-style:italic;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}

a.no_decoration:hover { text-decoration:none; }


/* CONTENT LIST */
.content_category_btn a, .content_category_btn a:link, .content_category_btn a:visited {
	display:block;
	position:relative;
	float:left;
	width:330px;
	height:58px;
	
	text-align:center;
	margin:0;
	padding:0;
	text-decoration:none;
	
	background-repeat:repeat-x;
	background-position:5px 4px;
	
}
.content_category_btn a:hover, .content_category_btn a:active { text-decoration:none; background-color:#eee; }

.content_list_likebox {
	width:70px; /* 80 */
	height:74px; /* 80, plus the border width */
	padding:0;
	float:left;
	margin:10px 0 0 10px;
}
.content_list_holder, .content_list_holder:link, .content_list_holder:visited {
	width:880px; /* 968 */
	height:80px; /* 96 */
	margin-bottom:10px;
	
	border-width:2px;
	border-style:solid;
	border-color:white;
	float:left;
}
.content_list_holder:hover, .content_list_holder:active {
	background-color:#eee;
	background-repeat:repeat-y;
	text-decoration:none;
	border-color:#999;
}

.content_list_img {
	width:64px;
	height:64px;
	margin:4px 10px 12px 10px;
	float:left;
}
.content_list_textfield {
	width:780px; /* 860 */
	height:80px;
	float:left;
	color:#666;
}
.content_list_title {
	color:#000;
	font-size:18px;
	margin:0 0 4px 0;
	line-height:22px;
}
.content_list_version {
	font-size:12px;
}
.content_list_descr {
	font-size:13px;
	margin:0 0 6px 0;
	line-height:16px;
}


/* MEMBER / GROUPS */
/************************************************************************************************************************/
.mbr_grp_link, .mbr_grp_link:link, .mbr_grp_link:visited {
	display:block;
	margin:0;
	padding:6px;
	border:1px solid white;
	font-size:14px;
	color:black;
	text-decoration:none;
}
.mbr_grp_link:hover, .mbr_grp_link:active {
	color:black;
	text-decoration:none;
	border:1px solid #aaa;
	background:#eee;
}
.mbr_grp_title {
	font-weight:bold;
	color:#005ce6;
}
.mbr_grp_link:hover .mbr_grp_title, .mbr_grp_link:active .mbr_grp_title {
	color:#247cff;
}


/*a:link, a:visited { text-decoration:none; color:#005ce6; }
a:hover, a:active { text-decoration:underline; color:#247cff; }*/

/* STORAGE / UPLOAD */
/************************************************************************************************************************/
/* dummy entry */
.online_files_dummy {
	width:824px;
	height:20px;
	display:block;
	float:left;
	line-height:20px; 
	color:#888;
	border:1px;
	border-style:solid;
	border-color:#F0F0F0;
}

/*#newfolder_submit, #renamefolder_submit, #folder_button {
	display:inline-block;
}*/



/* Storage style v2 */
.stg_public_icon, .stg_public_icon_img {
	display:block;
	position:relative;
	width:22px;
	height:20px;
	background-repeat:no-repeat;
	float:left;
}
.stg_public_icon     { width:22px; height:20px; background-position:2px 2px }
.stg_public_icon_img { width:22px; height:52px; background-position:2px 18px }

.stg_icon, .stg_icon_img {
	display:block;
	position:relative;
	background-position:2px 2px;
	background-repeat:no-repeat;
	float:left;
}
.stg_icon     { width:24px; height:20px }
.stg_icon_img { width:56px; height:52px }

.stg_filename, .stg_filename_img {
	display:block;
	position:relative;
	float:left;
}
.stg_filename     { width:588px; height:20px; line-height:20px }
.stg_filename_img { width:556px; height:52px; line-height:52px }

.stg_upfolder {
	display:block;
	position:relative;
	float:left;
	width:882px;
	height:20px;
	line-height:20px;
	background-position:26px 2px;
	background-repeat:no-repeat;
	padding:0 0 0 48px;
}

.stg_filesize {
	display:block;
	position:relative;
	width:100px;
	float:left;
	text-align:right;
	margin:0 10px 0 0;
}
.stg_filedate {
	display:block;
	position:relative;
	width:130px;
	float:left;
	text-align:center;
}

.stg_fileopt {
	display:block;
	position:relative;
	float:left;
	width:30px;
	color:black;
	border:1px solid #F0F0F0;
	text-align:center;
}
a.stg_fileopt:link, a.stg_fileopt:visited {
	background-color:transparent;
	text-decoration:none;
	border:1px solid #F0F0F0;
	color:black;
}
a.stg_fileopt:hover, a.stg_fileopt:active {
	background-color:#ddd;
	text-decoration:none;
	border:1px dotted black;
	font-weight:bold;
	color:black;
}
.stg_fileopt_sel {
	display:block;
	position:relative;
	float:left;
	width:30px;
	color:black;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #F0F0F0;
	background-color:white;
	text-align:center;
	font-weight:bold;
}
a.stg_fileopt_sel:link, a.stg_fileopt_sel:visited {
	text-decoration:none;
	font-weight:bold;
	color:black;
}
a.stg_fileopt_sel:hover, a.stg_fileopt_sel:active {
	text-decoration:none;
	font-weight:bold;
	color:black;
}

.stg_delete {
	display:block;
	position:relative;
	float:left;
	width:20px;
	color:black;
	border:1px solid #F0F0F0;
	text-align:center;
}
a.stg_delete:link, a.stg_delete:visited {
	background-color:transparent;
	text-decoration:none;
	border:1px solid #F0F0F0;
	color:black;
}
a.stg_delete:hover, a.stg_delete:active {
	background-color:#FF0000;
	text-decoration:none;
	border:1px dotted black;
	color:white;
	font-weight:bold;
}
.stg_type_normal { height:20px; line-height:20px }
.stg_type_img    { height:52px; line-height:52px }


.online_files_row {
	/*height:22px;*/
	height:auto;
	display:block;
	float:left;
}
.online_files_row:hover, .online_files_row:active {
	background-color:#ddd;
}

.online_files_a {
	display:block;
	float:left;
	color:black;
	border:1px solid #F0F0F0;
	padding:0;
	margin:0;
}
a.online_files_a, a.online_files_a:link, a.online_files_a:visited {
	cursor:pointer;
	color:black;
	background-color:transparent;
	text-decoration:none;
	border-color:F0F0F0;
}
a.online_files_a:hover, a.online_files_a:active {
	background-color:#ddd;
	text-decoration:none;
	border-style:dotted;
	border-color:black;
}

.stg_fileopt_sel, #stg_file_menu { /* shadow */
	-webkit-box-shadow:2px 2px 4px #666;
	box-shadow:2px 2px 4px #666;
	z-index:1;
}
#stg_file_menu {
	display:none;
	position:absolute;
	width:260px;
	left:0;
	top:0;
	
	margin:0;
	padding:4px 3px 3px 3px;
	background-color:white;
	
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
#stg_file_menu a, #stg_file_menu a:link, #stg_file_menu a:visited {
	display:block;
	position:relative;
	height:28px;
	line-height:28px;
	color:black;
	background-color:white;
	text-decoration:none;
	margin:0;
	padding:0 5px;
}
#stg_file_menu a:hover, #stg_file_menu a:active {
	background-color:#f0f0f0;
	text-decoration:none;
}
#stg_file_menu a.stg_fm_dis {
	color:#999;
}
#stg_file_menu span {
	display:block;
	position:relative;
	height:1px;
	background-color:#999;
	margin:0;
	padding:0 5px;
}
#stg_file_menu div {
	display:block;
	position:absolute;
	top:0; left:0;
	background-color:#999;
	width:236px;
	height:1px;
}

/* Storage image preview */
#stg_preview_fade {
	display:none;
	position:fixed;
	left:0px; top:0px;
	width:100%; height:100%;
	z-index:20;
	
	background-image:url(images/black_bg_alpha80.png);
}
#stg_preview_box {
	display:block;
	position:relative;
	width:990px; height:100%;
	
	position:relative;
	/*width:990px;
	height:auto;*/
	margin:0 auto;
	padding:0;
	
	/*background-image:url(images/black_bg_alpha60.png);*/
}
#stg_preview_title, #stg_preview_info {
	display:block;
	position:absolute;
	padding:0 8px;
	left:0px; 
	
	color:#eee;
	width:974px;
	height:30px;
	line-height:30px;
	background-color:black;
}
#stg_preview_title {
	top:0px;
	font-size:18px;
}
#stg_preview_info {
	bottom:0px;
	font-size:16px;
}

#stg_preview_img {
	display:block;
	position:absolute;
	left:0px;
	top:30px;
	
}

#stg_preview_download, #stg_preview_download:link, #stg_preview_download:visited {
	display:block;
	position:absolute;
	right:8px; bottom:0px;
	font-size:14px;
	font-weight:bold;
	color:#eee;
	
	height:20px;
	line-height:20px;
	
	padding:5px 10px;
	text-decoration:none;
}
#stg_preview_download:hover, #stg_preview_download:active {
	text-decoration:none;
	background-color:#222;
}


#stg_preview_x, #stg_preview_x:link, #stg_preview_x:visited {
	display:block;
	position:absolute;
	
	right:0px; top:0px;
	
	width:40px; height:30px;
	line-height:30px;
	text-align:center;
	
	font-size:18px;
	color:#eee;
	font-weight:bold;
	text-decoration:none;
}
#stg_preview_x:hover, #stg_preview_x:active {
	color:#ee0000;
	text-decoration:none;
	background-color:#222;
}



/* QQ Uploader */
.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block;
    width:80px;
	height:32px;
	
	font-size:14px;
	line-height:16px;
	
	padding:5px 0 5px 60px;
	
	text-align:left;
	color:black;
	
	background-image:url(images/style/upload_btn.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
.qq-upload-button-hover {
	background-position:0 -45px;
}

.qq-upload-statbar {
	position:relative;
	width:610px;
	height:20px;
	
	background-image:url(images/style/upload_bar_empty.png)
}
.qq-upload-statbar-fill {
	position:absolute;
	left:0;
	top:0;
	width:0px;
	height:20px;
	background-image:url(images/style/upload_bar_filled.png)
}



.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("images/upload_anim.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}

/* LOADING ANIMATION */
#load_anim_big {
	display:none;
	position:fixed;
	width:60px;
	height:60px;
	background-image:url(images/style/load_anim_big.png);
}




/* universal button */
a.simple_button {
	display:inline-block;
	height:22px;
	line-height:22px;
	color:#000000;
	border:1px;
	border-style:solid;
	text-align:center;
	padding-left:6px;
	padding-right:6px;
	
	background-color:#e3e3e3;
	text-decoration:none;
	border-color:#8a8a8a;
}
a.simple_button:link, a.simple_button:visited { background-color:#e3e3e3; border-color:#8a8a8a; text-decoration:none; }
a.simple_button:hover, a.simple_button:active { background-color:#f1f1f1; border-color:#009dff; text-decoration:none; }

img.img_avatar_50 {
	border:1px solid #f0f0f0;
	width:50px;
	height:50px;
	background-color:#333;
	color:#777;
}

/* MSG BOARD POSTS */
#grp_indx_right_holder {
	width:728px;
	float:left;
	margin-left:20px
}

#msg {
	display:block;
	/*height:auto;*/
	overflow:hidden;
	width:728px;
	position:relative;
	margin:22px 0 0 0;
}
.msg_board_post_holder {
	display:block;
	position:relative;
	float:left;
}
.msg_board_avatar_box {
	display:block;
	position:relative;
	width:150px;
	display:block;
	float:left
}
.msg_board_avatar {
	display:block;
	position:relative;
	width:50px;
	height:50px;
	margin:0 auto;
}
.msg_board_author {
	width:150px;
	text-align:center;
	font-size:9px;
	margin:6px 0 10px 0;
	color:#666;
}
.msg_board_body {
	display:block;
	position:relative;
	text-align:left;
	
	padding:5px;
	word-wrap:break-word;
	
	margin:0 0 24px 0;
	float:left;
	
	-moz-border-radius:3px;
	border-radius:3px;
	
	border:2px solid #999;
}
.msg_board_date {
	display:block;
	position:absolute;
	bottom:-19px;
	right:2px;
	line-height:16px;
	height:16px;
	font-size:12px;
	color:#999;
}
.msg_board_arrow {
	display:block;
	position:absolute;
	width:15px;
	height:24px;
	left:-12px;
	top:-2px;
	background-image:url(images/style/msg_board_arrow.png);
	background-repeat:no-repeat;
}

.msg_board_x, .msg_board_x:link, .msg_board_x:visited {
	display:block;
	position:relative;
	width:10px;
	height:10px;
	margin:4px 0 0 6px;
	padding:0;
	background-image:url(images/style/btn_msg_x.png);
	background-position:-12px;
	float:left;
}
.msg_board_x:hover, .msg_board_x:active {
	background-position:-24px;
}


/* USER INTERFACE LIST STYLE BUTTONS */
a.btn_user_list {
	display:block;
	font-size:14px;
	line-height:18px;
	padding:4px 5px 4px 5px;
	color:black;
}
a.btn_user_list:link, a.btn_user_list:visited {
	color:black;
	text-decoration:none;
}
a.btn_user_list:hover, a.btn_user_list:active {
	color:white;
	text-decoration:none;
	background-color:#0066FF;
}

a.btn_user_list_icon {
	display:block;
	position:relative;
	font-size:14px;
	line-height:32px;
	height:32px;
	padding:2px 2px 2px 42px;
	color:black;
}
a.btn_user_list_icon img {
	display:block;
	position:absolute;
	left:2px;
	top:2px;
	border:0px;
}
a.btn_user_list_icon:link, a.btn_user_list_icon:visited {
	color:black;
	text-decoration:none;
}
a.btn_user_list_icon:hover, a.btn_user_list_icon:active {
	color:white;
	text-decoration:none;
	background-color:#0066FF;
}

.user_list_title {
	display:block;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
	line-height:18px;
	padding:4px 5px 4px 5px;
	color:black;
}

/* WRAP UP BUTTON */
a.btn_user_wrap, a.btn_user_wrap:link, a.btn_user_wrap:visited {
	display:block;
	color:black;
}
a.btn_user_wrap:hover, a.btn_user_wrap:active {
	text-decoration:none;
	background-color:#0066FF;
	color:white;
}

/* GROUP / MEMBERS */
.grp_member_rights { font-family:"Courier New", Courier, monospace; }

/* GROUP / TEXT CHECKBOX */
.txt_chbox { font-family:"Courier New", Courier, monospace; }


/* GROUP / CHAT (tipical browser default settings) */
.default_link a:link    { text-decoration:underline; color:#0000cc; }
.default_link a:visited { text-decoration:underline; color:#551a8b; }
.default_link a:active  { text-decoration:underline; color:#ee0000; }


/* VB TITLE */
/************************************************************************************************************************/
#vbtitle_wrapper {
	position:relative;
	width:100%;
	height:145px;
	background-image:url(images/style/title_bg.png);
	margin-bottom:11px;
	
	/*-webkit-box-shadow:1px 1px 2px black;
	box-shadow:1px 1px 2px black;*/
}

#vbtitle_box {
	position:relative;
	margin:0 auto;
	
	
	width:990px;
	height:110px;
	background-image:url(images/style/title.png);
	
}

/* VB TITLE / LOGIN BOX */
/************************************************************************************************************************/
#vbtitle_login_box {
	position:absolute;
	right:0px;
	top:0px;
	font-size:12px;
	line-height:14px;
	color:#777;
	font-weight:bold;
	width:210px;
	/*height:110px;*/
	margin:0;
	padding:0;
	z-index:11;
	
	/*background-color:#CCCCCC;*/
}
#vbtitle_login_box p {
	margin:4px 4px 10px 0;
	padding:0;
	text-align:right;
}

#vbtitle_login_box p a, #vbtitle_login_box p a:visited {
	color:#777;
	text-decoration:none;
	text-align:right;
}
#vbtitle_login_box p a:hover, #vbtitle_login_box p a:active {
	color:#000;
	text-decoration:underline;
}

/*#vbtitle_login_box ul {
	list-style-type: none;
	margin:0 0 8px 0;
	padding:0;
}
#vbtitle_login_box li, #vbtitle_login_box li a, #vbtitle_login_box li a:visited {
	color:#777;
	text-decoration:none;
	text-align:center;
}
#vbtitle_login_box li a:hover, #vbtitle_login_box li a:active {
	color:white;
	text-decoration:underline;
}*/
#vbtitle_login_box input {
	/*display:block;*/
	background-color:#eee; /*6d88c0;*/
	color:#000;
	/*border:2px solid #828282;*/
	border:2px solid #ddd;
	padding:2px;
	width:152px;
	font-size:12px;
	font-weight:normal;
	margin:0 0 0 5px;
	outline:none;
}
#vbtitle_login_box input:focus {
	/*border:2px solid #8ea1da;*/
}

#vbtitle_login_box label {
	display:block;
	text-transform:uppercase;
	font-size:10px;
	line-height:12px;
	margin-top:2px;
	color:#777;
	text-align:right;
}
#vbtitle_login_box #login_btn, #vbtitle_login_box #logout_btn {
	display:block;
	color:#555;
	width:160px;
	height:28px;
	line-height:28px;
	text-align:center;
	float:right;
}
#vbtitle_login_box #login_btn:hover, #vbtitle_login_box #login_btn:active, #vbtitle_login_box #logout_btn:hover, #vbtitle_login_box #logout_btn:active {
	color:black;
	text-decoration:underline;
}
/* LOGOUT BOX */
#vbtitle_login_box #login_as {
	font-size:10px;
	color:#777;
	font-weight:bold;
	font-style:normal;
	text-align:center;
	margin-top:26px;
	margin-bottom:4px;
}
#vbtitle_login_box #login_name {
	font-size:12px;
	color:#9f0000;
	font-weight:bold;
	font-style:normal;
	text-align:center;
	margin-bottom:18px;
	
	/*text-shadow:1px 1px 1px white, -1px -1px 1px white, -1px 1px 1px white, 1px -1px 1px white;*/
}

/* VB TITLE / BUTTONS */
/************************************************************************************************************************/
#vbtitle_button_box {
	display:none;
	position:absolute;
	width:990px;
	height:30px;
	
	margin:0;
	padding:0;
	top:110px;
	left:0;
	
	list-style-type: none;
	/*overflow:hidden;*/
	
	z-index:10;
}
.vbtitle_btn_sel {
	/*background:#2e3656;*/
	background-image:url(images/style/title_btn_sel.png);
}
#vbtitle_button_box li {
	height:30px;
	margin:0;
	float:left;
	line-height:30px;
	text-align:center;
	z-index:11;
}
#vbtitle_button_box li.vbtitle_separator {
	background-color:#eee !important;
	list-style-type:none;
	display:block;
	width:2px;
	height:16px;
	padding:0;
	margin:7px 0;
}
#vbtitle_button_box li a {
	list-style-type:none;
	display:block;
	padding:0 16px;
	height:30px;
	background-repeat:repeat-x;
	color:#eee;
	font-weight:bold;
	font-style:normal;
	text-decoration:none
}
#vbtitle_button_box li a:hover {
	background-image:url(images/style/title_btn_hover.png);
}
#vbtitle_button_box div {
	position:absolute;
	visibility:hidden;
	margin:0;
	padding:0;
	background:#222222;
	border:1px solid #555555;
}
#vbtitle_button_box div a {
	height:30px;
	position:relative;
	display:block;
	margin:0;
	padding:0px 10px;
	width:auto;
	
	white-space:nowrap;
	text-align:left;
	text-decoration:none;
	background:#222222;
	color:white;
	font-size:12px;
	line-height:30px;
}
#vbtitle_button_box div a:hover {
	background:#333333;
	color:white;
}
.vbtitle_btn_warning {
	color:#FF0000;
	font-weight:bold;
	font-style:normal;
}
.vbtitle_button_highlight {
	color:#FF0000 !important;
}


/* NEW MAIN STRUCTURE ELEMENTS */
/************************************************************************************************************************/
.body_common {
	display:block;
	position:relative;
	width:980px;
	margin:0 0 10px 0;
	padding:5px;
	float:left;
}
.body_no_pad {
	display:table;
	position:relative;
	width:990px;
	margin:0 0 10px 0;
	padding:0;
	float:left;
}
.body_main_adv {
	position:relative;
	margin:0 95px 10px 95px;
	width:800px;
	height:100px;
	float:left;
}
.content_box, .body_common, .body_no_pad {
	/*clear:both;*/
	/*height:auto;*/
	
	background-color:white;
	
	/*-webkit-box-shadow:1px 1px 5px black;
	box-shadow:1px 1px 5px black;*/
	-webkit-box-shadow:0 0 6px black;
	box-shadow:0 0 6px black;
	
	
	-moz-border-radius:2px;
	border-radius:2px;
}
.body_date {
	display:block;
	position:absolute;
	top:-20px;
	right:0px;
	
	text-align:right;
	font-weight:bold;
	color:#444;
}

/* BODY TITLE mint link */
.body_title, .body_title:link, .body_title:visited, .body_title_back, .body_title_back:link, .body_title_back:visited {
	display:inline-block;
	position:relative;
	
	padding:4px;
	
	border:0px solid;
	
	font-weight:bold;
	font-size:20px;
	line-height:22px;
	font-style:italic;
	margin:0;
	float:left;
}
.body_title, .body_title:link, .body_title:visited,   .body_title_back, .body_title_back:link, .body_title_back:visited {
	/*color:white;
	text-shadow:0 0 6px black;*/
	
	color:black;
	
}
.body_title {
	width:982px;
}
.body_title_back { 
	width:848px;
	margin-left:134px;
}

/* link a BODY TITLE-n belül */
.body_title a, .body_title a:link, .body_title a:visited,   .body_title_back a, .body_title_back a:link, .body_title_back a:visited {
	color:#aaa;
	text-decoration:none;
}
.body_title a:hover, .body_title a:active,   .body_title_back a:hover, .body_title_back a:active {
	color:#ee0000;
	text-decoration:none;
}


.blog_holder {
	width:100%;
	display:table;
	margin-top:-5px;
}
.blog_holder img {
	border:0px;
	margin:4px
}

.blog_fb_button {
	height:28px;
	background-color:#f1f1f1;
	
	margin:0 -5px -5px -5px;
	padding:4px 5px 0px 5px;
}

.body_back, .body_back:link, .body_back:visited {
	display:block;
	position:absolute;
	
	/*width:141px;
	height:32px;*/
	
	width:106px;
	height:27px;
	padding:4px 18px 1px 14px;
	
	left:-4px;
	top:-31px;
	
	font-weight:bold;
	line-height:27px;
	
	background-image:url(images/style/body_back_button.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:black;
	text-decoration:none;
}

.body_back:hover, .body_back:active {
	background-position:-145px 0px;
	/*color:white;*/
	text-decoration:none;
}


/*.body_back a, .body_back a:link, .body_back a:visited {
	display:block;
	position:relative;
	
	
	width:110px;
	height:27px;
	margin:4px 18px 1px 10px;
	
	line-height:27px;
	text-align:left;
	
	color:black;
	text-decoration:none;
	
	font-weight:bold;
}*/

/*.body_back a:hover, .body_back a:active {
	color:#2727da;
	text-decoration:none;
}
*/

.bubble_body {
	display:block;
	position:relative;
	
	margin:0 0 6px 0;
	padding:2px;
	
	background-color:#f0f0f0;
	border:2px solid #999;
	
	-moz-border-radius:4px;
	border-radius:4px;
}
.bubble_title {
	font-weight:bold;
	font-style:italic;
	text-align:center;
	line-height:26px;
	margin:0;
	padding:0;
}


/* PAGE FOOTER */
/************************************************************************************************************************/
#footer {
	width:990px;
	height:26px;
	color:#666;
	font-weight:bold;
	font-size:13px;
	margin-top:-10px;
	float:left;
}
#footer_left, #footer_right {
	display:block;
	height:26px;
	line-height:26px;
}
#footer_left {
	float:left;
	margin-left:18px;
	text-align:left;
}
#footer_right {
	float:right;
	margin-right:18px;
	text-align:right;
}


/* DOWNLOAD PAGE */
/************************************************************************************************************************/
#download_title_box {
	display:block;
	position:relative;
	width:740px;
	height:76px;
	float:left;
	margin:0 0 10px 0;
}
#download_thumb {
	display:block;
	position:relative;
	width:64px;
	height:64px;
	margin:4px 10px 8px 6px;;
	float:left;
}
#download_title {
	display:block;
	position:relative;
	float:left;
	
	line-height:24px;
	width:660px;
	height:36px;
	margin:8px 0 0 0;
	
	color:black;
	font-size:24px;
	text-align:left;
}
.download_flag {
	display:block;
	position:relative;
	float:left;
	width:21px;
	height:20px;
	border:0;
	margin:4px 0 8px 0;
}

#download_version {
	display:block;
	position:relative;
	float:left;
	
	height:20px;
	line-height:20px;
	margin:4px 0 8px 10px;
}

#download_button, #download_button:link, #download_button:visited {
	display:block;
	position:relative;
	float:left;
	
	width:234px;
	height:74px;
	
	margin:1px 0 1px 16px;
	padding:0;
	
	background-image:url(images/content/download_button.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	
	cursor:pointer;
}
#download_button:hover, #download_button:active {
	background-position:0px -74px;
}

#download_cover {
	margin:6px 6px 10px 10px;
	float:right;
}

.download_fixes {
	font-size:10px;
	color:#666;
}
.download_descr_title {
	font-weight:bold;
	font-size:14px;
	border-bottom-style:solid;
	border-bottom-color:#ccc;
	border-width:2px;
	width:350px;
}


/* STORAGE HISTORY */
/************************************************************************************************************************/
.stg_hist_entry {
	display:block;
	position:relative;
	margin:0;
	padding:2px 0;
	
	height:auto;
	overflow:auto;
	line-height:20px;
}
.stg_hist_entry:hover, .stg_hist_entry:active {
	background-color:#f0f4ff;
}
.stg_hist_event {
	position:relative;
	float:left;
	height:auto;
	overflow:auto;
}
.stg_hist_date {
	position:relative;
	float:right;
	height:auto;
	overflow:auto;
}
.stg_hist_separator {
	display:block;
	position:relative;
	margin:6px 0;
	padding:0;
	
	height:1px;
	line-height:1px;
	background-color:#ddd;
}

.list_even   { background-color:#f0f4ff; }
.list_uneven { background-color:#fff; }


/* NOTES */
/************************************************************************************************************************/
#note_edit_title {
	display:block;
	width:950px;
	text-align:right;
	margin-bottom:4px;
}
#note_edit_title input {
	width:850px;
}
#note_edit_content {
	width:950px;
}


/* SNOWFALL */
/************************************************************************************************************************/
.anim_snowflake {
	display:block;
	position:absolute;
	background-repeat:no-repeat;
}
.anim_snowflake_small {
	width:8px;
	height:8px;
	background-image:url(images/snowflake_8.png);
}
.anim_snowflake_big {
	width:16px;
	height:16px;
	background-image:url(images/snowflake_16.png);
}

/* SMILEYS */
/************************************************************************************************************************/
.smiley_sample {
	background-repeat:no-repeat;
	background-position:0px 2px;
	height:17px;
	margin-left:6px;
	padding-left:18px;
	display:inline-block;
	line-height:17px;
}
.smiley {
	display:inline-block;
	width:15px;
	height:15px;
	border-width:0px;
	background-repeat:no-repeat;
}
.smly_angry { background-image:url(images/smiley/angry.png) }
.smly_big_smile { background-image:url(images/smiley/big_smile.png) }
.smly_broken_heart { background-image:url(images/smiley/broken_heart.png) }
.smly_confused { background-image:url(images/smiley/confused.png) }
.smly_crying { background-image:url(images/smiley/crying.png) }
.smly_disappointed { background-image:url(images/smiley/disappointed.png) }
.smly_eye_rolling { background-image:url(images/smiley/eye_rolling.png) }
.smly_love { background-image:url(images/smiley/love.png) }
.smly_sad { background-image:url(images/smiley/sad.png) }
.smly_smile { background-image:url(images/smiley/smile.png) }
.smly_surprised { background-image:url(images/smiley/surprised.png) }
.smly_tongue { background-image:url(images/smiley/tongue.png) }
.smly_wink { background-image:url(images/smiley/wink.png) }
.smly_xd { background-image:url(images/smiley/xd.png) }
.smly_starry-eyed { background-image:url(images/smiley/starry-eyed.png) }


/* MESSAGE BOX */
/************************************************************************************************************************/
#msgbox_bg {
	display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
	background-image:url(images/black_bg_alpha60.png);
	
	z-index:100;
}
#msgbox {
	position:relative;
	top:220px;
	margin:0 auto;
	padding:0px;
	width:360px;
	font-weight:normal;
	
	background-color:#fff;
	border:#fff solid 2px;
	-moz-border-radius:6px;
	border-radius:6px;
	
	padding:0px 10px 0px 60px;
	background-repeat:no-repeat;
	background-position:24px 20px;
	
	-webkit-box-shadow:1px 1px 30px black;
	box-shadow:1px 1px 30px black;
}
#msgbox_msg {
	display:block;
	position:relative;
	width:320px;
	margin:20px 20px 0px 20px;
	line-height:20px;
	text-align:center
}
#msgbox_msg input {
	width:310px;
	margin:10px 0 0 0;
}
#msgbox_buttons {
	display:block;
	position:relative;
	width:320px;
	height:32px;
	margin:30px 20px 20px 20px;
}
#msgbox_buttons a {
	float:right;
	margin-left:10px;
}


/* GLOBAL FORM STUFFS */
/************************************************************************************************************************/
.form_red_text {
	color:#ee0000;
	font-weight:bold;
}
.form_comment {
	font-size:11px;
}
