/*WORK CLASSES START*/

/* =front
-------------------------------------------------- */
.front {
	background: #3e3e3e;
}

.content-front {
	position: relative;
	background: #3e3e3e;
	padding: 90px 0 0 40px;
	min-width: 960px;
	color: #ccc;
}


/* =forum
-------------------------------------------------- */
.content-forum {
	position: relative;
	width: 960px;
	padding: 29px 0 40px 40px;
}
.content-forum .content-header {
	height: 49px;
	background-color: rgba(255, 255, 255, 0.90);
	border-bottom: 1px solid #f0f0f0;
}

.content-forum .content-header h1 {
	color: #000;
}

.content-forum #forum LI:first-child .name { padding-top: 36px; }
.content-forum #forum LI:first-child .content { padding-top: 20px; }

.addpost {
	width: auto;
	padding: 0;
}

.addpost .content-header {
	position: relative !important;
	left: auto !important;
}


/* =profile
-------------------------------------------------- */

.profile {
	background-color: #3e3e3e;
}

.content-profile {
	background: #3e3e3e;
	padding: 0 0 0 0;
	min-width: 960px;
	color: #ccc;
	overflow: hidden;
}

.content-profile .content-header {
	position: relative;
	left: auto;
}

.content-profile .content-header h1 {
	margin-left: 40px;
}

.content-profile #works-outer {
	margin: 40px 0 0 40px;
}

.editprofile {
	background: #fff;
	padding: 40px 40px 0 40px;
}


/* =work detail
-------------------------------------------------- */

.content-workdetail {
	position: relative;
	background: #3e3e3e;
	padding: 90px 0 0 40px;
	min-width: 960px;
	color: #ccc;
}

.content-workcomments {
	width: 960px;
	padding: 20px 0 40px 40px;
}

.content-header {
	position: fixed;
	top: 0;
	left: 250px;
	right: 0;
	max-width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
	background-color: rgba(38, 38, 38, 0.9);
	z-index: 101;
}

.content-header h1 {
	display: block;
	float: left;
	font-size: 22px;
	line-height: 26px;
	color: #fff;
	margin: 12px 0 0 25px;
}

.content-header h1 a {
	color: #fff;
}

.workcat {
	display: block;
	float: left;
	margin: 16px 0 0 20px;
	font-size: 13px;
}

.workcat a { color: #999; }
.workcat a:hover { color: #00bfff !important; }

.worktime {
	position: absolute;
	top: 16px;
	left: 880px;
	width: 120px;
	margin: 0;
	font-size: 13px;
	text-align: right;
	color: #999;
}

.workurl {
	position: absolute;
	top: 10px;
	left: 1030px;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
}

.workurl A {
	display: block;
	float: left;
	color: #00bfff;
	padding: 5px 10px 5px 10px;
}

.workurl A:hover {
	color: #fff !important;
}

.workmedia-box {
	float: left;
	width: 960px;
	margin: 0 0 0 0;
}

.workmedia {
	margin: 0;
}

.workmedia li {
	margin: 0 0 40px 0;
}

.workmedia img {
	display: block;
	overflow:hidden;
	width: 100%;
}

.workmedia .txt P {
	margin: 1em 50px 0 50px;
	font-size: 16px;
	line-height: 24px;
}

.workmedia .txt STRONG {
	color: #fff;
}

.workinfo {
	padding: 0 20px 40px 1000px;
	margin: -10px 0 0 0;
	max-width: 400px;
	min-width: 200px;
}

.workinfo .item {
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
}

.workinfo h2 {
	display: block;
	height: 20px;
	padding: 0;
	margin: 0 0 25px 0;
	line-height: 20px;
	border-bottom: 1px solid #666;
	text-align: center;
}

.workinfo h2 span {
	display: inline-block;
	padding: 0 10px;
	margin: 10px 0 0 0;
	background: #3e3e3e;
	font-size: 12px;
	font-weight: normal;
	color: #ccc;
	text-transform: uppercase;
}

.workinfo a {
	color: #33ccff;
	text-decoration: none;
}

.workinfo a:hover {
	color: #fff !important;
}

.workinfo .item p {
	margin: 0 0 0 0;
	font-size: 13px;
}

.workinfo h3 {
	display: block;
	position: relative;
	height: 40px;
	margin: 0 0 0 0;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.workinfo h3 a {
	display: inline-block;
	height: 40px;
	padding: 0 10px 0 55px;
	font-size: 18px;
	line-height: 39px;
	font-weight: normal;
	color: #fff;
}

.workinfo h3 a:hover {
	color: #33ccff !important;
}

.workinfo h3 img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 40px;
	width: 40px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	opacity: 1;
}

.people {
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
	font-size: 13px;
}

.people LI {
	display: block;
	position: relative;
	line-height: normal;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 35px;
	border-top: 1px dotted #525252;
	white-space: nowrap;
	line-height: 34px;
}

.people LI:last-child {
	border-bottom: 1px dotted #525252;
}

.people .role {
	display: block;
	float: left;
	width: 45%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.people .person {
	display: block;
	float: left;
	width: 55%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-weight: normal;
}

.people .person SPAN {
	position: relative;
	display: block;
	line-height: 34px;
	padding: 0 0 0 32px;
}

.people A {
	display: block;
	padding: 0 5px 0 0;
	margin: 0 0 0 0;
}

.people IMG {
	position: absolute;
	top: 5px;
	left: 0;
	height: 25px;
	width: 25px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	opacity: 0.80;
}

.people A:hover IMG { opacity: 1; }

/* =heart
-------------------------------------------------- */
.work-heart {
	position: relative;
	width: 88px;
	height: 104px;
	margin: 40px auto 0;
}
.heart-text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 88px;
	text-align: center;
	color: #ccc;
}
.work-heart.active .heart-text {
	color: #fff !important;
}
.heart-button {
	position: absolute;
	left: 0;
	top: 0;
	width: 88px;
	height: 72px;
	z-index: 99;
}
.heart-button.can-interact {
	cursor: pointer;
}

.work-heart .px {
	position: absolute;
	width: 8px;
	height: 8px;
	background-color: #fff;
}
.work-heart.active .px {
	background-color: #f66;
	opacity: 1;
}

.work-heart .inner {
	opacity: 0;
}

.s1 { left: 40px; top: 64px; }
.s2 { left: 32px; top: 56px; }
.s3 { left: 24px; top: 48px; }
.s4 { left: 16px; top: 40px; }
.s5 { left: 8px; top: 32px; }
.s6 { left: 0; top: 24px; }
.s7 { left: 0; top: 16px; }
.s8 { left: 8px; top: 8px; }
.s9 { left: 16px; top: 0; }
.s10 { left: 24px; top: 0; }
.s11 { left: 32px; top: 8px; }
.s12 { left: 40px; top: 16px; }
.s13 { left: 48px; top: 8px; }
.s14 { left: 56px; top: 0; }
.s15 { left: 64px; top: 0; }
.s16 { left: 72px; top: 8px; }
.s17 { left: 80px; top: 16px; }
.s18 { left: 80px; top: 24px; }
.s19 { left: 72px; top: 32px; }
.s20 { left: 64px; top: 40px; }
.s21 { left: 56px; top: 48px; }
.s22 { left: 48px; top: 56px; }

.s23 { left: 16px; top: 8px; }
.s24 { left: 8px; top: 16px; }
.s25 { left: 8px; top: 24px; }
.s26 { left: 16px; top: 16px; }
.s27 { left: 24px; top: 8px; }
.s28 { left: 24px; top: 16px; }
.s29 { left: 16px; top: 24px; }

.s30 { left: 16px; top: 32px; }
.s31 { left: 24px; top: 24px; }
.s32 { left: 32px; top: 16px; }

.s33 { left: 32px; top: 24px; }
.s34 { left: 24px; top: 32px; }

.s35 { left: 24px; top: 40px; }

.s36 { left: 32px; top: 32px; }
.s37 { left: 40px; top: 24px; }

.s38 { left: 40px; top: 32px; }
.s39 { left: 32px; top: 40px; }

.s40 { left: 32px; top: 48px; }

.s41 { left: 40px; top: 40px; }
.s42 { left: 40px; top: 48px; }
.s43 { left: 40px; top: 56px; }

.s44 { left: 48px; top: 48px; }
.s45 { left: 48px; top: 40px; }
.s46 { left: 56px; top: 40px; }
.s47 { left: 48px; top: 32px; }
.s48 { left: 48px; top: 24px; }
.s49 { left: 56px; top: 32px; }
.s50 { left: 64px; top: 32px; }
.s51 { left: 56px; top: 24px; }
.s52 { left: 48px; top: 16px; }
.s53 { left: 56px; top: 16px; }
.s54 { left: 64px; top: 24px; }
.s55 { left: 72px; top: 24px; }
.s56 { left: 64px; top: 16px; }
.s57 { left: 56px; top: 8px; }
.s58 { left: 64px; top: 8px; }
.s59 { left: 72px; top: 16px; }

/* =sortable
-------------------------------------------------- */
.sortable-chosen-person {
	background: #ffff98;
	cursor: move;
}

/* =file upload
-------------------------------------------------- */
.file-upload-zone {
	display: block;
	overflow: hidden;
	margin-bottom: .5em;
	cursor: pointer;
	border: 1px solid #c8c8c8;
	border-radius: 3px;
	font-weight: bold;
	max-width: 200px;
	background: #f7f7f7;
	color: #00a9ff;
	text-align: center;
	width: 100%;
}
.file-upload-zone:hover {
	border-color: #adadad;
	box-shadow: 0 0 2px #ccc;
}

.file-upload-zone.avatar {
	max-width: 120px;
	margin-top: .5em;
}

.file-upload-zone.active {
	border-color: #adadad;
	box-shadow: 0 0 2px #ccc;
	color: #00a9ff;
}

.file-upload-label {
	display: block;
	padding: .4em .5em .3em;
}
.file-upload {
	display: none;
	width: 0;
	height: 0;
}

.file-upload-progress {
	display: none;
	width: 0;
	height: 2.3em;
	background: #ccc;
}
.file-upload-error {
	display: none;
	color: #f33;
	margin-top: .3em;
}
.file-upload-message {
	display: none;
	color: #090;
	margin-top: .3em;
}

@media screen and (max-width: 1550px) {
	.workmedia-box {
		width: 800px;
	}

	.workinfo {
		padding-left: 840px;
	}

	.workurl {
		left: 870px;
	}

	.worktime {
		left: 720px;
	}
}

@media screen and (max-width: 1380px) {
	.content-workdetail {
		padding-left: 30px;
	}

	.workmedia-box {
		width: 680px;
	}

	.workmedia li {
		margin-bottom: 30px;
	}

	.workinfo {
		padding-left: 710px;
		padding-right: 10px;

	}
	.workurl {
		left: 730px;
	}

	.worktime {
		left: 590px;
	}

}
/* /responsive */
/*WORK CLASSES END*/


html, body, div, span, applet, object, iframe, h1, h2, h3, p, blockquote, pre, a, address, code, del, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
h2, h3, p, ul, ol, dl, table {
	margin-top: 1em;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
	font-style: italic;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td {
	text-align: left;
	vertical-align: top;
}
dt, th {
	font-weight: normal;
}

.clear:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
* html .clear {
	height: 1px;
}
*+html .clear {
	min-height: 1px;
}

/* =general
-------------------------------------------------- */
BODY {
	line-height: 19px;
}
BODY, INPUT, SELECT, TEXTAREA, BUTTON, TD, TH, BLOCKQUOTE {
	font-size: 12px;
	font-family: sans-serif, Arial, Helvetica;
}
BODY, INPUT, SELECT, TEXTAREA, BUTTON, TD, TH, BLOCKQUOTE {
	color: #333;
}

H1, H2, H3 {
	color: #000;
	font-family: sans-serif, Arial, Helvetica;
	font-weight: normal;
	line-height: normal;
}
H1 {
	margin-top: 10px;
	font-size: 24px;
	line-height: 28px;
}
H1 SPAN {
	margin-left: 1em;
	color: #999;
	font-size: 11px;
}
H1 .sep {
	margin-left: 0;
	color: #808080;
	font-size: 26px;
	line-height: 26px;
}
H1 A:hover {
	color: #ff6 !important;
	text-decoration: none;
}

H2 {
	font-size: 15px;
	line-height: 18px;
}
H2.alt {
	margin-top: 0;
	font-size: 24px;
}
H3 {
	font-size: 13px;
	line-height: 16px;
}

A {
	color: #08c;
	text-decoration: none;
}
A:hover {
	color: #ff6;
}
#content A:hover {
	color: #036ca0;
}
#forum .content A:hover,
#forum .content A:focus {
	text-decoration: underline;
}

/* =pages
-------------------------------------------------- */
HTML,
BODY {
	background: #fff;
	background: #fff url(bg_sidebar.gif) repeat-y;
}

#content {
	margin: 0 0 0 250px;
}

