Ziliot Business Discovery Network (Admin)

CSS
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	}
body {
	line-height: 1;
	}
blockquote, q {
	quotes: none;
	}

/* remember to define focus styles! */
:focus {
	outline: 0;
	}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

html {
	height: 100%;
	background: #eee url(../images/bg.png) repeat-x left top;
	}
	body {
		position: relative;
		margin: 0 auto;
		font: normal 12px/18px Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
		color: #333;
		}

		#header,
		#content,
		#footer .wrap {
			margin: 0 auto;
			width: 963px;
			}

		.field input,
		.field select,
		.field textarea,
		.field,
		.button input {
			font: normal 12px/18px Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
			}

		a {color: #0054a6; text-decoration: none}
		a:hover {text-decoration: underline}

		#header .menu li,
		#article .t-menu li,
		#article .s-menu li,
		#footer .menu li {
			list-style: none;
			}

/* Header
--------------------------------------------------------------------------------------- */
#header {
	position: relative;
	overflow: hidden;
	height: 39px;
	}
	#header .logo {
		float: left;
		margin-top: 5px;
		width: 135px;
		height: 58px;
		text-indent: -9999em;
		background: url(../images/logo-ziliot.png) no-repeat left top;
		}

	#header .menu {
		float: left;
		padding-left: 100px;
		}
		#header .menu li {
			float: left;
			}
			#header .menu li a {
				float: left;
				padding: 0 7px;
				height: 39px;
				line-height: 39px;
				font-weight: bold;
				text-decoration: none;
				color: #fff;
				}
			#header .menu li a:hover {
				background: url(../images/menu-bg-a.png) repeat-x left top;
				}
			#header .menu li.active a {
				background: url(../images/menu-bg-a.png) repeat-x left top;
				}

				#header .menu li a .t {
					float: left;
					padding-left: 23px;
					background: url(../images/icons/menu.png) no-repeat left top
					}
				#header .menu li.profile a .t {background-position: left -78px}
				#header .menu li.messages a .t {background-position: left -156px}
				#header .menu li.log-out a .t {background-position: left -234px; color: #a2a2a2;}

				#header .menu li.home.active a .t,
				#header .menu li.home a:hover .t {background-position: left -39px;}
				#header .menu li.profile.active a .t,
				#header .menu li.profile a:hover .t {background-position: left -117px}
				#header .menu li.messages.active a .t,
				#header .menu li.messages a:hover .t {background-position: left -195px}
				#header .menu li.log-out.active a .t,
				#header .menu li.log-out a:hover .t {background-position: left -273px; color: #fff;}

				#header .menu li a .total {
					float: left;
					width: 15px;
					margin-left: 2px;
					line-height: 26px;
					font-size: 9px;
					text-indent: 2px;
					background: url(../images/icons/total.png) no-repeat center top;
					}
				#header .menu li a:hover .total {
					background-position: left -39px;
					color: #000;
					}

	#header .search {
		float: right;
		margin-top: 8px;
		height: 21px;
		background: url(../images/search2-bg.png) no-repeat left top;
		}
		#header .search fieldset {
			float: left;
			}
			#header .search input.field {
				float: left;
				width: 165px;
				height: 21px;
				line-height: 21px;
				font-style: italic;
				text-indent: 7px;
				background: none;
				border: none;
				color: #252525;
				}
		#header .search .button {
			z-index: 1;
			position: relative;
			float: left;
			width: 41px;
			height: 21px;
			background: url(../images/search2-button.png) no-repeat left top;
			}
			#header .search .button input {
				z-index: 3;
				position: relative;
				float: left;
				padding: 0;
				width: 25px;
				height: 21px;
				line-height: 0;
				font-size: 0;
				background: none;
				border: none;
				color: #777;
				cursor: pointer;
				}
			#header .search .button select {
				z-index: 2;
				position: absolute;
				top: 0;
				right: 0;
				float: left;
				width: 100%;
				height: 21px;
				border: none;
				opacity: 0;
				filter:alpha(opacity=0);
				cursor: pointer;
				}
