/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
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;
	background: transparent;
}

body {
	line-height: 1;
	background: #e3e6e9 url(../images/bg.gif);
	color: #5a6773;
	font: 14px "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
	line-height: 20px;
	text-shadow: 0px 1px #fff;
}
ol, ul {
	list-style: none;
}

section ol {
	list-style: decimal;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: 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;
}
#main {
/* 	margin: 0 auto; */
	margin-left: 15px;
}

.body {
	width: 600px;
	margin: 0 auto;
}
/* clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

section h1 {
	margin-top: 35px;
	margin-bottom: 10px;
}
section h2 {
	margin-top: 15px !important;
	margin-bottom: 10px !important;
	margin-left: 17px;
}
section p {
	margin-left: 35px;
}
section ol {
	margin-left: 35px !important;
}

#doc {
	background: url(../images/top-bg.png) repeat-x center top;
	background: url(../images/top-bg2.png) repeat-x center top;
	clear: both;
	display: block;
	width: 100%;
}
#main {
/* 	border: 1px solid #ccc; */
	width: 835px;
 	margin: 0 auto;
}

p {
	margin-bottom: 20px;
}

a.permalink {
	color: #999;
}

a.response-nav {
/* 	display: inline-block; */
	display: block;
	width: 22px;
	height: 36px;
	background-position: 0px 0px;
	background-image: url(../images/nav-sprite.png);
	text-indent: -9999px;
	position: absolute;
/* 	margin: 0 8px; */
}
a.response-nav.left {
 	background-position: 0 0;
}
a.response-nav.right {
	background-position: 22px 0;
}
a.response-nav.left:hover {
	background-position: 0 72px
}
a.response-nav.right:hover {
	background-position: 22px 72px
}
a.response-nav.left.disabled,
a.response-nav.left.disabled:hover {
	background-position: 0 36px;
	cursor:  default;
	display:none;
}
a.response-nav.right.disabled,
a.response-nav.right.disabled:hover {
	background-position: 22px 36px;
	cursor:  default;
	display:none;
}

#header {
	clear: both;
	display: block;
	height: 75px;
}

#header h1 {
	font-size: 36px;
	padding-top: 20px;
}

#content h1 {
	font-size: 18px;
}

#timeline {
	clear: both;
	display: block;
}

#help h2 {
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 4px 0;
	display: block;
	clear: both;
}

h2.help-space {
	padding-top: 40px;
}

#help ul {
	list-style: disc;
	margin-left: 5px;
	line-height: 15px;
}

#header a.logo, #header a.logo-jp {
	float: left;
	width: 245px;
	text-indent: -9999px;
	height: 48px;
	background: url(logo.png) no-repeat;
	margin: 56px 0 0 0;
}

#header a.logo-jp {
  width: 265px;
  background: url(logo_jp.png) no-repeat;
}

#header a.logo:hover, #header a.logo-jp:hover {
  opacity: .9;
}

#header .bucket.meta p {
	font-size: 12px;
	margin-top: 15px;
	width: 440px;

}

.help ol,
.legal ol {
	list-style-type: decimal;
	margin: 15px 0 15px 0 !important;

}
.help li,
.legal li {
	list-style-type: decimal;
	padding-left: 10px !important;
	padding-bottom: 10px !important;
	margin-left: 25px !important;
}
.help h1:first-child,
.legal h1:first-child {
	margin-top: 0px !important;
}

.bucket.meta {
	float: left;
	width: 430px;
}

.thread {
	width: 774px;
	width: 828px;
	height: 150px;
	position: relative;
	overflow: hidden;
	margin-bottom: 35px;

}

.thread-scroll {
	left: 414px;
	position: absolute;
	z-index: 1;
}

.slot1,.slot2 {
	width: 356px;
	border: 1px solid #e0e3e6;
	display: inline-block;
	min-height: 170px;
	position: relative;
}

.l-nav-slot,
.r-nav-slot {
	width: 22px;
	height: 36px;
	position: absolute;
	left: 414px;
	left: 396px;
	top: 15px;
	z-index:10;
}

.r-nav-slot {
	left: 392px;
	left: 806px;
}

.idea {
/* 	opacity: .3; */
/* 	position: absolute; <- can't use absolute because we don't get a rendered height then. */
	width: 350px;
/* 	border: 1px solid #eee; */
	margin: 0 32px;
	display: inline-block;
	vertical-align: top;
}