#enter {
	height: 127px;
	padding: 28px 0 25px 40px;
	background: #3b5998 url(bg_enter.png) repeat-x 0 0;
	color: #fff;
}
#enter h1 {
	margin:	0;
}

#enter + #content-inner {
	padding: 6px 0 40px 30px;
	color: #333;
}

#enter-register {
	height: 127px;
	padding: 28px 0 25px 30px;
	background: #3b5998 url(bg_enter.png) repeat-x 0 0;
	color: #fff;
}
#enter-register + #content-inner {
	width: 930px;
	margin-top: 5px;
	padding: 26px 0 30px 30px;
}

/* =header
-------------------------------------------------- */

#user {
	position: fixed;
	bottom: 0;
	right: 0;
	padding: 1px 6px 1px 6px;
	color: #999;
	background: #222;
	z-index: 100;
}
#user A,
#user SPAN {
	float: left;
}
#user A {
	color: #999;
	outline: none;
}
#user SPAN {
	margin: 0 5px;
}


/* =sidebar
-------------------------------------------------- */

#sidebar {
	position: fixed;
	top: 0;
	left: 0;
	width: 250px;
	height: 100%;
	background: #f3f3f3;
	z-index: 199;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}

#logo, #logo A {
    display: block;
	width: 98px;
	height: 78px;
	overflow: hidden;
}

#logo a img {
    width: 100%;
    height: 100%;
}

#menu {
	display: block;
	width: 250px;
	height: 50px;
	background: #e6e6e6;
	margin: 0;
}
#menu li {
    position: relative;
	float: right;
	width: 50px;
	height: 50px;
    border-right: 1px solid #f3f3f3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#menu a {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
    text-indent: -250px;
}

#menu a:before, #menu a:after {
    content:"";
    position:absolute;
    top:50%;
    left:0;
}

#menu .add a:before {
    background: #666;
    height: 15px;
    left: 24px;
    margin-top: -7px;
    width: 3px;
}

#menu .add a:after {
    left: 18px;
    width: 15px;
    height: 3px;
    margin-top: -1px;
    background: #666;
}

#menu .add a:hover {
    background-color: #33cc33;
}

#menu .add a:hover:before, #menu .add a:hover:after {
    background: #fff;
}

#menu .addwork {
    border-left: 1px solid #f3f3f3;
}

#menu .addwork a:before {
    content: "+VEEB";
    left: 5px;
    margin-top: -7px;
    font: 13px/14px Tahoma, sans-serif;
    color: #666;
    text-indent: 0;
}

#menu .addwork a:hover {
	background-color: #00ace6;
}

#menu .addwork a:hover:before {
    color: #fff;
}

#menu .login {
    border-right: none;
    border-left: 1px solid #f3f3f3;
}

#menu .login a:before {
    left: 20px;
    width: 6px;
    height: 8px;
    border: 2px solid #666;
    border-bottom: 0;
    margin-top: -8px;
    background: transparent;
    border-radius: 5px 5px 0 0;
}

#menu .login a:after {
    left: 18px;
    width: 14px;
    height: 9px;
    margin-top: 0;
    background: #666;
    border-radius: 2px;
}

#menu .login a:hover {
    background-color: #6c84b8;
}

#menu .login a:hover:before {
    border-color: #fff;
}

#menu .login a:hover:after {
    background: #fff;
}

#menu .user a {
	text-indent: 0;
	background: none;
}

#menu .user img {
	width: 50px;
	height: 50px;
}

#nav {
	font-size: 12px;
	border-bottom: 1px solid #fdfdfd;
	border-top: 1px solid #ebebeb;
	margin-top: 40px;
}

#nav LI {
	position: relative;
	width: 250px;
	height: 27px;
	overflow: hidden;
	line-height: 12px;
	border-top: 1px solid #fdfdfd;
	border-bottom: 1px solid #ebebeb;
}

#nav LI:hover {
	background-color: #fff;
}

#nav .active {
	width: 250px;
	color: #fff;
	background: #00ace6;
	box-shadow: inset 0 1px 3px #008dbd;
	border-bottom: 1px solid #009ed3;
}

#nav .active:hover {
	background: #00ace6;
}

#nav EM,
#nav STRONG,
#nav A,
#nav SPAN {
	display: block;
}

#nav SPAN A,
#nav EM {
	float: right;
	line-height: 10px;
	font-size: 9px;
}

