@CHARSET "UTF-8";

html, body {
	background-color: white;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Tahoma, arial, helvetica, "Bitstream Vera Sans", sans-serif;
	color: #375D7F;
	line-height: 1.5em;
}

html {
	overflow-y: scroll;
}

input, textarea {
	font-size: 12px;
	font-family: Tahoma, arial, helvetica, "Bitstream Vera Sans", sans-serif;	
}

img {
	border: 0;	
}

img.middle {
	vertical-align: middle;	
}

h1 {
	color: #183152;
	font-size: 20px;
	margin: 0 0 15px 20px;	
	line-height: 1.5em;
}

h2 {
	margin-top: 2em;
}

h3 {
	margin: 0;	
}

a, .darker {
	color: #183152;
}

p {
	margin: 5px;	
}

#main {
	margin: 0 auto;
	width: 70.55em;
	padding: 0 20px;
}

#header {
	margin-top: 30px;
}

#content {
	border: 2px solid #ABC8E2;
	border-left: none;
	border-right: none;
	margin: 10px 0 20px 0;
	padding: 20px 0;
}

#footer {
	margin-bottom: 40px;	
}

#footer img {
	vertical-align: middle;	
}

.left {
	float: left;	
}

.right {
	float: right;	
}

.clear {
	float: none;
	clear: both;	
}

.item {
	background: #E1E6FA url("../images/item_bg.png") repeat-x scroll bottom left;	
	font-size: 16px;
	font-weight: bold;
	padding: 20px;
	border: 1px solid #D1D9F8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	line-height: 1.5em;	
}

a.item_link {
	text-decoration: none;	
	border-bottom: 1px solid #183152;
}

a.item_link:hover {
	text-decoration: none;
	border-bottom: 0;
}

.item.margin {
	margin-bottom: 20px;	
}

.item.your {
	background-color: #E1FBE6;	
	border-color: #BCF5C6;
	background-image: url("../images/item_bg_green.png");
}

.item .comment {
	font-size: 12px;
	margin-top: 10px;
	font-weight: normal;
	padding: 0 5px;
	border: 1px solid #D1D9F8; 	
	background-color: #EFF1FC;	
}

.item.your .comment {
	border: 1px solid #BCF5C6; 
	background-color: #ECFDEF;	
}

.item.attention {
	border-color: pink;	
}

ul, ol {
	margin: 0;	
	padding-left: 20px;
}

li {
	margin-bottom: 20px;
}

li.last {
	margin-bottom: 0;
}

.item .smaller {
	font-size: 12px;
	font-weight: normal;
}

.item .smallest {
	font-size: 11px;
	font-weight: normal;
}

.right_block {
	display: block;
	text-align: right;		
}

.red {
	color: #CC0000;
}

.green {
	color: #2C832C;	
}

.medium {
	font-size: 13px;
	font-weight: normal;
}

p.medium {
	color: #183152;	
	margin-left: 0;
}

.f_14 {
	font-size: 14px;	
}

.bold {
	font-weight: bold;	
}

.normal {
	font-weight: normal;	
}

textarea {
	font-size: 13px;
	display: block;
	width: 38.35em;
	height: 10em;
	padding: 0.3em;	
	margin: 1em 0;
	border: 1px solid #cccccc;
}

input[type="text"], input[type="password"] {
	display: block;
	border: 1px solid #cccccc;
	margin: 8px 0;
	font-size: 16px;
	line-height: 1em;
	width: 14.49em;
	padding: 0.378em;
}

input.short {
	width: 8em;	
	float: right;
}

input[type="submit"], input[type="button"] {
	display: block;
	border: 1px solid #183152;
	font-size: 20px;
	font-weight: bold;
	color: white;
	background-color: #183152;
	padding: 0.15em 1em 0.23em 1em;
	line-height: 1.2em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	cursor: pointer;
	margin-top: 10px;
}

input[type="submit"].small_button, input[type="button"].small_button {
	font-size: 11px;
	line-height: 14px;
	height: 22px;
	font-weight: normal;
	background-color: transparent;
	color: #183152;
	text-decoration: underline;
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
	border: 0;
}

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

input[type="submit"].small_button.public, input[type="button"].small_button.public, 
input[type="submit"].small_button.private, input[type="button"].small_button.private,
input[type="submit"].small_button.comment, input[type="button"].small_button.comment,
input[type="submit"].small_button.reply_to, input[type="button"].small_button.reply_to {
	background: transparent url("../images/icon_comment.png") no-repeat scroll 0px 0px;
	border: 0;
	text-decoration: underline;
	padding: 4px 5px 4px 24px;
}

input[type="submit"].small_button.public, input[type="button"].small_button.public {
	background-image: url("../images/icon_public.png");
}

input[type="submit"].small_button.private, input[type="button"].small_button.private {
	background-image: url("../images/icon_private.png");
}

input[type="submit"].small_button.reply_to, input[type="button"].small_button.reply_to {
	background-image: url("../images/icon_reply.png");
}

input[type="submit"].small_button:hover, input[type="button"].small_button:hover {
	background-color: transparent;
	color: #183152;
	text-decoration: none;
	cursor: pointer;	
	width: auto;
	background-position: 0px -22px;
}


a.fb_send_published.publish_small, a.tweet.publish_small {
	display: block;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	text-decoration: underline;
	float: left;
	height: 14px;
	padding: 4px 5px 4px 24px;
	margin-top: 10px;
	background: transparent url("../images/facebook_small.png") no-repeat scroll 0px 0px;
}

a.tweet.publish_small {
	background-image: url("../images/twitter_small.png");
}

a.fb_send_published.publish_small:hover, a.tweet.publish_small:hover {
	background-position: 0px -22px;
	text-decoration: none;
}

input[type="submit"]:hover, input[type="button"]:hover {
	background-color: #375D7F;
	border-color: #375D7F;
	cursor: pointer;	
}

.hidden {
	display: none;	
}

.user {
	text-align: right;	
	font-size: 16px;
	margin-top: 0.6em;
}

.user a {
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid transparent;
	padding-bottom: 1px;
}

.user a:hover {
	border-bottom: 1px solid #183152;
	color: #cc0000;	
}

.blur {
	color: #cccccc;	
}

.light {
	border: 1px solid #D1D9F8; 	
	background-color: #EFF1FC;		
	padding: 20px;
	margin: 20px 0;
}

a.remove_item {
	width: 56px;
	height: 14px;
	display: block;
	background: transparent url("../images/remove.png") no-repeat scroll center center;
}

a.remove_item:hover {
	background-image: url("../images/remove_hover.png");
}

.tweet_this {
	opacity: 0.1;
	filter:alpha(opacity=10);
	-moz-opacity:.10;
}

.item:hover .tweet_this {
	opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
}

.feedback_buttons {
	padding: 0.15em 0em 0.23em 0em;
}

.forgot_password {
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: 11px;
}

.edit_in_place:hover {
	background-color: #EFF1FC;
}

.in_place_text, .in_place_save, .in_place_cancel {
	float:left;
}

input[type="text"].in_place_text {
	width: 20em;	
	font-size: 14px;
	margin: 0 5px 15px 20px;	
}

input[type="button"].in_place_save, input[type="button"].in_place_cancel {
	margin-left:0.5em;
	height:1.4em;
	padding: 0 1em 0.26em 1em;
	margin-top: 1px;
}

input[type="button"].in_place_cancel  {
	background-color: gray;
	border-color: gray;
}

input[type="button"].in_place_cancel:hover  {
	background-color: #375D7F;
	border-color: #375D7F;
	cursor: pointer;	
}