.idea-proxy {
	position: absolute;
	z-index: 5;
}
.idea .message {
	margin-left: 64px;
	margin-bottom: 10px;
	width: 286px;
}

.idea .meta {
	font-size: 12px;
	color: #a9b3bd;
	width: 286px;
	margin-left: 64px;
	margin-top: 5px;
}

.idea .meta .section {
	white-space: nowrap
}

.idea .avatar-column {
	float: left;
	width: 54px;
	margin: 0 10px 0 0;
}
.idea .avatar {
	width: 54px;
	height: 54px;
	/*margin-bottom: 2px;*/
}
.idea .avatar img {
	border: 3px solid #c6cdd3;
}

.acton .idea {
	display: block;
	position: relative;
	margin: 0 0 15px 15px;
	/*margin-bottom: 32px;*/
	width: 650px;
}

.acton .idea .message {
	margin: 0;
	width: 350px;
}

.acton .idea .meta{
	margin: 0 0 0 24px;
}

.acton .idea .votes {
	margin-right: 10px;
}

.acton .idea .score-container {
	/*margin: 0 0 0 -25px;*/
	margin: 0 8px 0 0;
	clear: none;
	width: 28px;
}

.acton .idea .attachments,
.acton .idea .links {
	margin: 8px 0 2px 10px;
	width: 350px;
}

.thread-options {
	float: left;
	width: 18px;
	margin-left: -26px;
	background-color: #c6cdd3;
	color: #fff;
	padding: 3px 0 0 3px;
	font-size: 11px;
	/*
	-moz-border-radius:11px !important;
	-khtml-border-radius: 11px !important;
*/
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;

	margin-right: 5px;
/*
	-webkit-text-shadow: 0px 2px 2px rgba(0,0,0,1);
	-moz-text-shadow: 0px 1px 1px rgba(0,0,0,.15);
*/
	text-shadow: 0px 1px 1px rgba(0,0,0,.25);
/*
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,1);
	-moz-box-shadow: 0px 1px 0px rgba(255,255,255,.5);
	box-shadow: 0px 1px 0px rgba(255,255,255,.5);
	*/
}

.thread-options-separator {
	clear:both;
	margin: 0 0 20px 0;
	/*width: 350px;*/
	border-bottom: 1px solid #c6cdd3;
}

.thread-options a {
	background: url(../images/thread-options.png) no-repeat;
	width: 14px;
	height: 14px;
	text-indent: -9999px;
	display: block;
	margin-bottom: 3px;
}

.thread-options .favorite {
	background-position: -14px 0;
}
.thread-options .favorite:hover {
	background-position: 0px 0;
}
.thread-options .favorite.on {
	background-position: -28px 0;
}
.thread-options .favorite.on:hover {
	background-position: -28px 0;
}

.thread-options .act {
	background-position: -14px -14px
}
.thread-options .act:hover {
	background-position: 0px -14px
}
.thread-options .act.on {
	background-position: -28px -14px
}
.thread-options .act.on:hover {
	background-position: -28px -14px
}

.thread-options .file {
	background-position: -14px -28px
}
.thread-options .file:hover {

background-position: 0px -28px
}

.thread-options .share {
	background-position: -14px -42px
}
.thread-options .share:hover {

background-position: 0px -42px
}

.attachments {
	width: 286px;
	margin: 8px 0 2px 64px;
}

.idea-form .attachments {
	margin: 2px 0 0;
	width: 240px;
	/*border: 1px solid #ccc;*/
}
.attachments .preview,
.files img,
.links img {
	text-align: left !important;
	margin-left: 0  !important;
	border: 2px solid #fff;
	-webkit-border-radius: 1px;
	-webkit-box-shadow: 0px 1px 3px #5a6773;
	-moz-box-shadow: 0px 1px 3px #5a6773;
	box-shadow: 0px 1px 3px #5a6773;
}