#nav EM {
	margin-top: 2px;
	margin-right: 5px;
	color: #999;
	font-style: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#nav A {
	width: 195px;
	height: 26px;
	overflow: hidden;
	padding: 0 40px 0 15px;
	color: #333;
	line-height: 27px;
	text-overflow: ellipsis;
	white-space: nowrap;
	outline: none;
}

#nav A I {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	margin: 0 2px 0 0;
	color: #222;
}

#nav SPAN {
	position: absolute;
	top: 7px;
	right: 10px;
}

#nav .active SPAN {
	right: 10px;
}

#nav SPAN A {
	width: auto;
	height: 11px;
	padding: 1px 4px;
	background: #bebebe;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#nav SPAN A:hover {
	background: #09f;
	color: #fff;
}

#nav .new-comments SPAN A {
	background: #00a9ff;
}

#nav .new-comments .new {
	background: none !important;
	color: #999;
	font-size: 9px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	font-weight: normal;
	outline: none;
}

#nav .new-comments .new:hover {
	color: #555;
}

#nav .new-comments SPAN A:hover {
	background: #09f !important;
}

#nav .new-post SPAN A {
	background: #f90;
}

#nav .new-post SPAN A:hover {
	background: #f60;
}

#nav .new-post SPAN:hover EM {
	color: #f90;
}

#nav .active SPAN A:hover,
#nav .active:hover SPAN A {
	background: #ff6 !important;
	color: #009aeb;
}

#nav .active SPAN:hover EM {
	color: #ff6 !important;
}

#nav .active:hover EM {
	color: #fff;
}

#nav .active A,
#nav .active STRONG,
#nav .active EM {
	color: #fff;
}

#nav .active A {
	font-weight: bold;
}

#nav .active SPAN A {
	background: #fff;
	color: #00a8ef;
}

#nav .active I {
	color: #fff;
}

#nav STRONG {
	display: block;
	position: absolute;
	top: 12px;
	right: 4px;
	width: 2px;
	height: 2px;
	background: #00a8ef;
	text-indent: -5000px;
}

#nav-pager {
	margin: 10px 0 0 15px;
	height: 39px;
}

#nav-pager A {
	float: left;
	width: 20px;
	height: 19px;
	overflow: hidden;
	background: url(btn-pager.png) no-repeat -21px -19px;
	text-indent: -5000px;
	outline: none;
}

#nav-pager SPAN {
	float: left;
	margin: 2px 0 0 20px;
	color: #ccc;
	font-size: 11px;
}

#nav-pager .prev {
	margin-right: 1px;
	background-position: 0 -19px !important;
}
#nav-pager .prev:active,
#nav-pager .prev:focus {
	background-position: 0 -57px !important;
}
#nav-pager .next:active,
#nav-pager .next:focus {
	background-position: -21px -57px !important;
}
#nav-pager .prev:hover {
	background-position: 0 -38px !important;
}
#nav-pager .next:hover {
	background-position: -21px -38px !important;
}
#nav-pager .next.disabled,
#nav-pager .next.disabled:hover,
#nav-pager .next.disabled:active {
	background-position: -21px 0 !important;
	cursor: default;
}
#nav-pager .prev.disabled,
#nav-pager .prev.disabled:hover,
#nav-pager .prev.disabled:active {
	background-position: 0 0 !important;
	cursor: default;
}

#zone {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	width: 250px;
	height: 50px;
}

#zone A {
	display: block;
	width: 250px;
	height: 50px;
	margin: 0;
	background: #b7b7b7 url(bg_zone.gif) no-repeat 50% -5px;
	text-indent: -5000px;
}
#zone A:hover {
	background-position: 50% -65px;
	background-color: #ba1414;
}

#nav-info {
	font-size: 11px;
	color: #999;
}

.contact-front {
	float: right;
	margin: 16px 20px 0 0;
}

.contact-front a {
	color: #00bfff;
}

.contact-front a:hover {
	color: #fff !important;
}


@media only screen and (max-height: 830px), screen and (max-width: 1260px) {

	#sidebar {
		position: absolute;
	}

    .content-header {
        position: absolute;
        left: 0;
    }

	.contact-front {
		margin-right: 20px;
	}

	#zone {
		position: relative;
	}

	#zone A {
		width: 140px;
		margin: 0 0 20px 15px;
		background: url(bg_zone.gif) no-repeat 0 -5px;
	}
	#zone A:hover {
		background-position: 0 -65px;
	}
}



/* =front
-------------------------------------------------- */
#filter {
	float: left;
	width: 140px;
}
#search-filter {
	position: relative;
	margin: 0;
}
#search-field-focus,
#search-field {
	width: 126px;
	height: 28px;
	margin: 0;
	padding: 0 6px 0 0;
	border: 1px solid;
	border-color: #505050;
	line-height: 15px;
	font-size: 12px;
	color: #c3c3c3;
	background: #3e3e3e;
}
#search-field-focus {
	color: #ff0;
	background: #3e3e3e;
}
#search-button {
	display: block;
	position: absolute;
	top: 10px;
	left: 6px;
	width: 10px;
	height: 10px;
	margin-top: 0;
	background: url(ico_search.png) no-repeat 0 0;
	text-indent: -5000px;
}
#search-field {
	width: 132px;
	padding: 0 4px;
}

#filter-works {
	margin: 0 0 0 0;
}

#filter-works LI {
	border-bottom: 1px solid #505050;
}
#filter-works A {
	display: block;
	padding: 0 0 0 0;
	color: #c3c3c3;
	line-height: 28px;
	outline: none;
}
#filter-works STRONG {
	float: left;
	width: 112px;
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
}
#filter-works SPAN {
	float: right;
	width: 24px;
	color: #808080;
	text-align: right;
	font-weight: bold;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#filter-works A:hover SPAN,
#filter-works A:hover SPAN,
#filter-works A:focus SPAN,
#filter-works A:hover STRONG,
#filter-works A:hover STRONG,
#filter-works A:focus STRONG {
	color: #ff6;
}



#works {
	margin: 0;
	padding-left: 140px;
	line-height: normal;
	color: #ccc;
}

#works LI {
	position: relative;
	float: left;
	width: 380px;
	margin: 0 0 15px 20px;
}
#works .img {
	position: relative;
	display: block;
	width: 380px;
	height: 253px;
	padding: 0;
	outline: none;
}

#works LI:hover .img {
	box-shadow: 0 0 8px rgba(0, 170, 255, 1);
}

#works .info-wrap {
	position: relative;
	padding: 0 10px;
	height: 50px;
	overflow: hidden;
}
#works H2,
#works H3,
#works P {
	line-height: normal;
}
#works P {
	margin-top: 0;
}
#works H2,
#works H3 {
	width: 300px;
	margin-top: 9px;
	font-size: 17px;
	font-weight: normal;
	line-height: normal;
	overflow: hidden;
}
#works h3 {
	margin-top: 8px;
}

#works h3 a {
	color: #fff;
}

#works LI:hover H2 A,
#works LI:hover H3 A {
	color: #ff6;
}

#works .tags {
	margin: 0 0 8px 0;
}
#works .tags A,
#works .tags .time,
#works .tags SPAN {
	color: #808080;
	font-size: 11px !important;
}
#works .tags A:hover {
	color: #ff6;
}
#works .tags .time {
	margin-right: 1em;
}
#works .new-comments,
#works .comments,
#works .new-post {
	position: absolute;
	right: 10px;
	top: 13px;
	font-size: 9px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#works .new-comments SPAN,
#works .comments SPAN,
#works .new-post SPAN {
	padding: 0 4px 1px;
	background: #808080;
	color: #fff;
	line-height: normal;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
}
#works .new-comments EM,
#works .comments EM,
#works .new-post EM {
	margin-right: 2px;
	font-style: normal;
	color: #999;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#works .new-comments A,
#works .comments A,
#works .new-post A {
	color: #ccc;
	text-decoration: none !important;
	outline: none;
}
#works .new-post A SPAN {
	background: #f90;
}
#works .new-post A:hover SPAN {
	background: #f60;
}
#works .new-post A:hover EM {
	color: #f90;
}
#works .new-comments A SPAN {
	background: #00a9ff;
	color: #fff;
	text-decoration: none;
}
#works .new-comments A:hover SPAN {
	background: #008ae6;
}
#works .new-comments A:hover EM,
#works H2 A:hover {
	color: #ff6;
	text-decoration: none;
}
#works .comments A:hover SPAN {
	background: #00a9ff;
	color: #fff;
	text-decoration: none;
}
#works .comments A:hover EM {
	color: #ff6;
	text-decoration: none;
}



