*	 				{ font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Tahoma,Arial,Verdana,sans-serif; font-size:13px; }
body 				{ background:#666 url(img/bg_body.gif) repeat-x; }
/* ################################################################################################
	A D S
################################################################################################ */
#ad_rectangle		{ width:300px; height:250px; margin:10px; font-size:12px; }
#ad_wide			{ position:absolute; top:0; left:990px; width:160px; height:600px; font-size:10px; }
/* ################################################################################################
	H E A D E R 
################################################################################################ */
#mainheader 						{ background: url(img/bg_header5.gif) no-repeat; width:980px; height:95px; }
#mainheader_login					{ float:right; padding-top:5px; padding-right:10px; width:300px; height:85px; }
#mainheader_login p 				{ padding-top:10px; margin:0; color:#fff; text-align:right; }
#mainheader_login #btn_login		{ border:none; }

#mainheader_login_avatar 			{ padding-top:5px; padding-right:10px; float:left; }
#mainheader_login_avatar img		{ border:1px solid #f60; }
#mainheader_login_control 			{ font-size:11px; padding-left:10px; padding-top:5px; color:#fff }
#mainheader_login_control a			{ font-size:11px; text-decoration:none; }
#mainheader_login_control a:link 	{ font-size:11px; text-decoration:none; }
#mainheader_login_control a:hover 	{ font-size:11px; text-decoration:underline; }
a.regionchanger:link				{ color:#f60; font-weight:normal; text-decoration:none; }
a.regionchanger:hover				{ color:#fff; font-weight:normal; text-decoration:none; }
a.regionchanger:visited				{ color:#f60; font-weight:normal; text-decoration:none; }
/* ################################################################################################
	N A V I G A T I O N 
################################################################################################ */
#mainnav_wrapper				{ background-color:#000; width:980px; height:35px; }
#mainnav						{ background-color:#000; height:35px; float:left; }
#mainnav ul 					{ padding: 10px; margin: 0px; list-style: none; } 
#mainnav ul li a 				{ display: block; color:#f60; text-decoration:none; } 
#mainnav ul li a:hover 			{ color:#fff; }
.mnu_current a					{ color:#fff!important; }
#mainnav li						{ float: left; padding-left: 5px; padding-right: 15px; }
#mainnav li ul					{ position: absolute; left: -999em; background-color:#000; } 
#mainnav li ul li			 	{ float: none; padding-left: 5px; padding-right: 5px; padding-bottom:5px; }
#mainnav ul li ul li a 			{ display: block; color:#f60!important; text-decoration:none; } 
#mainnav ul li ul li a:hover 	{ color:#fff!important; }
#mainnav li:hover ul, #mainnav li.sfhover ul 
								{ left: auto; border:0; /*border muss (auf 0) gesetzt werden um einen IE Bug zu beseitigen!*/}

#mainnav_langwrapper			{ background-color:#000; float:right; height:35px; width:230px; }
#mainnav_langwrapper img 		{ padding:8px 0px 0px 10px; margin: 0px; } 
#mainnav_lang					{ background-color:#000; height:35px; float:left;}
#mainnav_lang ul 				{ padding: 10px; margin: 0px; list-style: none; } 
#mainnav_lang a 				{ display: block; color:#f60; text-decoration:none; } 
#mainnav_lang a:hover 			{ color:#fff; }
#mainnav_lang li 				{ float: left; padding-left: 5px; padding-right: 15px; }
#mainnav_lang li ul				{ position: absolute; left: -999em; background-color:#000; } 
#mainnav_lang li ul li 			{ float: none; padding-left: 5px; padding-right: 5px; padding-bottom:5px; }
#mainnav_lang li:hover ul, #mainnav_lang li.sfhover ul 
								{ left: auto; border:0; /*border muss (auf 0) gesetzt werden um einen IE Bug zu beseitigen!*/}
/* ################################################################################################
	C O N T E N T
################################################################################################ */
#mainwrapper 					{ position:relative; min-width: 980px; max-width: 1150px; margin-left: auto; margin-right: auto; margin-top:5px; }
#maincontentwrapper				{ width: 980px; background: url(img/bg_content.gif) repeat-y; height: 100%; }
#maincontent 					{ width: 640px; min-height:300px; float:left; padding:10px; background-color:#fff;}
#maincontent * 					{ margin:0; color:#000; }
#mainservice 					{ float:right; width: 320px; background-color:#333; }
/* CTRL-Untermenü */
.npctrl_submenu					{ position:static; width:300px; text-align:right; margin-top:0px; padding-bottom:10px;}
.npctrl_submenu ul				{ margin:0; padding:0; }
.npctrl_submenu ul li			{ background:url(img/char_arrow_down.gif) no-repeat 4px 3px; font-size:11px; padding-left:15px; list-style:none; display:inline; margin:0px; }
.npctrl_submenu ul li.current	{ background:url(img/char_arrow_right.gif) no-repeat 4px 2px; font-size:11px; padding-left:15px; list-style:none; display:inline; margin:0px; }
.npctrl_submenu ul li a			{ font-size:11px; color:#f60!important; }
/* CTRL-Footer */
.npctrl_footer					{ width:300px; text-align:right; padding:1px 20px 1px 1px!important; }
/* CTRL-Button "mehr >" */
a.buttonmore					{ margin-right:1px!important; display:inline-block; width:65px; border:1px solid #f60; background-color:#f60; color:#fff!important; padding:2px; font-size:11px; vertical-align:middle; text-align:center; text-decoration:none; font-weight:normal!important; }
a.buttonmore:hover				{ color:#000!important; border:1px soid #f60; background-color:#f93; text-decoration:none!important; }
/* Sonstige Links, die als Buttons angezeigt werden*/
a.button						{ margin-bottom:5px!important; display:inline-block; min-width:65px; border:1px solid #000; background-color:#f60; color:#fff!important; padding:3px 5px 3px 5px; font-size:11px; vertical-align:middle; text-align:center; text-decoration:none; font-weight:normal!important; }
a.button:hover					{ color:#000!important; border:1px solid #f60; background-color:#f93; text-decoration:none; }
a.button_disabled				{ margin-bottom:5px!important; cursor:default; display:inline-block; min-width:65px; border:1px solid #444; background-color:#aaa; color:#000!important; padding:3px 5px 3px 5px; font-size:11px; vertical-align:middle; text-align:center; text-decoration:none; font-weight:normal!important; }
a.button_disabled:hover			{ color:#000!important; border:1px solid #444; background-color:#aaa; text-decoration:none; }
a.button_green					{ margin-bottom:5px!important; display:inline-block; min-width:65px; border:1px solid #000; background-color:#0c0; color:#fff!important; padding:3px 5px 3px 5px; font-size:11px; vertical-align:middle; text-align:center; text-decoration:none; font-weight:normal!important; }
a.button_green:hover			{ cursor:default; color:#fff!important; border:1px solid #000; background-color:#0c0; text-decoration:none; }
.button							{ margin-bottom:5px!important; min-width:65px; border:1px solid #000; background-color:#f60; color:#fff!important; padding:3px 5px 3px 5px; font-size:11px; font-weight:normal!important; }
.button:hover					{ color:#000!important; border:1px solid #f60; background-color:#f93; text-decoration:none; cursor:pointer; }
.button_disabled				{ margin-bottom:5px!important; min-width:65px; border:1px solid #444; background-color:#aaa; color:#000!important; padding:3px 5px 3px 5px; font-size:11px; font-weight:normal!important; }
.button_disabled:hover			{ color:#000!important; border:1px solid #444; background-color:#aaa; text-decoration:none; }
/* Context unter dem eigentlichen Page-Content */
#content_context					{ vertical-align:middle; margin-top:10px; padding-top:10px; text-align:center; border-top:1px dotted #f60; }
#content_context .socialicon		{ vertical-align:middle; margin-left:1px; border:0; }
/* To do: Kann weg! Alte Darstellung (home, news): Kommentare, Teilnehmer, etc */
.usercomments					{ background: url(img/ico_comments.gif) no-repeat; padding-top:18px; font-size:11px; width:30px; height:30px; text-align:right; float:right; }
.participants					{ background: url(img/ico_user.gif) no-repeat; padding-top:23px; font-size:11px; width:30px; height:50px; text-align:right; float:right; }
/* Neue Darstellung (movies, news, etc): */
.info_communityfeedback			{ pading-top:5px; width:50px; min-height:40px; border-left:1px dotted #f60; float:right; }
.info_usercomments				{ background: url(img/ico_comments_16.gif) no-repeat; padding-left:20px; height:20px; width:16px; font-size:11px;}
.info_participants				{ background: url(img/ico_user_16.gif) no-repeat; padding-left:20px; height:20px; width:16px; font-size:11px;}
.info_userlikethis				{ background: url(img/ico_thumbup_16.gif) no-repeat; padding-left:20px; height:20px; width:16px; font-size:11px;}
.info_viewed					{ background: url(img/ico_viewed_16.gif) no-repeat; padding-left:20px; height:20px; width:16px; font-size:11px;}
/* Seiten-Paging */
.pagenav						{ width:100%; padding:5px; padding:5px; text-align:center; }
.pagenav a						{ padding:4px 7px 4px 7px; display:inline-block; min-width: 16px; margin:0px 2px 0px 2px!important; border:1px solid #f60; background-color::#fff; color:#f60; text-decoration:none; }
.pagenav a:link					{ padding:4px 7px 4px 7px; display:inline-block; min-width: 16px; margin:0px 2px 0px 2px!important; border:1px solid #f60; background-color::#fff; color:#f60; text-decoration:none; }
.pagenav a:hover				{ border:1px solid #000; background-color:#f60; color:#fff!important; text-decoration:none; }
.pagenav span					{ padding:4px 7px 4px 7px!important; margin:0px 2px 0px 2px!important; display:inline-block; min-width: 16px; }
.pagenav .current				{ border:1px solid #000; display:inline-block; min-width: 16px; background-color:#f60; color:#000; }
.pagenav .disabled				{ border:1px solid #999; display:inline-block; min-width: 16px; background-color:#ccc; color:#999; }
/* Seiten-Paging (AJAX)*/
.ajaxpagenav					{ font-size:10px; width:100%; padding:5px; padding:5px; text-align:center; }
.ajaxpagenav a					{ font-size:10px; padding:2px 5px 2px 5px; display:inline-block; min-width: 12px; margin:0px 2px 0px 2px!important; border:1px solid #f60; background-color::#fff; color:#f60; text-decoration:none; }
.ajaxpagenav a:link				{ font-size:10px; padding:2px 5px 2px 5px; display:inline-block; min-width: 12px; margin:0px 2px 0px 2px!important; border:1px solid #f60; background-color::#fff; color:#f60; text-decoration:none; }
.ajaxpagenav a:hover			{ font-size:10px; border:1px solid #000; background-color:#f60; color:#fff!important; text-decoration:none; }
.ajaxpagenav span				{ font-size:10px; padding:2px 5px 2px 5px!important; margin:0px 2px 0px 2px!important; display:inline-block; min-width: 16px; }
.ajaxpagenav .current			{ font-size:10px; border:1px solid #000; display:inline-block; min-width: 12px; background-color:#f60; color:#000; }
.ajaxpagenav .disabled			{ font-size:10px; border:1px solid #999; display:inline-block; min-width: 12px; background-color:#ccc; color:#999; }
/* npctrl_ShowIlikeThis */
#npctrl_ShowIlikeThis						{ width:620px; margin:10px; overflow:hidden; }
#npctrl_ShowIlikeThis h1					{ padding-left:35px; background: url(img/ico_thumbup.gif) no-repeat left; border-bottom:1px dotted #000; padding-bottom:10px; margin-top:10px; color:#333; font-size:15px; font-weight:normal; }
#npctrl_ShowIlikeThis .ilikethiscontainer	{ width:620px; margin-top:10px; }
#npctrl_ShowIlikeThis .ilikethiscontainer img	{ border:1px solid #f60; margin-right:10px; margin-bottom:10px; }
/* npctrl_ShowParticipants */
#npctrl_ShowParticipants						{ width:620px; margin:10px; overflow:hidden; }
#npctrl_ShowParticipants h1					{ padding-left:35px; background: url(img/ico_user.gif) no-repeat left; border-bottom:1px dotted #000; padding-bottom:10px; margin-top:10px; color:#333; font-size:15px; font-weight:normal; }
#npctrl_ShowParticipants .participantscontainer	{ width:620px; margin-top:10px; }
#npctrl_ShowParticipants .participantscontainer img	{ border:1px solid #f60; margin-right:10px; margin-bottom:10px; }
/* npctrl_ShowComments */
#npctrl_ShowComments						{ width:620px; margin:10px; overflow:hidden; }
#npctrl_ShowComments h1						{ padding-left:35px; background: url(img/ico_comments.gif) no-repeat left; border-bottom:1px dotted #000; padding-bottom:10px; margin-top:10px; color:#333; font-size:15px; font-weight:normal; }
#npctrl_ShowComments ul						{ margin:0px; padding:0px; list-style:none; }
#npctrl_ShowComments ul li					{ width:620px; background:url(img/bg_commentbubble2_top.gif) no-repeat; margin-bottom:5px; margin-top:5px!important; }
#npctrl_ShowComments .avatarimg 			{ width:70px; padding-top:2px; float:left; }
#npctrl_ShowComments a img					{ border:1px solid #f60; }
#npctrl_ShowComments .usercomment			{ width:530px; float:left; padding:5px 10px 5px 10px; color:#000; border:none; }
#npctrl_ShowComments .usercomment p			{ margin:0px; margin-bottom:10px; font-size:13px; }
#npctrl_ShowComments .usercomment a			{ color:#f60; font-weight:bold; }
#npctrl_ShowComments .usercomment a:link	{ color:#f60; font-weight:bold; }
#npctrl_ShowComments .commentactions a		{ font-size:11px!important;font-weight:normal!important; }
#npctrl_ShowComments .commentactions		{ padding-bottom:0px!important; margin-bottom:0px!important; border-top:1px solid #666;margin-top:10xp!important; }
#npctrl_ShowComments .bubblefooter			{ width:620px; height:10px; background:url(img/bg_commentbubble2_foot.gif) no-repeat; clear:both; float:none; }
#npctrl_ShowComments .edited				{ font-size:10px!important; line-height:10px!important; color:#aaa; margin:0; padding:0; }
#commenteditor								{ width:550px; min-height:80px; text-align:center; padding-left:70px; padding-top:10px; padding-bottom:20px; }
#commenteditor form							{ margin:0px; padding:0px; }
#commenteditor #commenteditorarea			{ border:1px solid #f60; line-height:1; width:546px; margin-bottom:5px; }
.inlineeditor textarea						{ border:1px solid #f60; margin-bottom:10px!important; }
.inlineeditor button						{ border:1px solid #c30; width:80px; background-color:#f60; cursor:pointer; margin-right:20px!important; }
/* SERVICE: npctrl_ContentSearch() */
#npctrl_ContentSearch				{ width:300px; margin:0px 10px 30px 10px; }
#npctrl_ContentSearch h1			{ padding-left:35px; background: url(img/ico_search.gif) no-repeat left; border-bottom:1px dotted #fff; padding-bottom:10px; padding-top:10px; margin-top:10px; color:#fff; font-size:15px; font-weight:normal; }
#npctrl_ContentSearch form			{ margin:0px; padding:0px; }
#npctrl_ContentSearch #btn_search	{ width:80px; cursor:pointer; margin-left:15px; border:1px solid #fff; background-color:#f60; color:#fff; }
#npctrl_ContentSearch #btn_search:hover	{ color:#000; }
#npctrl_ContentSearch #searchfield	{ width:190px; border:1px solid #f60; font-size:12px; }
/* SERVICE: npctrl_LastComments() */
.npctrl_LastComments				{ width:300px; margin:10px; }
.npctrl_LastComments h1				{ padding-left:35px; background: url(img/ico_comments_g.gif) no-repeat left; border-bottom:1px dotted #fff; padding-bottom:10px; padding-top:10px; margin-top:10px; color:#fff; font-size:15px; font-weight:normal; }
.npctrl_LastComments ul				{ margin:0px; padding:0px; list-style:none; }
.npctrl_LastComments ul li			{ width:300px; background:url(img/bg_commentbubble_top.gif) no-repeat; margin-bottom:5px; margin-top:5px!important; }
.npctrl_LastComments .avatarimg		{ width:70px; padding-top:2px; float:left; }
.npctrl_LastComments .newscomment	{ width:210px; float:right; padding:5px 10px 5px 10px; color:#fff; border:none; }
.npctrl_LastComments p				{ margin:0px; padding:0px; font-size:11px; }
.npctrl_LastComments h2				{ margin:0px; padding:0px; }
.npctrl_LastComments .bubblefooter	{ width:300px; height:10px; background:url(img/bg_commentbubble_foot.gif) no-repeat; clear:both; float:none; }
.npctrl_LastComments a				{ font-weight:normal;font-size:11px; }
.npctrl_LastComments a:link			{ font-weight:normal;font-size:11px; }
/* SERVICE: npctrl_ShoutBox() */
#npctrl_Shoutbox					{ width:300px; margin:10px; }
#npctrl_Shoutbox h1					{ padding-left:35px; background: url(img/ico_shoutbox_g.gif) no-repeat left; border-bottom:1px dotted #fff; padding-bottom:10px; padding-top:10px; margin-top:10px; color:#fff; font-size:15px; font-weight:normal; }
#npctrl_Shoutbox ul					{ margin:0px; padding:0px; }
#npctrl_Shoutbox ul li				{ list-style:none; margin:0px; padding:3px; border-top:1px solid #444; }
#npctrl_Shoutbox .shouttxt			{ color:#fff; font-size:11px!important; }
#npctrl_Shoutbox .timestamp			{ font-size:11px!important; }
#npctrl_Shoutbox .shoutuser			{ font-size:11px!important; }
#npctrl_Shoutbox #shoutinput		{ background:url(/_css/img/bg_shoutbox.gif) no-repeat; height:90px; text-align:center; }
#npctrl_Shoutbox #shoutinput img	{ border:1px solid #f60; float:left; }
#npctrl_Shoutbox #shoutinput input	{ width:190px; background-color:#e5e5e5; border:1px solid #e5e5e5; margin:10px 0px 20px 5px; }
/* SERVICE: npctrl_ShowLastStatusChanges() */
#npctrl_ShowLastStatusChanges		{ width:300px; margin:10px; }
#npctrl_ShowLastStatusChanges h1	{ padding-left:35px; background: url(img/ico_user_g.gif) no-repeat left; border-bottom:1px dotted #fff; padding-bottom:10px; padding-top:10px; margin-top:10px; color:#fff; font-size:15px; font-weight:normal; }
#npctrl_ShowLastStatusChanges ul			{ margin:0px; padding:0px; }
#npctrl_ShowLastStatusChanges ul li			{ list-style:none; margin:0px; padding:3px; border-bottom:1px solid #444; }
#npctrl_ShowLastStatusChanges .status		{ color:#fff; font-size:11px!important; }
#npctrl_ShowLastStatusChanges .timestamp	{ font-size:11px!important; }
#npctrl_ShowLastStatusChanges .user			{ font-size:11px!important; }
/* Content */
.hint							{ color:#999!important; font-style:italic; }
.quote							{ display:block; padding:5px 10px 5px 10px; border:1px solid #eee; background-color:#bbb; }
.bold 							{ font-weight:bold; }
.italic 						{ font-style:italic; }
a								{ color:#f60; text-decoration:none; }
a:link							{ color:#f60; text-decoration:none; }
a:hover							{ text-decoration: underline; }
.cleaner						{ float:none; clear:both; }
/* Fehlermeldungen */
#error_contentnotfound			{ margin:50px auto 50px auto!important; padding-bottom:30px; background:url(temp_gfrx/ico_error-48x48_2.gif) 15px 15px #fff no-repeat; float:none; clear:both; width:75%; border:3px solid #f00; }
#error_contentnotfound h2		{ text-align:center; width:100%; color:#f00; margin:20px 0px 30px 0px; }
#error_contentnotfound p		{ text-align:center; padding-top:10px!important; }
#error_contentnotfound a		{ font-weight:bold; color:#f90!important; text-decoration:none; }
#error_contentnotfound a:link	{ font-weight:bold; color:#f90!important; text-decoration:none; }
#error_contentnotfound a:hover	{ text-decoration:underline!important; }
/* TIPSY (jquery-plugin für tooltips */
.tipsy 			{ padding: 5px; font-size:9px!important; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
.tipsy-inner	{ padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-north	{ background-image: url(img_tipsy/tipsy-north.gif); background-position: top center; }
.tipsy-south	{ background-image: url(img_tipsy/tipsy-south.gif); background-position: bottom center; }
.tipsy-east		{ background-image: url(img_tipsy/tipsy-east.gif); background-position: right center; }
.tipsy-west		{ background-image: url(img_tipsy/tipsy-west.gif); background-position: left center; }
/* eCard per BOXY */
#ecard					{ margin:0; padding:0; width:345px; height:300px; text-align:center}
#ecard #ecard_ajaxloader{ margin-top:130px; }
#ecardform				{ margin:10px; padding:10px; text-align:left; }
#ecard_email-label	 	{ display:block; padding-top:10px; font-size:11px; }
#ecard_email			{ width:300px; border:1px solid #555; font-size:11px; }
#ecard_recipient-label	{ display:block; padding-top:10px; font-size:11px; }
#ecard_recipient		{ width:300px; border:1px solid #555; font-size:11px; }
#ecard_comment-label	{ display:block; padding-top:10px; font-size:11px; }
#ecard_comment			{ display:block; width:300px; height:75px; border:1px solid #555; font-size:11px; }
#ecardform .missing		{ border:1px solid #f00; }
#ecardform .malformed	{ color:#f00; }
#ecardform p			{ font-size:11px; }
#ecardform span			{ color:#f00; font-size:11px; }
#ecardform .button		{ margin-top:10px; margin-right:20px; width:85px; border:1px solid #000; background-color:#f60; color:#fff!important; font-size:11px; }
#ecardform .button:hover{ cursor:pointer; color:#000!important; border:1px solid #f60; background-color:#f93; text-decoration:none; }
/* Private Message per BOXY */
#message					{ margin:0; padding:0; width:345px; height:300px; text-align:center}
#message #message_ajaxloader{ margin-top:130px; }
#messageform				{ margin:10px; padding:10px; text-align:left; }
#recipient-label			{ display:block; padding-top:10px; font-size:11px; }
#recipient					{ width:300px; border:1px solid #555; font-size:11px; }
#subject-label				{ display:block; padding-top:10px; font-size:11px; }
#subject					{ width:300px; border:1px solid #555; font-size:11px; }
#messagetext-label			{ display:block; padding-top:10px; font-size:11px; }
#messagetext				{ display:block; width:300px; height:95px; border:1px solid #555; font-size:11px; }
#messageform .missing			{ border:1px solid #f00; }
#messageform p				{ font-size:11px; }
#messageform span			{ color:#f00; font-size:11px; }
#messageform .button		{ margin-top:10px; margin-right:20px; width:85px; border:1px solid #000; background-color:#f60; color:#fff!important; font-size:11px; }
#messageform .button:hover	{ cursor:pointer; color:#000!important; border:1px solid #f60; background-color:#f93; text-decoration:none; }

/* ################################################################################################
	F O O T E R
################################################################################################ */
#footer 						{ background: url(img/bg_footer.gif) no-repeat; width: 980px; height: 80px; clear: both; }
#footer #footerclaim			{ color:#fff; font-size: 11px; font-weight: normal; text-align: center; margin:0px; padding-top:10px; float: none; }
#footer #footerlogos			{ margin:0px; padding-top:10px; text-align:center; }
#footer a 						{ color:#f60; text-decoration:none; font-size: 11px; } 
#footer a:hover 				{ color:#fff; }
#footer a img 					{ border:none; }
/* ########################## T E M P O R Ä R ############################ */
#ad 		{ width:300px; height:250px; margin:10px; background-color:#666; font-size:12px; }
#ad span 	{ display:block; padding-top:20px;text-align:center; color:#999; font-size:10px; }

/* ############
B O X Y - Generell
########### */
.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }
/* Modal */
.boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }
/* Border */
.boxy-wrapper { empty-cells: show; }
.boxy-wrapper .top-left,
.boxy-wrapper .top-right,
.boxy-wrapper .bottom-right,
.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
.boxy-wrapper .top-left { background: url('boxy/boxy-nw.png'); }
.boxy-wrapper .top-right { background: url('boxy/boxy-ne.png'); }
.boxy-wrapper .bottom-right { background: url('boxy/boxy-se.png'); }
.boxy-wrapper .bottom-left { background: url('boxy/boxy-sw.png'); }
/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
/* NB: these must be absolute paths or URLs to your images */
.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_css/boxy/boxy-nw.png'); }
.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_css/boxy/boxy-ne.png'); }
.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_css/boxy/boxy-se.png'); }
.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_css/boxy/boxy-sw.png'); }
.boxy-wrapper .top,
.boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
.boxy-wrapper .left,
.boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
/* Title bar */
.boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; }
.boxy-wrapper .title-bar.dragging { cursor: move; }
.boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
.boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
/* Content Region */
.boxy-inner { background-color: white; padding: 0 }
.boxy-content { padding: 15px; }
/* Question Boxes */
.boxy-wrapper .question { width: 350px; min-height: 80px; }
.boxy-wrapper .answers { text-align: right; }