.attachments a:hover .preview {
	-webkit-box-shadow: 0px 1px 5px #5a6773;
	-moz-box-shadow: 0px 1px 5px #5a6773;
	box-shadow: 0px 1px 5px #5a6773;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}

.links .name {
	display: inline-block;
	/*height: 24px;*/
	vertical-align: super;
	text-overflow: ellipsis;
}
/*.attachments .preview-holder,*/
/*.attached-items .preview-holder {*/
.preview-holder {
	position: relative;
	display: inline-block;
	margin: 0 3px 3px 0;
}

.links .preview-holder {
	margin: 0;
}
.links .preview-holder .title {
	top:6px;
	left: 3px;
	text-transform: lowercase;
}

.title.faded {
	opacity: .35;
}

.preview-holder .loading {
	position: absolute;
	border: 0;
	z-index: 2;
	top: 1px;
	left: 6px;
}
.loading img {
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#more-control .loading {
	vertical-align: middle;
}

.preview-holder .progress {
	position: absolute;
	z-index: 2;
	top: 10px;
	left: 2px;
}

.preview-holder .title {
	position: absolute;
	z-index: 2;
	top: 4px;
	left: 2px;
	font-size: 11px;
	width: 32px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0,0,0,.25);	
}

.links {
	font-size: 12px;
	line-height: 15px;
	margin-left: 64px;
}
.links a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
}

.label {
	display: inline-block;
	white-space: nowrap;
	background-color: #c6cdd3;
	background-color: #b8c0c7;
	color: #fff;
	padding: 2px 8px 3px 8px;
	/*padding: 2px 8px;*/
	min-width: 10px;
	font-size: 11px;
	line-height: 11px;
	-moz-border-radius:11px !important;
	-khtml-border-radius: 11px !important;
	-webkit-border-radius: 11px !important;
	border-radius: 11px !important;
	margin-left: 3px;
	text-align: center;
/*
	-webkit-text-shadow: 0px 2px 2px rgba(0,0,0,1);
	-moz-text-shadow: 0px 1px 1px rgba(0,0,0,.15);
*/
	text-shadow: 0px 1px 1px rgba(0,0,0,.25);
	/*text-shadow: none;*/
	
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,1);
	-moz-box-shadow: 0px 1px 0px rgba(255,255,255,.5);
	box-shadow: 0px 1px 0px rgba(255,255,255,.5);
}

.label.standalone {
	font-size: 14px;
	margin: 2px 0px 3px 3px;
	padding: 4px 10px 5px 10px;
}

h1.label {
	margin: 4px 6px 6px 0px;
	padding: 8px 20px 8px 20px;
	color: #f8f8f8;
	font-family: Helvetica, Arial, Sans-serif;
	letter-spacing: 0;
	/*line-height: 18px;*/
}

h1.label {
	font-weight: 500;
}

h1.label + .form-container {
	margin-top: 10px;
}

h1.label + .form-container td:first-child {
	text-align: right;
	width: 70px;
	padding-right: 10px;
}

.label a {
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0,0,0,.25);
/*font-weight: 700;*/
}

.label a:hover {
	text-shadow: 0px 1px 2px rgba(0,0,0,.5);
}
.ext-chrome .label a {
	text-shadow: 0px 1px 0px rgba(0,0,0,.25);
}

.idea .score-container {
	width: 54px;
	margin: -1px auto 0 auto;
	float: left;
	clear:left;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
}

.active {
	background-color: #9ba6b1;	
}

.red {
	background-color: #c7b8bb;
	border-color: #a68d92 !important;
}
.red.bucket-details {
	background-color: #d3c6cb;
	border-color: #a68d92;
}
.red.active {
	background-color: #b19ba0;
	background-color: #a68d92;
}

.orange {
	background-color: #cbbdb4;
	border-color: #a6978d !important;
}
.orange.bucket-details {
	background-color: #d3cbc6;
	border-color: #a6978d;
}
.orange.active {
	background-color: #b1a49b;
	background-color: #a6978d;
}

.yellow {
	background-color: #cbcab4;
	border-color: #a6a58d !important;
}
.yellow.bucket-details {
	background-color: #d3d3c6;
	border-color: #a6a58d;
}
.yellow.active {
	background-color: #b1b09b;
	background-color: #a6a58d;
}

.green {
	background-color: #b8c7b8;
	border-color: #8da68d !important;
}
.green.bucket-details {
	background-color: #c6d3c7;
	border-color: #8da68d;
}
.green.active {
	background-color: #9cb19b;
	background-color: #8da68d;
}

.blue {
	background-color: #b8bbc7;
	border-color: #8d92a6 !important;
}
.blue.bucket-details {
	background-color: #c6c9d3;
	border-color: #8d92a6;
}
.blue.active {
	background-color: #9b9fb1;
	background-color: #8d92a6;
}

.purple {
	background-color: #c7b8c7;
	border-color: #a68da5 !important;
}
.purple.bucket-details {
	background-color: #d3c6d3;
	border-color: #a68da5;
}
.purple.active {
	background-color: #b19bb0;
	background-color: #a68da5;
}