#year-filter {
	position: absolute;
	top: 9px;
	left: 170px;
}
#year-filter P {
	float: left;
	margin-top: 0;
	color: #c3c3c3;
}
#slider {
	float: left;
	width: 189px;
	height: 21px;
	margin-right: 15px;
	padding: 0 10px;
	background: url(bg_filter-year.png) no-repeat 0 50%;
}
#slider {
	position: relative;
}
#slider .ui-slider-range {
	display: block;
	position: absolute;
	top: 0;
	height: 100%;
	border: 0;
	background: url(bg_slider3.png) repeat-x 0 7px;
	z-index: 1;
}
#slider .ui-slider-range-min {
	left: 0;
}
#slider .ui-slider-range-max {
	right: 0;
}
#slider .ui-slider-handle {
	display: block;
	position: absolute;
	top: -.3em;
	width: 15px;
	height: 21px;
	margin-left: -.6em;
	background: url(bg_slider1.png) no-repeat 0 5px;
	z-index: 2;
	cursor: default;
	outline: none;
}
#slider .ui-state-focus {
	background-image: url(bg_slider2.png) !important;
}

/* =content
-------------------------------------------------- */
IMG.loading {
	width: 16px !important;
	height: 16px  !important;
	padding: 0 0 3px 3px;
	vertical-align: middle;
}
#loading-more {
	height: 16px;
	margin: 0 30px 0 160px;
	text-align: center;
}
#loading-more IMG {
	display: none;
}

.post-anchor,
.hidden {
	display: none;
}

.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}

.nowrap {
	white-space: nowrap;
}
.important {
	text-decoration: underline;
}

/* =forum
-------------------------------------------------- */

#forum-outer {
	position: relative;
	z-index: 1;
	margin-top: 20px;
}
#forum {
	margin: 0 !important;
	border-top: 1px solid #eee;
}

#forum LI {
	position: relative;
	min-height: 60px;
	padding: 4px 0 !important;
	border-bottom: 1px solid #f0f0f0;
	background: url(bg_notes.gif) repeat-y 100% 0 !important;
	z-index: 1;
}
#forum LI UL {
	margin: 1em 0 0 !important;
	border-top: none;
}
#forum LI LI {
	min-height: 1px;
	padding: 0 0 0 12px !important;
	border-bottom: none;
	background: url(dot01.png) no-repeat 0 7px !important;
}
#forum .content OL {
	margin-left: 3em;
}
#forum .content OL OL {
	margin: .5em 0 .5em 3em;
}
#forum .first-unread {
	border-top: 5px solid #ccc;
}

.date-url {
	display: none;
	position: absolute;
	bottom: 5px;
	font-size: 11px;
	line-height: 17px;
	color: #bbb;
}
.date-url A {
	color: #bbb;
}
.date-url A:hover {
	color: #39f;
}

.name {
	float: left;
	width: 160px;
	padding: 16px 0 30px;
	line-height: normal;
}
#add-post .name {
	padding-top: 0;
}
.name P {
	float: left;
	width: 100px;
	overflow: hidden;
	margin-top: 0;
}
.name P.img {
	width: 50px;
}
.name P.img A {
	width: 40px;
	height: 40px;
	display: inline-block;
}
.name P.img IMG {
	width: 100%;
}
.name STRONG {
	display: block;
	color: #555;
	font-size: 12px;
}
.name SPAN {
	display: block;
	margin-top: 3px;
	color: #bbb;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
}
#add-post .name SPAN {
	color: #999;
}
.name A {
	font-weight: bold;
}

.content {
	float: left;
	width: 520px;
	padding-bottom: 25px;
	color: #333;
}
.content P {
	margin-top: 14px;
	margin-right: 20px;
}
.content P:first-child IMG,
.content P:first-child EMBED {
	margin-right: -20px;
	margin-top: 2px;
}

#forum .content IMG {
	max-width: 520px;
}

.notes {
	float: right;
	width: 225px;
	min-height: 40px;
	padding: 3px 0 36px 24px;
	background: url(bg_notes-arrow.gif) no-repeat 0 14px;
}
.no-notes .notes {
	background: none !important;
}
#forum .notes LI {
	padding: 0 0 3px !important;
	background: none !important;
}
#forum .notes LI P {
	margin-top: 0 !important;
}
#forum .notes .img,
#forum .notes .txt {
	float: left;
}
#forum .notes .img {
	width: 20px;
	padding-top: 1px;
}
#forum .notes .img IMG {
	width: 15px;
	height: 15px;
}
#forum .notes .txt {
	width: 180px;
	margin: 1px 0 0 1px !important;
	font-size: 11px;
	line-height: 15px;
	color: #666;
}
#forum .notes INPUT.button,
#notes INPUT.button {
	margin-top: 6px;
	padding: 1px 8px;
	font-size: 11px;
	line-height: 12px;
}
.add-note textarea,
#forum .notes TEXTAREA,
#notes TEXTAREA {
	width: 167px;
	height: 58px;
	margin-top: 0;
	border: 1px solid;
	border-color: #ccc #e6e6e6 #e6e6e6 #ccc;
	font-size: 11px;
}
.notes .placeholder-value,
#notes .placeholder-value {
	color: #999;
}

.new-notes,
.new-notes2 {
	position: absolute;
	top: 4px;
	right: 5px;
	margin-top: 0;
	z-index: 1;
	font-size: 9px;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.new-notes A,
.new-notes2 A {
	outline: none;
}
.new-notes SPAN {
	padding: 0 4px 1px;
	background: #00a9ff;;
	color: #fff;
	font-weight: bold;
	text-align: center;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.new-notes EM {
	margin-right: 2px;
	font-style: normal;
	color: #999;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.new-notes A:hover {
	text-decoration: none !important;
}
.new-notes2 A {
	padding: 0 4px 1px;
	background: #bebebe;
	color: #fff;
	font-weight: bold;
	text-decoration: none !important;
	text-align: center;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#forum .new-notes2 A:hover,
#forum .new-notes A:hover SPAN {
	background: #008ae6;
	color: #fff;
}

#sidebar A:hover {
	text-decoration: none;
}
#sidebar .active A,
#sidebar .active STRONG,
#sidebar .active EM {
	color: #fff;
}
#sidebar .active SPAN A {
	background: #fff !important;
	color: #00a8ef !important;
}

#forum-outer .show-add-note {
	display: none;
	position: absolute;
}
#forum-outer .show-add-note A {
	display: block;
	width: 15px;
	height: 15px;
	overflow: hidden;
	background: url(bg_forum-add.gif) no-repeat;
	text-indent: -5000px;
	outline: none;
}
#forum-outer .show-add-note A:hover,
#forum-outer .show-add-note A:focus {
	background-position: 0 -15px;
}
#forum-outer .show-all {
	float: right;
	margin-top: 10px;
	margin-right: 15px;
	font-size: 11px;
}
#forum-outer .show-all A {
	outline: none;
}
#forum-outer .show-all A:focus {
	text-decoration: underline;
}
#forum-outer INPUT.text {
	float: left;
	width: 122px;
	border: 1px solid #e8e8e8;
	color: #bbb;
	font-size: 11px;
	line-height: 18px;
	padding-top: 2px;
	padding-left: 4px;
}

#forum .add-note {
	display: none;
}
#forum .close .add-note {
	display: block !important;
}
.add-note IMG {
	width: 30px;
	height: 30px;
	margin: 0 5px 0 0;
}
.add-note SPAN {
	width: 171px;
	height: 97px;
	color: #333;
}
.add-note SPAN A {
	float: left;
	margin-left: 10px;
	vertical-align: middle;
	font-size: 11px;
	line-height: 30px;
}
#notes .add-note SPAN A {
	line-height: 33px;
}
.add-note EM {
	float: right;
	padding: 0;
	color: #ccc;
	font-size: 11px;
	font-style: normal;
	line-height: 30px;
}
.add-note INPUT {
	float: left;
	margin-top: 2px;
}
.add-note INPUT.button {
	margin-top: 5px !important;
}
#notes .add-note INPUT.button {
	margin-top: 7px !important;
}
.add-note IMG,
.add-note SPAN {
	float: left;
}
#notes-show-add {
	float: left;
	margin-left: 15px;
	display: block;
	width: 15px;
	height: 15px;
	overflow: hidden;
	background: url(bg_forum-add.gif) no-repeat;
	text-indent: -5000px;
}
#notes-show-add:hover {
	background-position: 0 -15px;
}
#notes-hide {
	float: right;
	margin-right: 15px;
}
.show-add-note {
	width: 210px;
}
.show-add-note .plus {
	float: left;
}
.show-add-note .show-notes {
	float: right;
	width: auto !important;
	height: auto !important;
	background: none !important;
	text-indent: 0 !important;
	font-size: 11px;
}
.over-limit {
	color: #f33 !important;
	font-weight: bold;
}
#all-notes EM {
	float: right;
	line-height: 30px;
	font-style: normal;
	color: #ccc;
	font-size: 11px;
}
#all-notes P.action {
	width: 150px;
}
.note-separator {
	color: #aaa;
	padding: 0 3px;
	font-size: 11px;
}
.cancel-edit-note {
	margin-left: 10px;
}