/* Middle
--------------------------------------------------------------------------------------- */
#content {
	overflow: hidden;
	padding: 27px 0 20px;
	}
	#content img {
		float: left;
		border: 1px solid #d9d9d9;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
		}
	#content img.left {
		float: left;
		margin-right: 10px;
		}
	#content #aside .block {
		margin-bottom: 28px;
		}
	#content #bside .block {
		margin-bottom: 2px;
		}
		#content .block .t,
		#content .block .t div,
		#content .block .b,
		#content .block .b div {
			height: 8px;
			line-height: 0;
			font-size: 0;
			background: url(../images/block-tb.png) no-repeat left top;
			}
		#content #bside .block .t,
		#content #bside .block .t div,
		#content #bside .block .b,
		#content #bside .block .b div {
			background-image: url(../images/block2-tb.png);
			}
		#content .block .t {
			padding-right: 9px;
			background-position: right -8px;
			}
			#content .block .t div {
				background-position: left top;
				}
		#content .block .b {
			height: 10px;
			padding-right: 9px;
			background-position: right -26px;
			}
			#content .block .b div {
				height: 10px;
				background-position: left -16px;
				}
		#content .block .m {
			padding: 0 12px 0 10px;
			background: url(../images/block-bg.png) repeat-y right top;
			}
		#content #bside .block .m {
			background-image: url(../images/block2-bg.png);
			}
		#content .block .header {
			overflow: hidden;
			padding-top: 2px;
			}
		#content #article.block .header {
			padding: 19px 0 17px 0;
			}
			#content .block .header .actions {
				overflow: hidden;
				float: right;
				margin-right: 2px;
				padding-top: 4px;
				}
			#content #article .header .actions {
				padding-top: 0;
				}
				#content .block .header .actions a {
					float: left;
					margin-left: 4px;
					height: 12px;
					width: 8px;
					text-indent: -9999em;
					background: url(../images/icons/actions.png) no-repeat left top;
					}
				#content .block .header .actions .options {width: 9px}
				#content .block .header .actions .minus    {background-position: -13px top}
				#content .block .header .actions .plus      {background-position: -25px top}
				#content .block .header .actions .close    {background-position: -37px top}
				#content .block .header .actions .options:hover {background-position: left bottom}
				#content .block .header .actions .minus:hover    {background-position: -13px bottom}
				#content .block .header .actions .plus:hover      {background-position: -25px bottom}
				#content .block .header .actions .close:hover    {background-position: -37px bottom}

			#content .block .header .s-menu {
				float: left;
				}
				#content .block .header .s-menu li {
					float: left;
					padding-right: 4px;
					}
					#content .block .header .s-menu li a {
						float: left;
						padding-right: 5px;
						height: 17px;
						}
						#content .block .header .s-menu li a span {
							float: left;
							padding: 0 8px 0 13px;
							height: 17px;
							line-height: 17px;
							}
					#content .block .header .s-menu li a:hover {
						text-decoration: none;
						background: url(../images/s-menu-bg.png) no-repeat right -17px;
						}
						#content .block .header .s-menu li a:hover span {
							background: url(../images/s-menu-bg.png) no-repeat left top;
							}
					#content .block .header .s-menu li.active a:hover,
					#content .block .header .s-menu li.active a {
						background: url(../images/s-menu-bg.png) no-repeat right bottom;
						}
						#content .block .header .s-menu li.active a:hover span,
						#content .block .header .s-menu li.active a span {
							background: url(../images/s-menu-bg.png) no-repeat left -34px;
							color: #fff;
							}

	#content .feed {
		position: relative;
		margin-top: 7px;
		padding-top: 16px;
		border-top: 1px solid #e9e9e9;
		}
		#content .feed dl {
			overflow: hidden;
			}
		#content .feed .f-title {
			padding-bottom: 7px;
			line-height: 14px;
			font-size: 11px;
			color: #666666;
			}
		#content #aside .feed .f-title {
			padding-bottom: 3px;
			}
			#content .feed .f-title dd {
				margin-left: 46px;
				}
			#content #article .feed dd {
				margin-left: 95px;
				}
				#content .feed .f-title dd a.follow {
					display: block;
					color: #c9272d;
					}
					#content .feed .f-title dd a.follow span {
						float: left;
						padding: 0 3px 0 3px;
						background: #eee;
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
						-ms-border-radius: 5px;
						border-radius: 5px;
						}
				#content .feed .f-title dd a.follow:hover {
					text-decoration: none;
					color: #eee;
					}
					#content .feed .f-title dd a.follow:hover span {
						background: #c9272d;
						}

	#content .feed.first {
		margin-top: 0;
		border-top: none;
		}
	#content #aside .feed p {
		line-height: 16px;
		font-size: 11px;
		}

	#content #article .feed:hover dd .close {
		display: block;
		}
	#content #article .feed dd .close {
		position: absolute;
		top: 16px;
		right: 0;
		display: none;
		width: 14px;
		height: 15px;
		text-indent: -9999em;
		background: url(../images/icons/close.png) no-repeat left top;
		}
	#content #article .feed dd .close:hover {
		background-position: left -15px;
		}

	#aside {
		float: left;
		margin-right: 28px;
		width: 207px;
		}
		#aside .block .title {
			font-family: Georgia;
			font-size: 18px;
			color: #666666;
			}

	#bside {
		float: right;
		width: 207px;
		}
		#bside .profile {
			position: relative;
			}
			#bside .profile .arrow {
				position: absolute;
				top: -12px;
				left: -9px;
				width: 25px;
				height: 27px;
				background: url(../images/profile-arrow.png) no-repeat left top;
				}
			#bside .profile img.profile {
				float: none;
				display: block;
				margin: 8px auto;
				}
			#bside .profile .info .edit {
				float: right;
				font-size: 11px;
				}

		#bside .block .p {
			overflow: hidden;
			padding-top: 10px;
			}
			#bside .block .p dd {
				margin-left: 60px;
				}
		#bside .block.open div.title {
			padding-bottom: 3px;
			border-bottom: 1px solid #d7d7d7;
			}
		#bside .block div.search {
			padding-top: 6px;
			overflow: hidden;
			border-top: 1px solid #fff;
			}
			#bside .block div.search .search {
				float: left;
				overflow: hidden;
				height: 16px;
				background: url(../images/search-bg.png) no-repeat left top;
				}
				#bside .block div.search .search fieldset {
					float: left;
					}
					#bside .block div.search .search input.text {
						width: 115px;
						padding: 0;
						font-style: italic;
						text-indent: 5px;
						background: none;
						border: none;
						color: #252525;
						}
				#bside .block div.search .search .button {
					float: left;
					}
					#bside .block div.search .search .button input {
						float: left;
						width: 21px;
						height: 16px;
						line-height: 0;
						font-size: 0;
						background: url(../images/search-button.png) no-repeat left top;
						border: none;
						color: #777;
						cursor: pointer;
						}
			#bside .block div.search .see-all {
				float: right;
				font-size: 11px;
				}

		#bside .block .m a {
			text-shadow: 1px 1px #fff;
			}
		#bside .block .total {
			float: right;
			text-shadow: 1px 1px #fff;
			color: #000;
			}
		#bside .block .total:hover {
			text-decoration: underline;
			}
		#bside .block .b-wrap {
			display: none;
			}

	#article {
		float: left;
		margin-right: 28px;
		width: 492px;
		}
		#article .t-menu {
			overflow: hidden;
			background: url(../images/t-menu-bg.png) no-repeat left top;
			}
			#article .t-menu li {
				float: left;
				}
				#article .t-menu li a {
					float: left;
					padding: 0 15px;
					height: 37px;
					line-height: 37px;
					font-size: 14px;
					background: url(../images/t-menu-spacer.png) repeat-y right top;
					color: #666666;
					text-shadow: 1px 1px #fbfbfb;
					}
				#article .t-menu li a:hover,
				#article .t-menu li.active a:hover {
					text-decoration: none;
					color: #000;
					}
				#article .t-menu li.first.active a {
					background: transparent url(../images/t-menu-first.png) no-repeat left top;
					}

		#article .message {
			overflow: hidden;
			padding-right: 15px;
			}
		#article .field {
			padding-right: 4px;
			background: url(../images/field.png) no-repeat right -25px;
			}
		#article .details .field {
			margin-top: 6px;
			}
		#article .details .message .field {
			margin-top: 0;
			}
			#article .field input {
				width: 100%;
				height: 25px;
				line-height: 25px;
				text-indent: 7px;
				background: url(../images/field.png) no-repeat left top;
				border: none;
				color: #a2a2a2;
				}

			#content #article .message .actions {
				overflow: hidden;
				padding-top: 4px;
				}
			#article form.comment .actions {
				display: none;
				}
				#article .message .actions .button {
					float: right;
					padding-right: 6px;
					background: url(../images/button.png) no-repeat right -23px;
					}
					#article .message .actions .button input {
						float: left;
						margin: 0;
						padding: 0 2px 0 8px;
						height: 23px;
						line-height: 23px;
						font-size: 11px;
						font-weight: bold;
						background: url(../images/button.png) no-repeat left top;
						border: none;
						color: #fff;
						cursor: pointer;
						}
				#article .message .actions .button:hover {
					background-position: right -69px;
					}
					#article .message .actions .button:hover input {
						background-position: left -46px;
						}

		#article .text {
			overflow: hidden;
			}
			#article .text .title {
				display: block;
				font-weight: bold;
				color: #333;
				}

		#article .social {
			padding: 0 16px 10px 0;
			font-size: 11px;
			}

			#article .social .s-actions {
				display: none;
				padding-top: 4px;
				line-height: 23px;
				}
				#article .social .s-actions .recommend {
					margin-right: 5px;
					padding: 3px 0 3px 21px;
					background: url(../images/icons/recommend.png) no-repeat left center;
					}
				#article .social .s-actions .comment {
					padding: 3px 0 3px 21px;
					background: url(../images/icons/comment.png) no-repeat left center;
					}

			#article .social .details {
				overflow: hidden;
				padding-top: 8px;
				background: url(../images/arrow-up.png) no-repeat 26px top;
				}
				#article .social .s-title {
					margin: 0 0 3px;
					padding: 2px 5px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					-ms-border-radius: 5px;
					border-radius: 5px;
					background: #eee;
					text-shadow: 1px 1px #fff;
					}
					#article .social .s-title .comments {
						padding: 3px 0 3px 20px;
						background: url(../images/icons/comments.png) no-repeat left center;
						}
					#article .social .s-title .private {
						float: right;
						}

				#article .social dl.comment {
					margin: 0 0 3px;
					padding: 9px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					-ms-border-radius: 5px;
					border-radius: 5px;
					background: #eee;
					}
				#article .social form.comment {
					padding: 0;
					background: none;
					}
					#content #article .social .comment dd {
						margin-left: 42px;
						font-size: 12px;
						}
						#article .social .comment dd .datetime {
							font-size: 11px;
							color: #666666;
							}
					#article .social .comment .c-title {
						display: none;
						float: left;
						margin-right: 9px;
						}

				#article .message .field {
					background: none;
					padding-right: 0;
					}
					#article .message .t {
						height: 7px;
						padding-right: 4px;
						background-image: url(../images/field1.png);
						}
						#article .message .t div {
							background-image: url(../images/field1.png);
							}
					#article .message .b {
						height: 7px;
						padding-right: 4px;
						background-image: url(../images/field1.png);
						background-position: right -21px;
						}
						#article .message .b div {
							background-image: url(../images/field1.png);
							background-position: left -14px;
							}
					#article .message .m {
						padding: 0 0 0 5px;
						background: none;
						background: url(../images/field1-m.png) repeat-y left top;
						}
						#article .message .m div {
							padding: 0 5px 0 0;
							background: url(../images/field1-m2.png) repeat-y right top;
							}
							#article .message .m textarea {
								overflow: hidden;
								margin: 0;
								width: 100%;
								height: 15px;
								border: none;
								background: none;
								color: #A2A2A2;
								}

		#article form.message.c-open  {
			margin: 0 0 3px;
			padding: 9px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			border-radius: 5px;
			background: #eee;
			}
			#article .message.c-open .c-title ,
			#article .message.c-open .actions  {
				display: block;
				}
/* Footer
--------------------------------------------------------------------------------------- */
#footer {
	padding: 36px 0;
	height: 32px;
	background: #fff;
	}
	#footer .copy {
		float: left;
		line-height: 14px;
		font-size: 11px;
		}
	#footer .logo {
		padding-right: 65px;
		padding-left: 40px;
		background: url(../images/logo-ziliot-small.png) no-repeat left center;
		}
	#footer .menu {
		float: left;
		line-height: 36px;
		}
		#footer .menu li {
			display: inline;
			line-height: 36px;
			padding: 0 24px;
			}
			#footer .menu li a {
				line-height: 36px;
				font-weight: bold;
				color: #666666;
				}
			#footer .menu li.active a {
				color: #c9282e;
				}

	#footer .support {
		float: right;
		margin-top: -71px;
		padding: 94px 0 0 130px;
		width: 100px;
		height: 45px;
		font-size: 20px;
		background: url(../images/support.png) no-repeat left top;
		color: #fff;
		text-shadow: 1px 1px #641316;
		}