.tag {
	font-size: 11px;	
}

.liked-details {
	display: block;
	font-size: 10px;	
}

#more-control {
	margin-left: 443px;
	/*text-align: center;*/
}

#more-control a {
	color: #f5f5f5 !important;
	text-shadow: 0px 1px 1px rgba(0,0,0,.25);
	display: inline-block;
	width: 300px;
	text-align: center;
	background-color: #c6cdd3;
	border: 3px solid #c6cdd3;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/*-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.3) !important;*/
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.3) !important;
}

#more-control a:hover {
	color: #fff !important;
}

.f-tip {
	text-shadow:none;
}
.f-tip p {
	margin: 4px 0;
}

.f-tip .title {
	margin-left: -3px;
}
.f-tip .score-details {
	/* In order to indent content, but not titles. */
	padding-left: 3px !important;
	z-index: 20002;
}

.f-tip div:nth-child(2) {
	margin-top: 6px;
}

.acton .likes {
	color: #60745b;
}
.acton .dislikes {
	color: #775d5f;
}

.f-tip .likes {
	color: #60745b;
	color: #9bd29b;
}

.f-tip .dislikes {
	color: #775d5f;
	color: #ddc1c1 !important;
	/*color: #dda4a4 !important;*/
}

.f-tip textarea {
	color: #5a6773;
}
.f-tip .buttons {
	margin: 5px 0 0 0;
}

.f-tip .buttons .button {
	margin-left: 0;
}

.thread .bucket {
	position: absolute;
	z-index:11;
	left: 0px;
	bottom: 0px;
	width: 505px;
	text-align: right;
	padding-right: 25px;
}

.thread .pager {
	position: absolute;
	z-index:11;
	height: 8px;
	left: 510px;
	bottom: 11px; /* webkit */
	bottom: 4px; /* firefox */
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.thread .pager {
		bottom: 11px;
	}
	
}
.thread .pager .page {
	display: inline-block;
	padding-top: 1px;
	width: 8px;
	height: 7px;
	margin-right: 5px;
	background-position: 0px 0px;
	background-image: url(../images/pager-sprite.png);
	text-indent: -9999px;
}

.thread .page.current {
	background-position: 0px -8px;
}

.thread .page.unread {

	background-position: 0px -16px;
	/*
	-webkit-border-radius: 4px;
	-webkit-animation-name: 'glow';
	-webkit-animation-duration: .7s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	*/
}

@-webkit-keyframes 'glow'
{		
	0% {
		border-color: rgba(155, 166, 177, .5);
		background-color: rgba(155, 166, 177, .5);
		-webkit-box-shadow: 0 0 1px rgba(155, 166, 177, .3);
	}
	100% {
		border-color: rgba(155, 166, 177, 1);
		background-color: rgba(155, 166, 177, 1);
		-webkit-box-shadow: 0 0 10px rgba(155, 166, 177, 1);
	}
}

.idea-form {
	margin: 0 0 45px 10px;
	width: 350px;
	height: 110px;
	position: relative;
	float: left;
/* 	border: 1px solid #ccc; */
}

#bucket-container {
	clear: left;
}

.counter {
	float: right;
	clear:right;
	width: 50px;
	margin-right: 3px;
	text-align: right;
	font-size: 11px;
	color: green;
}

.response-form .counter {
	clear: none;
	margin: 2px 8px 0 0;
}

.response-form {
	opacity: 0;
	vertical-align: top;
	margin: 0 0 0 64px;
	margin: 0 0 0 26px;
	width: 310px;
	width: 332px;
	width: 350px;
	height: 105px;
	display: inline-block;
}

.textarea-cont {
/* 	margin-left: 48px; */
	clear: both;
	width: 304px;
	width: 326px;
	width: 344px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #c6cdd3;
	padding: 5px 2px 0 2px;
}

.idea-form .textarea-cont {
	width: 344px;
}

.idea-form textarea,
.response-form textarea {
	resize: vertical;
	width: 300px;
	width: 322px;
	width: 340px;
	height: 60px;
	background-color: #fff;
	border: none;
	color: #5a6773;
	font: 13px "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
}

.idea-form textarea {
	width: 340px;
}


.idea-form .buttons,
.response-form .buttons {
	margin: 0;
	display: block;
	width: 100px;
	float: right;
	margin-top: 2px;
	height: 30px;
	padding-top: 3px;
}

