body {
	font: 13px/20px "Helvetica Neue", Arial, Sans-Serif;
	color: #333;
	background: #FFF;
	/*font-family: 'Lucida Grande', Verdana, sans;*/
	/*font-family: "Andale Mono", "Courier New", Courier, mono;*/
	/*font-family: Georgia, "Times New Roman", Times, serif; */
	padding:0pt;
	margin:0pt;
}
/* OVERRIDE ------------------------------------------------------------------*/
a {cursor:pointer;}


/* HEADERS ------------------------------------------------------------------*/
h1 { font-size:24px; margin: 20px 0 10px 0;  }
h2 { font-size:18px; }
h3 { font-size:14px; }
h4 { font-size:11px; }



/* SEXY BUTTON --------------------------------------------------------------*/
a.button {
    background: transparent url('/images/ui/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
   	height: 16px;
    margin-right: 4px;
    padding-right: 12px;
    text-decoration: none;
		margin-top:6px;
}

a.button span {
    background: transparent url('/images/ui/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 9px;
    padding: 3px 0 4px 12px;

}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none;
}

a.button:active span {
    background-position: bottom left;
    padding: 4px 0 3px 12px;
}


/* LINKS --------------------------------------------------------------------*/
a {	color:#2786C2; text-decoration:none; } /*#009EE4 #1259C7 #136382 */
a:hover { color:#333333; }
a.external { 
	background:transparent url(/images/ui/External.png) no-repeat scroll right center;  
	color: #2D7BB2; 
	padding-right:13px; 
	padding-top:1px;
	display: inline;
}


/* GLOBALS -----------------------------------------------------------------*/
textarea { resize:none; }
.small { font-size: 10px; color:#a2a29d; font-family: 'Lucida Grande', Verdana, sans; }
.medium { font-size: 14px; color:#a2a29d; font-family: 'Lucida Grande', Verdana, sans;}
.lite { color: #888; }
code { font: 13px 'Courier New', Courier, Fixed; }
.feed { background:transparent url(/images/feed-icon-16x16.gif) no-repeat scroll 0pt; padding: 1px 0 1px 20px;}
.left { float:left; } 
.right { float:right; }
img { border: none; }
a img { border: none; border: 0; }
img.profile-icon { width:100px; height:100px; border:none; }
img.profile-icon-tiny { background:#FFF; width:16px; height:16px; }
img.profile-icon-small { background:#FFFFFF; width:24px; height:24px;}
img.profile-icon-medium { background:#FFFFFF; border:1px solid #EEEEEE; width:48px; height:48px;}
img.profile-icon-large { background:#FFFFFF; border:1px solid #EEEEEE; width:100px; height:100px;}


/* SYSTEM MESSAGES -----------------------------------------------------------------*/
.flash-wrapper					{ color:#999966; font-size: 12px; font-family: 'Lucida Grande', Verdana, sans;}
.flash-wrapper #warning { background-color: #cc9999; color:#fff; padding:2px 5px 2px 5px; }
.flash-wrapper #error		{ background-color: #cc9999; color:#fff; padding:2px 5px 2px 5px; }
.flash-wrapper #notice	{ background-color: #ffffcc; color:#999966; padding:2px 5px 2px 5px; }

.errorExplanation h2 { font-size: 1.0em;  }
.errorExplanation ul { color: red; margin-bottom: 20px; }

.fieldWithErrors { color:red; display:inline; }
.flash-email {text-decoration: underline; }



/*textarea dressing*/
textarea 	{ font-size: 1.2em; line-height:1.1em; padding:4px 2px; font-family:'Lucida Grande', sans-serif; height:2.5em; width:600px;}
textarea.commentbox 	{ font-size: 0.9em; padding:4px 2px; font-family:'Lucida Grande', sans-serif; height:28px; width:420px;}

#invitation_note {
	width: 40%;
	padding: 2px;
	font-size:1em;
}
#invitation_recipient_email {
	width: 40%;
	padding: 2px;
	font-size:1em;
}
	
input#post_submit { font-size: 1.2em; width:100px;}

.entity-status { color:#fff; padding: 3px 5px 5px; }
.notaffiliated { background-color:#bbb; }
.monitors			 { background-color:#bbb; }
.active				 { background-color:#bbb; }

#entity-stats li { float:left; margin-right: 30px; font-size: 0.9em;}
#entity-stats span { display:block; font-size: 1.8em; font-weight:normal;} 

#activity-stream {width:610px;}

.post_question 	{ background-color:#39bced;}
.post_idea 			{ background-color:#f58235;}
.post_problem 	{ background-color:#b3262a;}
.post_praise 		{ background-color:#54b948;}

.post_question, .post_idea, .post_problem, .post_praise{
	padding:0px 10px 0px 10px;
	float:left;
	color:#FFF; 
	font-size:0.9em; 
	text-transform:uppercase; 
	letter-spacing:2px;
	margin-right:2px;
}

textarea#post_title  {
	border:1px solid #ccc;
	margin-top:0px;
}
/* post type selection mark */

.new-post-type-selected{
/*	background-image: url(/images/ui/arr.png);
	background-position: center bottom;
	background-repeat: no-repeat;
*/
	color:#000;
	background:#fff;
	}


.post-kind 	{ letter-spacing:2px; font-size:11px; font-weight:normal; text-transform:uppercase; }
.question 	{ color:#39bced; }
.idea 			{ color:#f58235; }
.problem 		{ color:#b3262a; }
.praise 		{ color:#54b948; }

.post-status { letter-spacing:2px; font-size:9px; font-weight:normal; text-transform:uppercase; }
.unanswered { background-color:#bbb; color:#fff; padding:3px 1px 1px 3px; }
.planned 		{ background-color:#bbb; color:#fff; padding:3px 1px 1px 3px; }
.inprogress { background-color:#bbb; color:#fff; padding:3px 1px 1px 3px; }
.completed 	{ background-color:#bbb; color:#fff; padding:3px 1px 1px 3px; }
.rejected 	{ background-color:#bbb; color:#fff; padding:3px 1px 1px 3px; }

.post-unread { font-weight: bold; }
.post-read { font-weight: normal; }
.post { display:block; clear:both; padding-top:2px; }
.post-tools {  }
.post-divider { background-image:url(/images/ui/post-divider.gif); background-position:left center; background-repeat:repeat-x; height:50px; clear:both; display:block; }

.comment { }
.comments { float:right; width:545px; margin-top:7px; margin-bottom: 0px; position:relative;}
.comment-edit-place{display:none;}
.comment-edit-box{ width:450px; margin-bottom:4px;}
textarea.comment-edit-box { font-size: 0.9em; }
.comment-tools { background-color: #f7f7f7; border-bottom: 2px solid #fff; padding:0 8px 0 8px; font-size: 0.95em; display:block; }
.comment-official { background-color: #f1f1f1; border-bottom: 2px solid #fff; padding:8px 8px 8px 8px; font-style:italic; line-height:1.2em; position:relative;}
.comment { background-color: #f1f1f1; border-bottom: 2px solid #fff; padding:8px 8px 8px 8px; line-height:1.3em; clear:both; position:relative;}
.comment-body { width: 93%; position:relative;}
.comment-body-container { width: 440px; position:relative; float:left; display:block; }
.comment-author { margin-right:8px; float:left; }
.comment-user-name { font-weight: bold; }
.comment-user-photo { width:32px; height:32px;} 
.comment-buttons { margin-top:4px; padding-right:10px;}
.commentbox-holder{ display:none; background:#efefef; float:right; width:529px; padding:8px; }

.comment-sorting-selected{ color:#444; }

#commentSpy, #postCommentSpy {display:none;}


ul.posts {	list-style-type: none; margin:0; padding: 0; }
ul.posts li { margin-bottom: 20px; }
ul.posts ul { margin-left:65px; padding: 0; }
ul.posts ul li { margin-bottom: 5px; font-size:0.9em;}


#user-photo { float:left; margin-right:20px; }
.user-photo-small { float:left; margin-right:8px; }
.user-name { }

/*#user-photo img { width:100px; height:100px; }*/
#user-name { font-size:1.6em; font-weight:bold; margin-right:15px; margin-top:5px; }
#user-follow { font-size:14px; font-weight:normal; margin-top:5px; }
#user-memberships li 	{ float:left; width:66px; margin-right: 0px; font-size: 0.9em;}
#user-memberships span { display:block; font-size: 1.8em; font-weight:normal;}
#user-network li 			{ float:left; width:66px; margin-right: 0px; font-size: 0.9em;}
#user-network span 		{ display:block; font-size: 1.8em; font-weight:normal;}
#user-reactions li 		{ float:left; width:66px; margin-right: 0px; font-size: 0.9em;}
#user-reactions span 	{ display:block; font-size: 1.8em; font-weight:normal;}
#user-actions li 			{ float:left; width:66px; margin-right: 0px; font-size: 0.9em;}
#user-actions span 		{ display:block; font-size: 1.8em; font-weight:normal;}
#user-following li 		{ float:left; display:block; line-height:1em; } 
#user-following .userbox { margin-right:15px; width:50px; height:80px; }
#user-following .user-photo { margin:0; padding:0; }
#user-following .user-name { font-size: 10px; color:#a2a29d; font-family: 'Lucida Grande', Verdana, sans; }

.followers { line-height:1.0em; }
.followers ul { line-height:1.0em; }
.followers li { line-height:1.0em; }
.followers .user-name { font-size: 1.2em; font-weight: bold; width:300px; display:inline; }

#entity-participants li 		{ float:left; display:block; line-height:1em; } 
#entity-participants .userbox { margin-right:15px; width:50px; height:80px; }
#entity-participants .user-photo { margin:0; padding:0; }
#entity-participants .user-name { font-size: 10px; color:#a2a29d; font-family: 'Lucida Grande', Verdana, sans; }

.entity-description { margin-bottom:20px; padding-right:50px;}
.postbox { width:543px; float:right;}

/*input.vote-button { margin-top:6px; }*/

input.vote-button
{
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.1em;
	background-color: #FFFFFF;
	color: #333333;
	font-size: 10px;
	letter-spacing: 0.05em;
	height: 18px;
	padding-bottom:6px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-right-color: #999999;
	border-bottom-color: #999999;
	background-image: url(/images/ui/bt_bg.jpg);
	background-repeat: repeat-x;
	text-align:center;
	margin-top:6px;
	padding-left:5px;
	padding-right:5px;
}
input.vote-button:active
{
border: 1px double #CCCCCC;
border-top-color: #999999;
border-left-color: #999999;
} 

.votebox { 
	float:left;
	-moz-border-radius-bottomleft:0.5em;
	-moz-border-radius-bottomright:0.5em;
	-moz-border-radius-topleft:0.5em;
	-moz-border-radius-topright:0.5em;
	border:1px solid #DDD;
	font-size: 1.85em;
	font-weight:bold;
	text-align:center; 
	margin: -1px 7px 20px 0; 
	padding: 9px 5px 5px 5px; 
	width:45px; 
/*	border: solid 1px #c7c7bc; 
*/	line-height:0.85em;
		background: #f8f8f8;
		color:#999;
}

.points {
-moz-border-radius-bottomleft:0.5em;
-moz-border-radius-bottomright:0.5em;
-moz-border-radius-topleft:0.5em;
-moz-border-radius-topright:0.5em;
border:1px solid #CCCCCC;
margin-bottom:2px;
}

/*
#inline-list ul, #inline-list li {
	display: inline;
	margin: 0;
	padding: 0;
	}
#inline-list-gen ul li:after {
	content: ", ";
	}
#inline-list-gen ul li.last:after {
	content: ". ";
	}
*/

form #post-form-holder { position:relative; margin:1em 0; width:607px; padding-top:0px;}
form #post-button { text-align:right; width:607px }
form .counter{
	position:absolute;
/*	right:0;
	top:0;
	font-size:1.9em;
*/
	padding-top:0px;
	color:#ccc;
	right:0;
	top:0px;
	font-size:1.6em;
	}



/*.counter { font-size:1.6em; color:#CCCCCC; position:absolute;}
*/
.warning { color:#5C0002; }
.exceeded { color:red; }

#all_posts { width:610px; padding-top: 25px; }
.action-post { margin-bottom:20px; }

form {display:inline;}
.new_star { height:18px; }
.star-input { background-image: url('/images/ui/comment_star_off.png'); }
.star-input:hover { background-image: url('/images/ui/comment_star_on.png'); }
.star { font-style: normal; font-weight: bold; /*position:absolute; right:0; top:0; */padding:0px; min-width:40px;}
.star-count {color:#888; text-align:right; float:right; margin-right:2px;}
.starimg input, .starimg img { margin-top:2px; float:right; } 

#content ul{line-height:1.6em;}
/*#content li{line-height:1.5em; margin-left:1em;}*/
/*#content h2{margin-top:20px;}*/

#reg_box { margin:0; padding:0; }
#reg_box .label { padding-right:3px; text-align:right; }
#reg_box input, select { margin-bottom:5px; }
#reg_box input { padding:2px; font-size:1.0em; width:210px }
#reg_box .button { margin-top:10px; font-size:1.0em; width:80px; }
label { margin:0; padding:0; line-height:0.9em; }
.form-note { font-size: 10px; line-height:0.8em; color:#a2a29d; font-family: 'Lucida Grande', Verdana, sans; margin:0; padding:0;}


#howmany_holder{
		height:40px;
	}

#howmany_live{
	display:none;
	padding:20px;
	padding-left:25px;
	background-image:url(/images/ui/bell.png);
	background-repeat:no-repeat;
	background-position:left center;
	}

br.clear { clear: both; }
.clearboth { clear:both; }
.hiddenpost { display:none; }
.hiddendivider { display:none; }
.hidden { display:none;}
/*yeni mallar end*/


.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* LAYOUT */

#main { margin:0 auto; width:960px; padding:0; }
	#toolbar-bg { background:#E2E3E4; left:0; position:absolute; width:100%; height:32px; z-index:-1; } 
	#toolbar-bg-notloggedin { background:#E2E3E4; left:0; position:absolute; width:100%; height:55px; z-index:-1; } 
	#toolbar { padding:5px 0 5px 0; z-index:15; width:auto; margin:0; position:relative; }
	#container { margin: 0; }
		#message { margin: 10px 0 10px 0; }
		#header {  }
		#content { float:left; margin:0; padding:0 0 20px 0; width:68%; }
	#footer { padding:5px 0 0 0; margin-top:50px;  font-size: 0.9em; border-top: 1px solid #999; }

#sidebar { 
/*	margin-bottom:20px;
	margin-left:61%;*/
	background-color:#f1f1f1;
	width:30%;
	float:right;
/*	position:absolute;*/
	/*border: 1px solid #333;*/
	padding-bottom:20px;
}

#logo { float:left; letter-spacing:3px; margin-right:10px; font-family: Georgia, "Times New Roman", Times, serif;}
#logo-notloggedin { font-size:2.8em; margin-top:14px; float:left; letter-spacing:10px; margin-right:10px; font-family: Georgia, "Times New Roman", Times, serif; }
#search { width:600px; }
#search input#search_terms { padding: 0 0 0 2px; font-size: 0.9em; color: #136382; margin-top: 0px; }
#search input#submit { font-size: 0.8em; color: #136382; margin-right:7px; }
#loginsignup { margin-top:0px; }
#loginsignup-notloggedin { margin-top:5px; }
.login { width:122px; color:#999;}
.pass  {  width:122px; }
.language-select { font-size: 11px; font-weight:bold; letter-spacing:1px; font-family: "Helvetica Neue", Arial, Sans-Serif;}
.language-select-footer { font-size: 11px; letter-spacing:1px; font-family: "Helvetica Neue", Arial, Sans-Serif;}

#content .item { margin-bottom:10px; }
#content .item p { margin-bottom:10px; }
#content h2 { margin-bottom:0px; }
#content h3 { margin-bottom:10px; }

ul.involved-post {
	border:1px solid #ddd;
	padding-left:3px;
	clear:both;	
}


ul.involved-post-admin {
	border:1px solid #ddd;
	padding-left:3px;
	clear:both;
}

li.involved-post-admin {
	padding:10px;
	
	font-size:18px;
	border-bottom:1px dashed #ccc;
}

a.involved-title {
	border-left:6px solid #ccc;
	padding-left:4px;
}

h2.involved-header, .post-count{
	padding:20px 0 20px;
	float:left;
}

.post-count{
	padding:22px 10px 22px;
	float:left;
}



ul.involved-comment {
	border:1px solid #eee;
}

ul.involved-comment li{
	border-top:1px solid #ddd;
	padding-left:10px;
}

ul.involved-comment li a{
	/*color:#ccc;*/
}


.sidebox { padding:0 10px 0 10px; }
.sidebox h3 { border-bottom: 1px solid #999; margin: 18px 0 10px 0;}

ul.people {
	border-top:1px solid #EEEEEE; 
	padding:0; margin:0;
	line-height:130%;
}

ul.people li { 
	display: block; 
  padding: 0.4em 4.5em 0.4em 0.5em;
	border-bottom:1px solid #EEEEEE; 
}

ul.feeds {
	border-top:1px solid #EEEEEE; 
	padding:0; 
	margin:0;
	line-height:110%;
}
ul.feeds li { 
	display: block; 
  padding: 0.4em 4.5em 1.2em 0.5em;
	border-bottom:1px solid #EEEEEE; 
}
ul.feeds li .title a {
	font-size:1em;
	font-weight:bold;
	padding-left:1.1em;
}
ul.feeds li .url { 
	color:#008000;
	display: block;
	font-size:0.85em;
}
ul.feeds li .subtitle { 
	color:#5B6264;
	display: block;
	font-size:0.85em;
}
ul.feeds li .subscribe {
	font-size:0.85em;
}
ul.feeds li .subscribe a.subscribe { 
	font-size:0.85em;
	font-weight: bold;
	border: 1px solid #2D7BB2;
	padding: 0.2em 0.4em 0.2em 0.4em;
	margin-right:0.6em;
}
ul.feeds li .subscribers { 
	font-size:0.85em;
}





/* tabs ----------------------------------------------------------*/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
/*    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;*/
		/* border-bottom:1px solid #ccc; */
		width:610px;

}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
	  border-bottom:1px solid #ccc;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
		background:#fff;
/*    background: url("../images/ui/tab.png") no-repeat;
*/}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    /*border-top: 1px solid #97a5b0;
        */

	  padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url("/images/ui/loading.gif") no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

.ui-tabs-selected {border-top:1px solid #bbb; border-left:1px solid #bbb; border-right:1px solid #bbb;}

li.ui-state-default a, li.ui-state-default span { background:#efefef;}
li.ui-tabs-selected a, li.ui-tabs-selected span {background:#fff;}