P.time {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: -8px;
	text-align: center;
	z-index: 1;
}
P.time SPAN {
	padding: 1px 6px;
	border: solid #fff;
	border-width: 0 1px;
	background: #f3f3f3;
	color: #999;
	font-size: 11px;
	line-height: 17px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* add-post */

#add-post {
	width: 100%;
	margin-top: 40px;
}
#add-post .content {
	width: 700px;
}
#add-post .content H2 {
	margin-top: 0;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif !important;
}
#add-post .content TEXTAREA {
	width: 504px;
	height: 209px;
	padding: 5px 7px;
	line-height: 1.5em;
	background: -moz-linear-gradient(97% 3% 90deg, #fff, #f1f1f1);
	background: -o-linear-gradient(top bottom,#fff 97%,#f1f1f1 3%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(3%,#fff));
	background: -webkit-linear-gradient(top bottom, #fff 97%, #f1f1f1 3%);
	background: linear-gradient(#fff, #f1f1f1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1');
}
#add-post .content INPUT.max {
	width: 510px;
}
#add-post .field {
	margin-top: 3px;
	margin-bottom: 10px;
}
#add-post .field-nolabel {
	margin-top: 0;
}

.add-post2 {
	padding: 0 0 0 40px !important;
	border-top: none !important;
}
.add-post3 {
	margin-top: 5px !important;
}

.add-post2 div.form {
	margin-top: -16px;
	border-top: none;
}

.edit-post {
	padding: 0 0 0 40px !important;
	border-top: none !important;
}

.edit-post div.form {
	margin-top: -5px;
	border-top: none;
}

#post-text P {
	float: left;
	width: 562px;
	margin: 0 0 0 0;
}

#post-links {
	float: left;
	width: 60px;
	margin-top: 0 !important;
	line-height: 12px;
}
#post-links LI {
	padding-bottom: 1px !important;
}
#post-links A {
	font-size: 10px;
	color: #999;
}

/* =#notes
-------------------------------------------------- */
#notes {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 250px;
	height: 100%;
	overflow: hidden;
	background: url(bg_notes-close.gif) repeat-y 100% 0 !important;
	z-index: 100;
	font-size: 11px;
	line-height: 15px;
}
#notes-inner {
	position: relative;
	width: 240px;
	padding: 2px 0 0 10px;
	background: url(bg_notes-close.png) no-repeat 0 0;
	z-index: 100;
}
#notes .close,
#notes .close A {
	width: 20px;
	height: 20px;
	overflow: hidden;
}
#notes .close {
	position: absolute;
	top: 5px;
	right: 4px;
	margin-top: 0;
}
#notes .close A {
	display: block;
	background: url(ico_notes-toggle.png) no-repeat;
	text-indent: -5000px;
}
#notes .add-note,
#notes .action,
#notes .right {
	margin: 15px 15px 0 !important;
}

#all-notes {
	margin: 4px 0 0 !important;
}
#all-notes LI {
	padding: 15px !important;
	background: url(bg_notes-sep.gif) no-repeat 100% 100% !important;
}
#all-notes P {
	margin: 0 !important;
}
#all-notes P.action {
	margin: 0 0 1px !important;
}
#all-notes .img {
	float: left;
	width: 35px;
}
#all-notes .img IMG {
	width: 30px;
	height: 30px;
}
#all-notes .content {
	float: left;
	width: 175px;
	padding: 0 !important;
}
#all-notes .name-time {
	color: #999;
}
#all-notes .name-time A {
	margin-right: 2px;
	font-weight: bold;
}
#all-notes .name-time SPAN {
	margin: 0 3px;
}
#all-notes .edit-note {
	color: #999;
	font-size: 9px;
}
#all-notes .edit-note A {
	font-size: 11px;
}

/* =pager
-------------------------------------------------- */


.pager {
	margin: 20px 0 0 0;
}

.content-header + .pager {
	margin-top: 60px;
}