.response-form .buttons {
	width: 350px;
	margin-left: 64px;
}

.form-container .buttons {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #c6cdd3;
	border-top: 1px solid #aab3bc;
}

tr.prop td {
	padding-bottom: 10px;
}

.buttons {
	margin: 15px 0;
}

.idea-form .attachments,
.response-form .attachments {
	margin-left: 5px;
}

.idea-form .attachments .preview {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

/* attachment popup */
.attached-items h1 {
	border-bottom: 1px solid #aab3bc;
	font-family: Helvetica, Arial, Sans-serif;
	letter-spacing: 0;
}

.attached-items .actions {
	float: right;
	font-size: 12px;
	padding-right: 10px;
	font-weight: 500;
	font-weight: normal;
	/*font-family: Tahoma;*/
}

.attached-items .files,
.attached-items .links {
	margin-top: 25px;
	margin-left: 50px;
	font-size: 12px;
}

.files img {
	vertical-align: bottom;
}

.links img {

}

.attached-items .files img,
.attached-items .links img {
	/*vertical-align: middle;*/
}

.attached-items .files li,
.attached-items .links li {
	padding-bottom: 10px;
}

.attached-items .file-meta,
.attached-items .link-meta {
	/*margin-top: -15px;	*/
}

.form-container {
	width: 500px;
	margin: 25px 0;
}
.form-container label {
	width: 85px;	
}

.form-container input[type='text'] {
	width: 300px;
}

.about {
	font-size: 12px;
	width: 500px;
}



#content .post-content object, #content .the-post object {
	text-align: left !important;
	margin-left: 0  !important;
}

@-moz-document url-prefix() {
	#nav {
		padding-bottom: 5px;
	}
	h1.label {
		padding: 10px 20px 6px 20px;
	}
	.bucket-card .label {
	
	}

	textarea {
		/* diff between moz and safari */
		padding: 0 0 0 5px;
	}
	h1 {
		font-weight: 500
	}
}
a.nav {
	font-size: 16px;
	font-weight: normal;
	padding: 6px 16px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

.footer {
	display: block;
	clear: both;
	padding: 100px 0 70px 0;
	font-size: 12px;
}

.footer ul li {
	color: #999;
	display: inline;
	margin: 0 16px 0 0;
	font-size: 11px;
}

.footer a {
	color: #4A86AC;
}

.footer a:hover {
	text-decoration: underline;
}

center {
	text-align: left;
	margin-left: 0;
}

.status-msg-wrap {
	width: 100% !important;
	outline: 0 !important;
	border: 0 !important;
	background: #CBE2EE !important;
	font-size: 12px !important;
	clear: both;
	display: block;
	margin-bottom: 34px !important;
}

.status-msg-border {
	border: 0 !important;
}

.status-msg-body {
	background: #F9FCD8 !important;
	-webkit-box-shadow: 0px 1px 0px #CBE2EE !important;
	-moz-box-shadow: 0px 1px 0px #CBE2EE !important;
	clear: both;
	display: block;
}

.x-hidden {
    position:absolute;
    left:-10000px;
    top:-10000px;
    visibility:hidden;
}

.spinner {
	float: right;
	margin: 4px 0 0;
	width: 24px;
	height: 24px;
}


.fieldset ol {
	margin: 15px 0 0;
	padding: 0;
}

.fieldset dl {
	position: relative;
	clear: both;
}

dt {
	float: left;
	width: 75px;
	padding: 4px 12px 0 0;
	margin: 0;
	text-align: right;
	clear:left;
	font-size: 11px;
}

.fieldset dt {
	float: left;
	width: 155px;
	padding: 8px 12px 0;
	margin: 0;
	text-align: right;
	clear:left;
	font-size: 14px;
}

dl dd {
	float: left;
	position: relative;
	width: 200px;
	padding: 4px 0 0 0;
	margin: 0;
	clear: right;
	font-size: 11px;
	font-weight: bold;
}

.fieldset dl dd {
	float: left;
	position: relative;
	width: 250px;
	padding: 0;
	margin: 0;
	clear: right;
}

.fieldset dd label {
	font-size: 12px;
}

.fieldset span.input,
.fieldset span.password,
.fieldset span.checkbox,
.fieldset span.textarea,
.fieldset span.input-block,
.fieldset span.date
{

}

.fieldset span.input,
.fieldset span.list,
.fieldset span.label,
.fieldset span.select,
.fieldset span.password,
.fieldset span.checkbox,
.fieldset span.textarea
{
	display: inline-block;
	/*-moz-border-radius: 5px;*/
	/*-webkit-border-radius: 5px;*/
	/*border-radius: 5px;*/
	/*background: #d0e5f2;*/
	/*background: #e7e7e7;*/
	padding: 4px;
	margin: 0 0 10px 0;
	/*width: 365px;*/
	min-height: 28px;
	font-size: 13px;
}

.hint {
	font-size: 11px;
	/*color: #aab3bc;*/
}

/* placeholder text */
.hinted {
	color: #ccc !important;	
}

.warning {
	color: orange;
	color: red;
	display: block;
}
.login {
	margin: 50px auto 0 auto;
	width: 650px;
	/*border: 1px solid blue;*/
}

.error {
	color: red;
}

.login .error {
	color: red;
	/*text-align: center;*/
	padding-left: 15px;
	margin-top: -30px;
	margin-bottom: 10px;
}
/*
@font-face {
	font-family: Candela;
	src: url("/Bounce/fonts/CandelaBook.otf") format("opentype");
}

@font-face {
	font-family: Megalopolis;
	src: url("/Bounce/fonts/MEgalopolisExtra.otf") format("opentype");
}

@font-face {
	font-family: Volkorn;
	src: url("/Bounce/fonts/vollkorn.otf") format("opentype");
	font-weight: bold;
}
@font-face {
	font-family: Spincycle;
	src: url("/Bounce/fonts/spincycle_ot.otf") format("opentype");
}
@font-face {
	font-family: Artbrush;
	src: url("../fonts/Artbrush.ttf") format("truetype");
}
*/
@font-face {
	font-family: Lithos;
	src: url("../fonts/LithosPro-Regular.otf") format("opentype");
}

#header h1 {
	/*font-family: Volkorn;*/
	font-family: Artbrush;
	/*font-size: 58px;*/
	font-family: Lithos;
	letter-spacing: -5px;
	/*font-size: 50px;*/
}
#header p {
	font-family: Lithos;
}
h1 {
	font-family: Lithos;
	letter-spacing: -2px;
}

