html,body,div,table,td,tr,img { margin:0px; padding:0px; border:0px; vertical-align:top; border-spacing:0px;; }

/* ------------------------------------------------------------------------------------- */

html, body 					{ min-height:100%; height:auto !important; height:100%; }
html, body 					{ font-size:13px; line-height:16px; text-align:center; color:#444444; font-family:arial, helvetica, verdana, serif; }
html, body 					{ background-color:#ffffff; }

/* ------------------------------------------------------------------------------------- */

#ajaxframe 					{ margin:0px; padding:0px; border:0px; width:0px; height:0px; display:none; }

/* ------------------------------------------------------------------------------------- */

#Sharewood 					{ background:#8ccee6; }

/* ------------------------------------------------------------------------------------- */

#FullFrameTop 				{ margin:0px auto; padding:20px 0px 0px 0px; 	background:url(../img/template/background_top.jpg); 		background-repeat:no-repeat; background-position:top center; }
#FullFrameBottom 			{ margin:0px auto; padding:0px 0px 0px 0px; 	background:url(../img/template/background_bottom.jpg); 	background-repeat:no-repeat; background-position:top center; height:500px; }
.widthFrame 				{ margin:0px auto; width:980px; text-align:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

/* ------------------------------------------------------------------------------------- */

#SharewoodHeaderFrame 		{ height:50px; padding:20px; }
#SharewoodHeaderLogo 		{ padding-right:10px; float:left; }
.SharewoodHeaderImage 		{ padding-left:10px; text-align:right; float:right; }
.SharewoodHeaderLinks 		{ text-align:right; float:right; }
.SharewoodHeaderText 		{ width:450px; padding-right:50px; text-align:center; float:right; }
.SharewoodHeaderLine 		{ border-top:1px dotted #ccc; }

/* ------------------------------------------------------------------------------------- */

#ContentFrame 				{ min-height:450px; margin:0px; padding:20px; text-align:left; }
#welcome_page 				{ margin:0px; padding-bottom:20px; text-align:left; background:url(../../images/welcome_page_bg.gif) top right no-repeat; }

/* ------------------------------------------------------------------------------------- */

.ContentTable 				{ width:100%; margin:0px; padding:0px; }

.ContentLeft 				{ padding-right:20px; }
.ContentCenter 				{ padding-right:20px; max-width:760px !important; }	
.ContentRight 				{ }

.ContentFull 				{ width:100%; }
.ContentHalf 				{ width:50%; }

/* ------------------------------------------------------------------------------------- */

.FrameNarrow 				{ width:160px !important; text-align:left; }
.FrameFeed 					{ width:538px; text-align:left; }
.FrameBanners 				{ width:160px; text-align:left; }

.FrameWide1 				{ width:659px; text-align:left; }
.FrameWide2 				{ text-align:left; border:none; }
.FrameFull 					{ width:976px; text-align:left; }

.FrameNews 					{ width:300px; text-align:left; }
.FrameHalf 					{ width:50%; text-align:left; }
.Frame33 					{ width:33%; text-align:left; padding:0px 20px; }

/* CONTENT TABLES */
.content_table				{ padding:0px 0px 20px 0px; min-height:430px; }
.left_column				{ border-right:1px dotted silver; width:232px }

/* CONTENT TABLES WIDTHS */	
.FrameFeed 					{ width:468px; text-align:left; }
.FrameBanners 				{ width:160px; text-align:center;  }


/* ------------------------------------------------------------------------------------- */

.WhiteBackground 			{ background-color:#fff; }
.TopLine 					{ margin:10px 0px 10px 0px; padding:10px 0px 0px 0px; border-top:1px dotted #ccc; }
.BottomLine 				{ margin:0px 0px 10px 0px; padding:0px 0px 10px 0px; border-bottom:1px dotted #ccc; }

/* ------------------------------------------------------------------------------------- */

h1 							{ color:#aed849; font-size:32px; line-height:36px; font-weight:bold; margin-top:0px; }
h2 							{ color:#444444; font-size:18px; line-height:22px; font-weight:bold; }
h3 							{ color:#444444; font-size:16px; line-height:18px; font-weight:bold; margin:0px; padding:0px; }
h4 							{ color:#444444; font-size:13px; line-height:16px; font-weight:bold; margin:0px; padding:0px; }

.Ingress					{ color:#444444; font-size:18px; line-height:22px; font-weight:normal; font-style:italic; }

p  							{ color:#444444; font-size:13px; line-height:16px; font-weight:normal; }
ul  						{ color:#444444; font-size:13px; line-height:16px; font-weight:normal; }
li  						{ color:#444444; font-size:13px; line-height:16px; font-weight:normal; }

a  							{ text-decoration:none; color:#00c2f3; }
a:hover  					{ text-decoration:underline; }
strong						{ font-weight:bold; }

/* ------------------------------------------------------------------------------------- */

.BoxHeader 					{ margin:10px auto; padding:5px; }



/* Navi */
#Navi { 	
	text-align:left;
	vertical-align:top;
	background:#c0d72f;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#99d100), to(#7aa700));
	background:-moz-linear-gradient(#99d100, #7aa700);
	border-bottom:1px solid #fff;
}
#NaviLeft 						{ float:left; }
#NaviRight 						{ float:right; text-align:right; }

.NaviButton						{ float:left; }
.NaviButton A					{ text-decoration:none; padding:10px 15px; color:#fff; display:block; }
.NaviButton A:hover				{ text-decoration:none; background:#7aa700; }
.NaviButtonFocus A				{ text-decoration:none; background:#7aa700; }

.demoNaviButton						{ float:left; }
.demoNaviButton A					{ text-decoration:none; padding:10px 15px; color:silver; display:block; }
.demoNaviButton A:hover				{ text-decoration:none; }
.demoNaviButtonFocus A				{ text-decoration:none; }

/* STATUS UPDATE */
#StatusFrame 					{ padding:5px 10px; background:#eee; }
table#Status 					{ }
table#Status td					{ padding:0px 5px 0px 0px; }
table#Status p					{ margin:0px; padding:3px 0px 0px 0px; }

/* STATUS FORM */
#ds_ajax_status_form 			{ }
#status_new 					{ width:300px; height:19px; padding:0px 5px; border:1px solid #aaa; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#status_ok 						{ width:22px; height:22px; }
#ds_ajax_status 				{ }

/* NAVI SUB - 2 LEVE NAVIGATION IN LEFT TABLE */
.NaviSub 						{ padding:0px; border-top:1px dotted #ccc; }
.NaviSubElement 				{ padding:10px; border-bottom:1px dotted #ccc; color:#333; font-size:14px; }

/* POPUPS */
.pop 							{ margin:10px; padding:10px; text-align:left; background-color:#fff; }

/* comment_area */
.comment_area 					{ font-family:"Lucida Sans", verdana, arial, serif; color:#888888; height:70px; }
.comment_headlineX 				{ padding:4px 0px 4px 6px; margin-bottom:5px; border:1px solid #CCCCCC; font-weight:bold; background-image:url(../images/header.gif); background-repeat:repeat-x; color:#333333; }

/* PROFILE PHOTOS STYLES */
div.media 						{ border:1px solid #D4D4D4; background:#F2F2F2; padding:10px; }
div.media_caption 				{ text-align:left; padding:0px 5px 0px 5px; margin-left:auto; margin-right:auto; }
div.media_title 				{ margin-bottom:2px; font-weight:bold; }
div.media_date 					{ margin-top:10px; font-size:7pt; color:#777777; }

/* CAROUSEL */
td.carousel_item_active 		{ border:1px solid #BBBBBB; background:#EEEEEE; padding:5px; }
td.carousel_item 				{ border:1px solid #CCCCCC; padding:5px; }
td.carousel_item:hover 			{ border:1px solid green; }

/* PHOTO TAG CLASSES */
div.tag_div_hidden 				{ position:absolute; z-index:98; }
div.tag_div 					{ position:absolute; border:2px solid #FFFFFF; z-index:98; }
div.tag_label 					{ position:absolute; padding:3px 5px 3px 5px; border:1px solid #777777; background:#FFFFFF; font-weight:bold; z-index:98; }
div.media_photo_div 			{ position:relative; margin-bottom:10px; margin-left:auto; margin-right:auto; text-align:center; }

div.media_photo_tagform 		{ display:none; border:1px solid #888888; width:150px; position:absolute; opacity:1; background:#FFFFFF; }
div.media_photo_tagform_titlebar{ text-align:left; padding:5px; border-bottom:1px solid #AAAAAA; background:#EEEEEE; font-weight:bold; }
div.media_photo_friendlist 		{ overflow:auto; margin:4px 0px 4px 0px; height:130px; text-align:left; padding-left:4px; border:1px solid #AAAAAA; }

.plusminus p {padding-right:20px}
.dotbot td {border-bottom:1px dotted silver; padding:10px 0px;font:normal 12px arial; text-align:left;}
.yleisboxi { border:1px solid #89bb00; margin-top:10px; border-top-right-radius:5px;	-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-left-radius:5px;	-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;}
.yleisboxi2{ border-top-right-radius:5px;	-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-left-radius:5px;	-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; padding:5px; background-color:#89bb00; font:normal 12px arial; color:white;}

.recentaction_div {
	padding: 10px;
	position: relative;
	width:240px;
	word-wrap:break-word;
}

.outp{font: bold 15px arial,sans-serif; color:#555555}