.pager UL {
	float: left;
	margin: 0 2em 0 0;
	font-size: 13px;
}
.pager LI {
	padding: 0px 3px 0 0;
}
.pager .more {
	padding: 0 9px 0 6px !important;
	line-height: 20px;
}
.pager LI,
.pager LI A,
.pager LI STRONG {
	float: left;
}
.pager LI STRONG,
.pager LI A {
	overflow: hidden;
	line-height: normal;
	line-height: 25px;
	border-radius: 3px;

}
.pager LI A {
	height: 23px;
	padding: 0 8px;
	border: 1px solid #dedede;
	text-decoration: none;
	color: #666;
	line-height: 23px;
	outline: none;
	background: #f8f8f8;
	background: -moz-linear-gradient(#ffffff, #f1f1f1);
	background: -o-linear-gradient(#ffffff, #f1f1f1);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
	background: -webkit-linear-gradient(#ffffff, #f1f1f1);
	background: linear-gradient(#ffffff, #f1f1f1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1');
}
.pager LI A:hover,
.pager LI A:focus {
	border-color: #ddd;
	background: #ff9;
	text-decoration: none !important;
}

.pager LI STRONG {
	height: 25px;
	padding: 0 9px 0 9px;
	border-color: #999;
	color: #fff;
	font-weight: normal;
	line-height: 25px;
	background: #09f;
	background: -moz-radial-gradient(center, #0099ff, #0097ff);
	background: -webkit-gradient(circle, #0099ff, #0097ff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099ff', endColorstr='#0097ff');
}

.pager .next-prev {
	float: right;
	margin-top: 3px;
}
.pager .prev,
.pager .next {
	background: url(dot03.png) no-repeat 0 6px;
	font-size: 13px;
}
.pager .prev {
	margin-right: 20px;
	padding-left: 11px;
}
.pager .next {
	padding-right: 11px;
	background-position: 100% -52px;
}
.pager SPAN.prev,
.pager SPAN.next {
	color: #ccc;
}

#profile-photo {
	float: left;
	padding-top: 3px;
}
#user-data {
	float: left;
}

/* =form
-------------------------------------------------- */
DIV.form {
	margin-top: 15px;
	border-top: 1px solid #e3e3e3;
}
DIV.form .form {
	margin-top: 7px;
}
DIV.form P LABEL {
	font-weight: bold;
}
DIV.form SPAN {
	display: block;
}
DIV.form SPAN.error {
	font-weight: normal;
}
DIV.form P INPUT.text,
DIV.form P TEXTAREA {
	margin-top: 2px;
}
DIV.form P.actions {
	margin-top: 12px !important;
}
TABLE.form {
	width: 100%;
}
TABLE.form TH {
	width: 25%;
	padding: 7px 17px 4px 0;
	text-align: right;
	font-weight: bold;
}
TABLE.form TD {
	width: 75%;
	padding: 4px 17px 4px 0;
}
TABLE.form TD.data {
	padding-top: 8px;
}
TABLE.form TD.data2 {
	padding-top: 1px;
}
TABLE.form TD.data3 {
	padding-top: 4px;
}
TABLE.form TD.data4 {
	padding-top: 1px;
}
#live {
	margin-left: 13px;
}
#live INPUT,
#live LABEL {
	vertical-align: middle;
}

TABLE.form TD P {
	margin: 0;
	padding: 7px 0;
	line-height: normal;
}
TABLE.form SPAN.info {
	display: block;
	margin-top: 3px;
	margin-left: 6px;
	color: #666;
}
TABLE.form SPAN.msg-ok {
	margin-left: 1em;
}
TABLE.form TD.check {
	padding-top: 6px;
}
TABLE.form TD.check INPUT {
	margin: 0;
}
TABLE.form TD.check LABEL {
	margin: 0 .8em 0 .2em;
}
TABLE.form TD.radio INPUT {
	margin: 0 1px 0 0;
}
TABLE.form TD.radio LABEL {
	margin-right: 11px;
}
TABLE.form TD.check,
TABLE.form TD.check *,
TABLE.form TD.radio,
TABLE.form TD.radio * {
	vertical-align: middle;
}
UL.check {
	margin: 2px 0 0 !important;
}
UL.check LI {
	line-height: 1.5;
}
UL.check INPUT,
UL.check LABEL {
	margin: 0 2px 0 0;
	vertical-align: middle;
}
TABLE.form .actions TD,
TABLE.form .actions TH {
	padding-top: 6px;
}

P.action {
	margin: 15px 0 0 302px;
}
P.action .cancel {
	margin-left: 5px;
}

/* form elements */

DIV.hr {
	height: 14px;
	overflow: hidden;
	background: url(bg_sep01.gif) repeat-x 0 100%;
}
DIV.hr HR {
	display: none;
}

P.actions {
	margin-top: .5em;
}
P.actions .cancel {
	margin-left: 10px;
}

SPAN.req {
	display: inline !important;
	color: #dd291e;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}
LABEL.checked {
	font-weight: bold;
}

SELECT,
TEXTAREA,
INPUT.text {
	margin: 0;
	border: 1px solid;
	border-color: #c8c8c8 #e8e8e8 #e8e8e8 #c8c8c8;
	background: #fff;
	background: -moz-linear-gradient(top, #f1f1f1 0%, #ffffff 35%);
	background: -o-linear-gradient(#f1f1f1, #ffffff);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(35%,#fff));
	background: -webkit-linear-gradient(#f1f1f1, #ffffff);
	background: linear-gradient(#f1f1f1, #ffffff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#ffffff');

}
SELECT:focus,
TEXTAREA:focus,
INPUT[type="text"]:focus,
INPUT[type="password"]:focus {
	outline: none;
	border-color: #afafaf #dcdcdc #dcdcdc #afafaf;
}
TEXTAREA {
	margin-bottom: -2px;
	background: #fff;
	background: -moz-linear-gradient(top, #f1f1f1 0%, #ffffff 14%);
	background: -o-linear-gradient(#f1f1f1, #ffffff);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(14%,#fff));
	background: -webkit-linear-gradient(#f1f1f1, #ffffff);
	background: linear-gradient(#f1f1f1, #ffffff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#ffffff');
}
INPUT.text {
	padding: 4px;
	min-height: 15px;
}
SELECT {
	padding: 3px 2px 3px 1px;
}
INPUT.sp {
	font-weight: bold;
}
OPTION.label {
	color: #777;
}

INPUT.min {
	width: 50px;
}
INPUT.text {
	width: 150px;
}
INPUT.wide {
	width: 370px;
}
INPUT.wider {
	width: 265px;
}
INPUT.max {
	width: 99%;
}
INPUT.example {
	color: #666;
}

LABEL {
	cursor: pointer;
}

INPUT.button {
	padding: 3px 15px;
	border: 1px solid;
	border-color: #79d600 #4aac00 #4aac00 #79d600;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	overflow: visible;
	cursor: pointer;
	outline: none;
	background: #6c0;
	background: -moz-linear-gradient(#79d600, #53c200);
	background: -o-linear-gradient(#79d600, #53c200);
	background: -webkit-gradient(linear, left top, left bottom, from(#79d600), to(#53c200));
	background: -webkit-linear-gradient(#79d600, #53c200);
	background: linear-gradient(#79d600, #53c200);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79d600', endColorstr='#53c200');
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
INPUT.button:hover {
	border-color: #6acf00 #3ba000 #3ba000 #6acf00;
	background: #6c0;
	background: -moz-linear-gradient(#6acf00, #44b900);
	background: -o-linear-gradient(#6acf00, #44b900);
	background: -webkit-gradient(linear, left top, left bottom, from(#6acf00), to(#44b900));
	background: -webkit-linear-gradient(#6acf00, #44b900);
	background: linear-gradient(#6acf00, #44b900);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6acf00', endColorstr='#44b900');
}
INPUT.button:active,
INPUT.button:focus {
	border-color: #6acf00 #3ba000 #3ba000 #6acf00;
	background: -moz-linear-gradient(#44b900, #6acf00);
	background: -o-linear-gradient(#44b900, #6acf00);
	background: -webkit-gradient(linear, left top, left bottom, from(#44b900), to(#6acf00));
	background: -webkit-linear-gradient(#44b900, #6acf00);
	background: linear-gradient(#44b900, #6acf00);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44b900', endColorstr='#6acf00');
}

INPUT.button.alt {
	border-color: #00a4d2 #008dbd #007eaf #00a4d2;
	background-color: #00a4d2;
	background: -moz-linear-gradient(#00a4d2, #008ec7);
	background: -o-linear-gradient(#00a4d2, #008ec7);
	background: -webkit-gradient(linear, left top, left bottom, from(#00a4d2), to(#008ec7));
	background: -webkit-linear-gradient(#00a4d2, #008ec7);
	background: linear-gradient(#00a4d2, #008ec7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a4d2', endColorstr='#008ec7');

}
INPUT.button.alt:hover {
	border-color: #0098cb #0084b6 #007eaf #0098cb;
	background-color: #0080be;
	background: -moz-linear-gradient(#0098cb, #0080be);
	background: -o-linear-gradient(#0098cb, #0080be);
	background: -webkit-gradient(linear, left top, left bottom, from(#0098cb), to(#0080be));
	background: -webkit-linear-gradient(#0098cb, #0080be);
	background: linear-gradient(#0098cb, #0080be);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0098cb', endColorstr='#0080be');
}
INPUT.button.alt:active,
INPUT.button.alt:focus {
	background: -moz-linear-gradient(#008ec7, #00a4d1);
	background: -o-linear-gradient(#008ec7, #00a4d1);
	background: -webkit-gradient(linear, left top, left bottom, from(#008ec7), to(#00a4d1));
	background: -webkit-linear-gradient(#008ec7, #00a4d1);
	background: linear-gradient(#008ec7, #00a4d1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008ec7', endColorstr='#00a4d1');
}

INPUT.button.alt2 {
	padding: 3px 14px;
	border-color: #c8c8c8;
	color: #00a9ff;
	background-color: #f7f7f7;
	background: -moz-linear-gradient(#fbfbfb, #f2f2f2);
	background: -o-linear-gradient(#fbfbfb, #f2f2f2);
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#f2f2f2));
	background: -webkit-linear-gradient(#fbfbfb, #f2f2f2);
	background: linear-gradient(#fbfbfb, #f2f2f2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#f2f2f2');
}
INPUT.button.alt2:hover,
INPUT.button.alt2:focus {
	border-color: #adadad;
	color: #00a9ff;
	-moz-box-shadow: 0 0 2px #ccc;
	-webkit-box-shadow: 0 0 2px #ccc;
	box-shadow: 0 0 2px #ccc;
}

TEXTAREA {
	width: 99%;
	height: 200px;
	padding: 3px 2px;
}
TEXTAREA.small {
	height: 60px;
}
TEXTAREA.small2 {
	width: 513px;
	height: 60px;
}

/* =lists
-------------------------------------------------- */

/* list-img*/

#list-img {
	margin: 0 !important;
}
#list-img LI {
	position: relative;
	float: left;
	width: 160px;
	margin-top: 20px;
	margin-right: 20px;
}
#list-img .img {
	display: block;
	width: 160px;
	height: 95px;
	overflow: hidden;
	border: 1px solid #e6e6e6;
	cursor: move;
}
#list-img LI:hover .img,
#list-img .img:hover {
	border-color: #b3e3fc;
	-moz-box-shadow: 0 0 2px #c8c8c8;
	-webkit-box-shadow: 0 0 2px #c8c8c8;
	box-shadow: 0 0 2px #c8c8c8;
}
#list-img .delete {
	display: none;
	position: absolute;
	top: -8px;
	right: -10px;
	width: 25px;
	height: 25px;
	background: url(ico_delete.png) no-repeat 0 100%;
	text-indent: -5000px;
}
#list-img LI:hover .delete {
	display: block;
}
#list-img .delete:hover,
#list-img .delete:focus {
	background-position: 0 0;
}
#list-img IMG {
	width: 160px;
	height: 95px;
}
#list-img .just-added {
	display: none;
}

/* =autocomplete
-------------------------------------------------- */
.ac-results {
	margin-top: 4px;
	border: 1px solid #959595;
	background: #fff;
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.7);
	box-shadow: 0 0 6px rgba(0,0,0,0.7);
}
.ac-results UL {
	margin: 0 !important;
}
.ac-results P,
.ac-results H3 {
	float: left;
	font-size: 12px;
	color: #666;
	font-weight: normal;
}
.ac-results H3 {
	margin: 4px 0;
	font-weight: normal;
}
.ac-results P {
	margin-top: 0 !important;
	padding: 0 !important;
}
.ac-results LI:hover DIV,
.ac-results .ac_over DIV {
	background: #ffff98 !important;
	cursor: pointer;
}
.ac-results LI:hover .add-new,
.ac-results .ac_over .add-new {
	background: #00a4d1 !important;
}
.ac-results LI:hover .add-new P,
.ac-results .ac_over .add-new P {
	color: #fff;
}
.ac-results UL LI:hover H3,
.ac-results UL LI.ac_over H3 {
	color: #000;
}
.ac-results .add-new {
	padding: 4px 9px !important;
	border-top: 1px solid #dedede;
	background: #f5f5f5 !important;
	text-align: center;
}
.ac-results .add-new P {
	color: #08c;
	width: 100%;
	text-align: center;
}
.ac-results LI DIV {
	padding: 4px 8px !important;
}
.ac-results P {
	width: 38px;
}
.ac-results P IMG {
	display: block;
	height: 25px;
	width: 25px;
}

/* =connections
-------------------------------------------------- */
.connections {
	width: 518px;
	margin-top: 20px;
	padding-bottom: 10px;
	border: 1px solid #ddd;
	background: #fff;
	display: none;
}

.connections .delete {
	position: absolute;
	margin-top: -8px;
	margin-left: 503px;
	width: 27px;
	height: 28px;
	padding: 0;
}
.connections .delete A {
	display: block;
	width: 25px;
	height: 25px;
	background: url(ico_delete.png) no-repeat 0 100%;
	text-indent: -5000px;
	outline: none;
}
.connections .delete A:hover {
	background-position: 0 0;
}

/* header */

.connection-header {
	padding: 1px 9px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	background: #f8f8f8;
	background: -moz-linear-gradient(#f8f8f8, #f0f0f0);
	background: -o-linear-gradient(#f8f8f8, #f0f0f0);
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f0f0f0));
	background: -webkit-linear-gradient(#f8f8f8, #f0f0f0);
	background: linear-gradient(#f8f8f8, #f0f0f0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f0f0f0');
}
.connection-header .img,
.connection-header .heading {
	float: left;
}
.connection-header .img {
	width: 50px;
	cursor: move;
}
.connection-header .heading {
	width: 445px;
}
.connection-header .heading P SPAN {
	padding-right: 10px;
}
.connection-header H3 {
	margin-top: 10px;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
}
.connection-header P {
	margin-top: 0 !important;
	color: #555;
}
.connection-header IMG {
	display: block;
	height: 40px;
	width: 40px;
}

/* content */
.connection-content {
	padding: 4px 14px 6px;
}
.connection-list {
	margin: 0 !important;
}
.connection-list LI {
	position: relative;
	padding: 4px 0 4px 5px !important;
	border-top: 1px solid #f0f0f0;
}
.connection-list .add {
	padding-top: 16px !important;
	padding-bottom: 5px !important;
}
.connection-list .add:hover,
.connection-list .label:hover {
	background: none !important;
}
.connection-list .label {
	padding-left: 40px !important;
	border-top: none;
	font-weight: bold;
	color: #999;
	font-size: 11px;
}
.connection-list .label SPAN {
	float: left;
	width: 225px;
}
.connection-list .text,
.connection-list IMG {
	float: left;
	margin-right: 5px;
}
.connection-list IMG {
	height: 25px;
	width: 25px;
}
.connection-list .delete,
.connection-list .edit {
	display: none;
	position: absolute;
	right: 8px;
	width: 10px;
	height: 10px;
	margin-top: 8px;
	background: url(ico_close.png) no-repeat 0 0;
	overflow: hidden;
	outline: none;
	text-indent: -5000px;
}
.connection-list .edit {
	margin-left: 35px;
	background-image: url(bg_edit.gif);
}
.connection-list .delete:hover,
.connection-list .delete:focus,
.connection-list .edit:hover,
.connection-list .edit:focus {
	background-position: 0 -21px;
}
.connection-list .text {
	width: 212px;
}
.connection-list .person-name,
.connection-list .person-role {
	float: left;
	width: 216px;
	margin-right: 5px;
	margin-top: 3px;
	padding-left: 4px;
}
.connection-list .img {
	float: left;
	width: 25px;
	height: 25px;
	overflow: hidden;
	margin-right: 5px;
	background-repeat: no-repeat;
	text-indent: -5000px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.connection-list .person-row {
	display: none;
}
.connection-list SPAN.error {
	display: none;
	margin: 0;
	font-weight: normal;
}
.connection-list LI:hover {
	background: #ffff98 !important;
}
.connection-list LI:hover .delete,
.connection-list LI:hover .edit {
	display: inline;
}

/* new-person */

#new-person {
	position: absolute;
	width: 500px;
	margin: -20px 0 0 -20px;
	padding: 6px 20px 20px;
	background: #fff;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 5px solid rgba(200,200,200,0.7);
	z-index: 100;
	display: none;
}
#new-person P {
	margin-top: 7px;
	padding: 0;
	line-height: 1.5;
}
#new-person .actions {
	margin-top: 1.5em;
}
#new-person SPAN.error {
	display: block;
	margin: 0;
	font-weight: normal;
}

/* =messages
-------------------------------------------------- */
.message {
	margin: 1em 0 0;
	padding: .45em 20px 1.2em;
	border: 1px solid #fadda4;
	color: #202020;
}
.message H2 {
	margin: .5em 0 0 !important;
	font-weight: bold;
	font-size: 18px;
}
.message A {
	color: #202020 !important;
	font-weight: bold;
	text-decoration: underline;
}
DIV.msg-ok {
	border-color: #e0f5cc;
	background-color: #f7fcf2;
}
.msg-ok H2,
SPAN.msg-ok,
SPAN.msg-ok2 {
	color: #56be00;
}
DIV.msg-error {
	border-color: #ffcece;
	background-color: #ffe5e5;
}

SPAN.error,
SPAN.msg-ok2 {
	display: inline;
	font-weight: bold;
}
.error {
	color: #dd291e;
}
.error INPUT,
.error SELECT,
.error TEXTAREA {
	border-color: #f00 !important;
}
TR.error SPAN.error {
	margin: 0 !important;
	display: block;
	font-weight: normal !important;
}

INPUT.valid {
	background: url(bg_valid.png) no-repeat;
	color: #090;
}



/* =profile
-------------------------------------------------- */
#profile-header {
	padding: 25px 0 25px 40px;
	background: #333;
	color: #ccc;
}

#profile-header H1,
#enter-register H1 {
	color: #fff;
	font-size: 36px;
}
#profile-header H1 .sp1 {
	margin-left: 0;
	color: #ccc;
	font-size: 36px;
}
#profile-header H1 .sp2 {
	color: #ccc;
	font-size: 14px;
}
#profile-img,
#profile-content {
	float: left;
}
#profile-content {
	width: 780px;
}
#profile-img {
	width: 120px;
	height: 120px;
	overflow: hidden;
	margin-top: 0;
	margin-right: 40px;
}
#profile-img IMG {
	width: 100%;
}

.profile-change {
	float: right !important;
	margin-top: 2px;
	margin-right: 4px;
	text-align: right;
}
.profile-change A {
	display: block;
	padding: 3px 12px 3px 7px;
	font-weight: bold;
	cursor: pointer;
	color: #08c;
	outline: none;
	background: #e5e5e5;
	background: -moz-linear-gradient(#ffffff, #dbdbdb);
	background: -o-linear-gradient(#ffffff, #dbdbdb);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dbdbdb));
	background: -webkit-linear-gradient(#ffffff, #dbdbdb);
	background: linear-gradient(#ffffff, #dbdbdb);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dbdbdb');
	-moz-box-shadow: 0 0 6px #545454;
	-webkit-box-shadow: 0 0 6px #545454;
	box-shadow: 0 0 6px #545454;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.profile-change SPAN {
	display: block;
	padding-left: 23px;
	background: url(ico_profile-change.png) no-repeat 0 50%;
}
.profile-change A:hover {
	color: #0176b1;
	background: -moz-linear-gradient(#ffffff, #e4e4e4);
	background: -o-linear-gradient(#ffffff, #e4e4e4);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4e4e4));
	background: -webkit-linear-gradient(#ffffff, #e4e4e4);
	background: linear-gradient(#ffffff, #e4e4e4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4e4e4');
}
.profile-change A:focus {
	color: #0176b1;
	background: -moz-linear-gradient(#dbdbdb, #ffffff);
	background: -o-linear-gradient(#dbdbdb, #ffffff);
	background: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#ffffff));
	background: -webkit-linear-gradient(#dbdbdb, #ffffff);
	background: linear-gradient(#dbdbdb, #ffffff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#ffffff');
}

#profile-data {
	font-size: 14px;
    margin: 17px 0 0 0;
}
#profile-data LI {
	color: #ccc;
}
#profile-data A {
	color: #ccc;
	outline: none;
    line-height: 20px;
}
#profile-data A:hover,
#profile-data A:focus {
	color: #ff0;
}

/* profile content */

#img {
	position: relative;
	width: 120px;
	height: 120px;
	margin-top: 2px;
	margin-right: 30px;
	text-indent: -5000px;
	padding: 0;
	background-size: contain;
}
#img .delete {
	display: none;
	position: absolute;
	top: -8px;
	right: -10px;
	width: 25px;
	height: 25px;
	background: url(ico_delete.png) no-repeat;
	text-indent: -5000px;
}

#img-size {
	width: 120px;
	margin-top: 0;
	font-size: 11px;
	color: #999;
	text-align: center;
}

/* =enter
-------------------------------------------------- */
#enter H1 {
	color: #fff;
	font-size: 24px;
}
#fb {
	margin-top: 23px;
	margin-left: -2px;
}
#fb A {
	display: block;
	width: 179px;
	height: 30px;
	overflow: hidden;
	background: url(ico_fb.png) no-repeat 0 0;
	text-indent: -5000px;
	outline: none;
}
#fb A:hover {
	background-position: 0 -30px;
}

#enter-outer H2 {
	color: #000;
	font-size: 24px;
}
#enter-outer .a {
	float: left;
	width: 300px;
	margin-left: 20px;
}
#enter-outer .a:first-child,
#enter-outer .b {
	margin-left: 0;
}

#enter-register-outer {
	background: url(bg_enter2_1.png) no-repeat 0 180px;
}

#enter-register-outer H2 {
	margin-top: 0;
	padding-right: 20px;
	font-size: 22px;
}

#enter-register-content {
	float: left;
}
#enter-register-content UL {
	width: 780px;
	font-size: 14px;
}
#enter-register-content P {
	margin-top: .5em;
}

#register-new {
	float: left;
}

#register-new P.actions {
	margin-top: 20px;
}

/* =forgot-password
-------------------------------------------------- */
#forgot-password {
	position: absolute;
	display: none;
	width: 357px;
	height: 93px;
	overflow: hidden;
	margin-top: -5px;
	margin-left: 20px;
	padding: 25px;
	background: url(bg_layer.png) no-repeat;
}
#hide-forgot-password {
	padding-left: 10px;
}
#username,
#password,
#email {
	margin-right: 10px;
}

/* =boxes
-------------------------------------------------- */

/* box01 */

.box01 {
	padding: 4px 40px 0 40px;
}
.box01 FIELDSET {
	margin-top: 16px;
	padding-top: 19px;
}
.box01 .form {
	margin-top: 0;
}
.box01 .form TH {
	width: 140px;
	padding-top: 4px;
	padding-right: 20px;
}
.box01 .form TD {
	width: auto;
	padding-top: 1px;
}
.box01 .ico {
	vertical-align: middle;
	margin: -3px 1px 0 0;
}
.box01 .action {
	border-top: 1px solid #f0f0f0;
	margin: 20px 0 0;
	padding: 25px 0 0 160px;
}

/* box02 */

.box02 .a,
.box02 .b {
	float: left;
}
.box02 .a {
	width: 563px;
	margin-right: 79px;
}
.box02 .b {
	width: 200px;
}

/* =upload
-------------------------------------------------- */
#swfupload-btn {
	float: left;
	width: 86px;
	height: 20px;
	padding: 2px 0 1px;
	border: 1px solid #c8c8c8;
	color: #00a9ff;
	border-color:  #c8c8c8;
	background-color: #f7f7f7;
	background: -moz-linear-gradient(#fbfbfb, #2f2f2);
	background: -o-linear-gradient(#fbfbfb, #2f2f2);
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#2f2f2));
	background: -webkit-linear-gradient(#fbfbfb, #2f2f2);
	background: linear-gradient(#fbfbfb, #2f2f2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#cccccc');
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#swfupload-btn:hover,
#swfupload-btn:focus {
	border-color: #adadad;
	color: #00a9ff;
	-moz-box-shadow: 0 0 2px #ccc;
	-webkit-box-shadow: 0 0 2px #ccc;
	box-shadow: 0 0 2px #ccc;
}

#image-upload-btn {
	width: 118px;
	height: 20px;
	margin-top: 2px;
	padding: 2px 0;
	border: 1px solid #c8c8c8;
	color: #00a9ff;
	background-color: #f7f7f7;
	background: -moz-linear-gradient(#fbfbfb, #2f2f2);
	background: -o-linear-gradient(#fbfbfb, #2f2f2);
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#2f2f2));
	background: -webkit-linear-gradient(#fbfbfb, #2f2f2);
	background: linear-gradient(#fbfbfb, #2f2f2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#cccccc');
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#image-upload-btn:hover,
#image-upload-btn:focus {
	border-color: #adadad;
	color: #00a9ff;
	-moz-box-shadow: 0 0 2px #ccc;
	-webkit-box-shadow: 0 0 2px #ccc;
	box-shadow: 0 0 2px #ccc;
}
.logo-upload-btn {
	width: 58px !important;
}

#uploaded-files-count {
	line-height: 24px;
}

#upload-outer {
	display: none;
	padding-top: 5px;
}
#upload-messages {
	display: none;
}

#upload-wrap,
#avatar-upload-wrap {
	margin-top: 2px;
}
#upload-wrap {
	width: 342px;
}
#avatar-upload-wrap {
	width: 120px;
}
#upload-wrap P,
#avatar-upload-wrap P {
	margin: 0;
	padding: 1px 0;
}

#upload-progress {
	display: block;
	height: 5px;
	padding: 0 !important;
	border: 1px solid #aaa;
}
#upload-progress SPAN {
	float: left;
	width: 0;
	height: 5px;
	background: #ccc;
}

#files-container {
	display: none;
}
#uploaded-files-count .error {
	display: inline;
}

/* =admin
-------------------------------------------------- */
#admin-actions {
	position: absolute;
	top: 62px;
	left: 290px;
	color: #bbb;
	font-size: 11px;
	z-index: 98;
}

#admin-actions A {
	color: #bbb
}

#work #admin-actions, #work #admin-actions A {
	color: #777;
}

#admin-actions A:hover, #work #admin-actions A:hover {
	color: #999;
	text-decoration: none;
}

#admin-actions .separator {
	padding: 0 5px 0 5px;
}

#group-logo {
	position: relative;
	float: left;
	width: 40px;
}
#group-logo IMG {
	width: 100%;
}
#group-logo:hover IMG {
	border-color: #b3e3fc;
	-moz-box-shadow: 0 0 2px #c8c8c8;
	-webkit-box-shadow: 0 0 2px #c8c8c8;
	box-shadow: 0 0 2px #c8c8c8;
}
#group-logo .delete {
	position: absolute;
	top: -10px;
	right: -10px;
	display: none;
	width: 25px;
	height: 25px;
	background: url(ico_delete.png) no-repeat;
	text-indent: -5000px;
	outline: none;
}

TABLE.list TH {
	color: #999;
	font-size: 11px;
	font-weight: bold;
}
TABLE.list .new-row {
	display: none;
}
TABLE.list .pager TD,
TABLE.list .add-new TD {
	border-bottom: none;
}
TABLE.list .pager TD {
	border-bottom: none;
}
TABLE.list TD,
TABLE.list TH {
	padding: 7px 5px;
	border-bottom: 1px solid #eee;
}
TABLE.list .logo {
	padding: 5px;
	vertical-align: middle;
}
TABLE.list .logo IMG {
	width: 25px;
	height: 25px;
}
TABLE.list TD.text {
	min-width: 200px;
}
TABLE.list .input {
	padding: 4px 5px;
}
TABLE.list .action {
	padding: 4px 0 4px 5px;
	width: 86px;
}
TABLE.list A:hover {
	text-decoration: underline;
}

TABLE.form TD.text {
	padding-top: 4px;
}
#list-img-regular {
	margin: 0;
}
#list-img-regular IMG {
	float: left;
	width: 160px;
	margin: 0 10px 10px 0;
}

#register-old .error {
	font-weight: normal;
}

/* --- */
.tag-row {
	display: none;
}
.added-person {
	cursor: move;
}
.not-sortable {
	cursor: default;
}
#upload-outer {
	margin-left: 10px;
	padding-top: 5px;
	float: left;
}
#upload-progress {
	width: 350px;
	height: 11px;
}
#upload-progress SPAN {
	height: 11px;
}
#upload-messages {
	padding: 0;
}
#upload-help P {
    width: 600px;
	padding: 14px 0 0;
	color: #666;
    line-height: 19px;
}
#new-webpage #content-inner {
	padding-right: 30px;
	width: auto;
}

.number {
	text-align: right !important;
}
#stats-links SPAN {
	padding: 0 5px;
	color: #ccc;
}

.user-outer {
	padding-top: 20px;
}

.veebiklubi-post {
	width: 225px;
	margin: 20px 0 0 5px;
	padding: 10px 0 0 10px;
	border-top: 1px solid #666;
	float: left;
	clear: both;
}
.veebiklubi-post A {
	background: url(icon-veebiklubi.png) no-repeat 0 3px;
	padding: 4px 0 4px 22px;
}

.fb-front-wrap {
	float: right;
	margin: 13px 20px 0 0;
}
.fb-front {
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -5000px;
	background-image: url(fb-icon.svg);
	opacity: .8;
}
.fb-front:hover {
	opacity: 1;
}