/* Generic */
body		{ font-size: 11px; font-family: Verdana, Sans-Serif; color: #605E5E; padding:0px; margin: 0px; }
body.switch { font-size: 11px; font-family: Verdana, Sans-Serif; color: #FFF; background-color: #000; padding: 0px; margin: 0px; }

a			{ color: #3B5998; text-decoration: none; }
a:hover 	{ text-decoration: underline; }

.switch a	{ color: #FFF; }

form		{ display: inline; }
tr, td		{ padding: 0px; }
table		{ border-collapse: collapse; }
img			{ border: none; }
p			{ padding: 0px 0px 10px; margin: 0px; }
textarea	{ width: 300px; font-family: inherit; font-size: 11px; }
input		{ font-family: inherit; font-size: 11px; }
select		{ font-family: inherit; font-size: 11px; padding: 1px; }

.border_l	{ background: url(../images/body/border_l.gif) repeat-y; }
.border_r	{ background: url(../images/body/border_r.gif) repeat-y; }

.clear		{ clear: both; }


/* Textinputs */
.ta_large		{ width: 98%; height: 200px; }
.tl_large		{ width: 98%; }
.tl_large_ajax	{ width: 98%; background: url(../images/icon_spinner.gif) no-repeat center right; border: 1px solid #A5ACB2; padding: 1px 1px 3px 1px; }


/* Content */
.content			{ padding: 0px 0px 0px; margin-left: 7px; display: block; overflow: visible; }
.empty .content		{ padding: 0px; margin: 0px; display: block; width: auto; }
.switch .content 	{ width: auto; }

.content h5		{ margin: 3px 0px 15px; font-size: 10px; font-weight: normal; }
.content h4		{ font-size: 11px; border-bottom: 1px solid #605E5E; padding: 1px 0px 5px; margin: 0px 0px 5px; font-weight: normal; }
.content h3		{ color: #666666; font-size: 12px; border-bottom: 1px dotted #666666; padding: 5px 0px; }
.content h2		{ color: #000000; font-size: 17px; font-weight: normal;	padding: 0px; margin: 0px 0px 25px;}
.content h2 a	{ float: right;	font-weight: normal; font-size: 11px; margin-top: 4px;}

/* Dashboard */
.dashboard		{ color: #AAA; background-color: #FFF; margin: 0px 0px 0px -7px; padding: 8px 0px 4px 7px; border-bottom: 1px solid #CCC; }
.tagline		{ padding: 15px 0px 0px; }

/* Headlines */
.subhead		{ margin: -20px 1px 20px; }

/* Membershome */
.mh_box			{ margin: 0px 0px 20px; background-color: #F4F4F4; padding: 0px 0px 3px;}
.mh_box h3		{ background-color: #EDEDED; border-bottom: 1px solid #CCC; border-top: 0px; font-weight: bold; padding: 6px 3px; margin: 0px 0px 5px; font-size: 11px;}


/* Labels */
label.top	{ display: block; }


/* Content container */
.content .p		{ margin: 0px 0px 30px; }

.content .pa	{ background-color: #F0F0F0; border-width: 1px 0px; border-color: #DDD; border-style: solid; padding: 10px 5px; margin: 0px 0px 20px; }
.content .pa h3 { margin: -8px 0px 8px; border: 0px; font-size: 11px; }

.content .pb	{ background-color: #F0F0F0; border-width: 1px 0px; border-color: #CCC; border-style: solid; padding: 10px 5px; margin: 0px 0px 20px; }
.content .pb h3 { margin: -10px -5px 8px; padding: 3px 5px; border: 0px; background-color: #DFDFDF; font-size: 11px; }

.content .pc	{ background-color: #FFF; border-width: 1px 0px; border-color: #CCC; border-style: solid; padding: 10px 5px; margin: 0px 0px 20px; }
.content .pc h3 { margin: -10px -5px 8px; padding: 3px 5px; border: 0px; background-color: #DFDFDF; font-size: 11px; }

.hightext		{ line-height: 20px; }

.upright		{ float: right; padding: 0px;}


/* Boxes */
.sidebox	{ margin: 5px 0px 0px 0px; background-image: url(../images/body/stripe_grey.gif); padding: 12px;}
.sidebox h3	{ margin: 0px 0px 12px 0px; font-size: 12px; color: #000000; font-weight: bold; }

.warning	{ padding: 10px; margin: 0px 0px 15px; background-color: #FEFFCF; border-style: solid; border-color: #FF6B8F; border-width: 1px 0px 1px 0px; }
.notice		{ padding: 10px; margin: 0px 0px 15px; background-color: #FFDFCF; border-style: solid; border-color: #FF6B8F; border-width: 1px 0px 1px 0px; }
.inform		{ padding: 10px; margin: 0px 0px 15px; background-color: #F1FFCF; border-style: solid; border-color: #FFD36B; border-width: 1px 0px 1px 0px; }


/* Frontside */
.fs_box		{ width: 300px; height: 80px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; padding: 5px 10px; }
.fs_box h3	{ color: #FFF; margin: 0px 0px 5px; border: 0px;}


/* Tables */
table.flat					{ padding: 0px; border-collapse: collapse; }
table.flat td				{ background-color: #EBEBEB; border-bottom: 3px solid #FFFFFF; padding: 4px 3px 4px 3px; }
table.flat tr.header td		{ background-color: #DFDFDF; border-bottom: 2px solid #BBBBBB; font-weight: bold; }
table.flat tr.footer td		{ border-top: 3px double #BBBBBB; }

.pa table.flat				{ padding: 0px; border-collapse: collapse; }
.pa table.flat td			{ background-color: #F0F0F0; border-bottom: 1px dotted #BBB; padding: 4px 5px 4px 0px; }
.pa table.flat tr.header td	{ background-color: #F0F0F0; border-bottom: 1px solid #BBB; padding-top: 0px; padding-bottom: 2px; color: #999; font-weight: normal; }
.pa table.flat tr.footer td	{ border-top: 3px double #BBBBBB; }

table.flat2 					{ padding: 0px; border-collapse: collapse; }
table.flat2 td					{ background-color: #F4F4F4; border-bottom: 1px dotted #999; border-top: 1px dotted #999; padding: 7px 3px; }
table.flat2 tr.header td		{ background-color: #EDEDED; border-bottom: 1px solid #CCC; border-top: 0px; font-weight: bold; padding: 6px 3px; }
table.flat2 tr.footer td		{ border-top: 3px double #BBBBBB; }

table.form td				{ padding: 1px 0px 5px; }

table.formlite td			{ padding: 0px 0px 5px; }
table.formlite2 td			{ padding: 0px 0px 4px; height: 25px;}
table.formlite3 td			{ padding: 0px 0px 14px; }

/*
table.inbox td				{ padding: 3px 0px 0px; }
table.inbox tr.header td	{ padding: 0px 0px 4px; font-weight: bold; border-bottom: 1px solid #CCC; }
*/

ul.standard				{ padding: 0px; margin: 0px; padding-left: 15px; margin-left: 15px;}
ul.standard li			{ padding: 0px; padding-bottom: 10px;}

/* Menu */
.hovermenu				{ font-family: Verdana; position:relative; margin-top: 5px; display: block; height: 24px; font-size: 10px; font-weight: bold; background: transparent url(../images/menu/bg_on.gif) repeat-x top left; }
.hovermenu ul			{ margin: 0px; padding: 0px; list-style-type: none; width: auto; }
.hovermenu ul li		{ display: block; float: left; margin: 0px 1px 0px 0px; }
.hovermenu ul li a		{ display: block; float: left; color: #fff; text-decoration: none; padding: 6px 5px 0px 5px; height: 24px; }
.hovermenu ul li a:hover, .hovermenu ul li a.current	{color: #000; background: transparent url(../images/menu/bg_off.gif) repeat-x top left; }


/* Submenu in content */
.submenu_h					{ position: relative; margin: 5px 0px 15px; display: block; height: 25px; }
.submenu_h ul				{ padding: 0px; margin: 0px; list-style-type: none; width: auto; }
.submenu_h ul li			{ display: block; float: left; margin: 0px 5px 0px 0px; }
.submenu_h ul li a			{ display: block; float: left; background-color: #DDD; padding: 5px 8px; }
.submenu_h ul li a:hover	{ background-color: #BBB; text-decoration: none; color: white; }


/* Submenu in sidebox */
ul.submenu				{ list-style: none; padding: 0px; margin: 0px; }
ul.submenu li			{ padding: 3px 0px; }
ul.submenu li a			{ display: block; background-color: #BBB; color: #FFF; padding: 7px;} /*{ display: block; background-color: #F10357; color: #FFF; padding: 7px;} */
ul.submenu li a:hover	{ background-color: #999; text-decoration: none; background: #999 url(../images/list_active.gif) no-repeat center right; } /* { background-color: #999; text-decoration: none; background: #999 url(../images/list_active.gif) no-repeat center right; } */
ul.submenu li.current a	{ background: #999 url(../images/list_active.gif) no-repeat center right; } /* { background: #999 url(../images/list_active.gif) no-repeat center right; } */


/* Smallvert link list for search results etc */
ul.smallvert				{ list-style: none; padding: 0px; margin: 0px; }
ul.smallvert li				{ padding: 0px 0px; }
ul.smallvert li a			{ display: block; background-color: #FFF; padding: 3px;}
ul.smallvert li a:hover		{ background-color: #999; text-decoration: none; background-color: #DDD; }
ul.smallvert li.current a	{ background: #999 url(../images/list_active.gif) no-repeat center right; }


/* Friendlist */
ul.friends				{ list-style: none; padding: 0px; margin: 0px; }
ul.friends li			{ padding: 3px 0px; }
ul.friends li a			{ display: block; background: #fff; padding: 5px; border: 1px solid #DDD; padding: 5px 5px 5px 13px; }
ul.friends li a:hover	{ text-decoration: none; background: url(../images/icon_tableft_blue.gif) no-repeat top left;}


/* Buttons */
.button_new	 		{ background: url('../images/buttons/button_new.gif') no-repeat; float: left;}
.button_new .tr 	{ background: url('../images/buttons/button_new.gif') no-repeat top right; }
.button_new .bl 	{ background: url('../images/buttons/button_new.gif') no-repeat bottom left; }
.button_new .br 	{ background: url('../images/buttons/button_new.gif') no-repeat bottom right; }
.button_new span	{ color: #666; display: block; font-size: 11px;	font-weight: bold; padding: 3px 12px 5px; }


/* Progresslist */
ul.progress				{ padding-left: 0px; list-style: none;  margin: 0px; }
ul.progress li			{ padding: 5px 0px 5px 10px; margin-bottom: 15px; }
ul.progress li.active	{ background: #999 url(../images/icon_list_active.gif) no-repeat 96% 50%; color: white;	font-weight: bold;}


/* Image container */
a 		.boxed		{ padding: 4px; border: 1px solid #CCC; }
a:hover	.boxed		{ border: 1px solid #666; }

a 		.boxed_s	{ padding: 2px; border: 1px solid #CCC; }
a:hover	.boxed_s	{ border: 1px solid #666; }

a 		.boxed_l	{ padding: 5px; border: 1px solid #CCC; }
a:hover	.boxed_l	{ border: 1px solid #666; }

/* AJAX */
.spinner_center 	{ padding: 20px 0; background: url(../images/icon_spinner.gif) no-repeat center; }


/* Statusupdater */
.mystatus_off	{ padding: 3px 20px 3px 3px; background-color: #E7E7E7; font-size: 11px; border: 1px solid #BBB; }
.mystatus_on	{ padding: 3px 20px 3px 3px; background-color: #FFF; font-size: 11px; border: 1px solid #BBB; }
.mystatus_update{ padding: 3px 20px 3px 3px; background: #FFF url(../images/icon_spinner.gif) no-repeat center right; font-size: 11px; border: 1px solid #BBB;}
.mystatus_done	{ padding: 3px 20px 3px 3px; background: #E7E7E7 url(../images/icon_checkbox_on.png) no-repeat center right; font-size: 11px; border: 1px solid #BBB;}


/* Picturewall */
.picwall		{ padding: 5px; text-align: center; background: #F0F0F0; border: 1px solid #DDD; }


/* Tagcloud */
.tagcloud		{ text-align: justify; }
.tagcloud a 	{ line-height: 1.4em; padding-right: 0.4em; }
.tagcloud .s1 	{ font-size: 80%; }
.tagcloud .s2 	{ font-size: 90%; }
.tagcloud .s3 	{ font-size: 100%; }
.tagcloud .s4 	{ font-size: 115%; }
.tagcloud .s5 	{ font-size: 150%; }


/* Uploader */
.progressBar	{ width: 100px; display: block;	font-size: 10px; height: 4px; margin-top: 4px; }


/* Rating */
.hi				{ background-image: url(../images/rating_hi.gif); width: 25px; height: 25px; cursor: pointer; float: left;}
.mid			{ background-image: url(../images/rating_mid.gif); width: 25px; height: 25px; float: left;}
.lo				{ background-image: url(../images/rating_lo.gif); width: 25px; height: 25px; float: left;}


/* Clearfix */
.clearfix			{ clear: both; }
.clearfix2:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix2 {height: 1%;}
/* End hide from IE-mac */