.login h1 {
	font-size: 45px !important;
	/*text-align: center;*/
	margin-bottom: 45px;
	/*font-family: Megalopolis, "Lucida Grande", Arial, Sans-Serif !important;*/
	/*font-family: Megalopolis, "Lucida Grande", Arial, Sans-Serif;*/
	/*font-family: Spincycle;*/
	font-family: Artbrush;
	font-family: Lithos;
	letter-spacing: -5px;
}

.login h1 span {
	color: #8d9aa6;
	color: #c6cdd3;
	/*font-size: 40px !important;*/
}


.login-form {
	width:250px;
	/*margin: 25px auto;*/
	float: left;
	/*border: 1px solid red;*/
}

.login .col2 {
	float: right;
	width: 300px;
	/*margin-left: 20px;*/
	border-left: 1px solid #aab3bc;
	border-left: 1px solid #c6cdd3;
	padding-left: 45px;
}

.login-form .buttons a {
	padding-top: 3px;
}

.login-form input[type="text"],
.login-form input[type="password"]{
	font: normal 12px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
	padding: 3px;
	border: solid 1px #c6cdd3;
	color: #333;
	background: #fff;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	outline: none;
	width: 250px;
	float: right;
}

.login-form input[type="text"]:focus,
.login-form input[type="password"]:focus {
	border: 1px solid #708090;
}

fieldset {
	margin-bottom: 10px;
	/*font: 80% / 1 sans-serif;*/
	display: block;
	/*margin: 25px 0 25px 0;*/

}

td.name {
	font-weight: bold;
	width: 140px;
	text-align: right;
	padding-right: 15px;
}

.color-select {
	display: inline-block;
	background-color: #e3e6e9;
	border: 1px solid #aab3bc;
	padding: 5px 8px 5px 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.color-select .title {
	font-weight: bold;
	width: 180px;
	text-align: right;
	display: inline-block;
	padding-right: 15px;
}

.login-form label {
	float: left;
	width: 25%;
	margin-right: 10px;
	/*text-align: right;*/
	font-weight: bold;
}

.right {
	float: right;
	/*text-align: right;*/
}

.left {
	float: left;
}

.center {
	text-align: center;
	
}