/*	BUTTONS		*/

.buttons {
	margin: 0 0 1em;
}
.form-layout .intro .buttons {
	margin-bottom: 0;
	padding-top: 1em;
	text-align: center;
}
.form-layout .intro h2+.buttons {
	padding-top: 0;
}
.buttons li {
	display: inline-block;
	*display: inline;
	list-style: none;
	margin: 0 0.25em 0.3em 0;
	vertical-align: top;
	zoom: 1;
}
.buttons a,
.button {
	background-color: rgb(220,220,220);
	border: 1px solid rgb(205,205,205);
	color: rgb(90,90,90);
	display: block;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	font-size: 0.85em;
/* 	font-style: italic; */
	line-height: 16px;
	padding: 6px 1em;
}
.button {
	display: inline-block;
}
.form-layout .intro .buttons a {
	background-color: rgb(235,235,235);
}
.buttons.subdued a {
	background-color: rgb(230,230,230);
	border-color: rgb(220,220,220);
	color: rgb(160,160,160);
}
.buttons a:hover {
	border-color: rgb(180,180,180);
	color: rgb(40,40,40);
	text-decoration: none;
}
.buttons a.delete:hover {
	background-color: rgb(255,245,240);
	border-color: rgb(242,190,180);
	color: rgb(70,40,40);
}
.buttons .log-link a {
	background-color: rgb(200,220,150);
	border-color: rgb(173,205,40);
}
.buttons .twitter a,
.buttons .facebook a {
	background-image: url(/img/twitter.png);
	background-repeat: no-repeat;
	border-color: rgb(69,150,210);
	padding-left: 2.8em;
}
.buttons .facebook a {
	background-image: url(/img/facebook.png);
	border-color: rgb(76,104,162);
}
.buttons a i {
	margin-left: -0.5em;
}

.buttons .search-form {
	font-size: 0.8em;
}
.buttons .search-form input[type=submit] {
	background-color: rgb(245,245,245);
	border: 1px solid rgb(205,205,205);
	color: rgb(140,140,140);
	margin: 0;
	padding: 4px 1em;
	width: auto;
}

.buttons.small.paginator {
	text-align: center;
}
.buttons.small a {
	padding: 0.11em 0.5em;
}
.buttons.small a i {
	margin-left: 0;
}



/*	MESSAGES	*/

.msg {
/* 	border: 1px solid; */
	border-left: 0.5em solid;
/* 	border-top: 1px solid; */
	clear: both;
	font-size: 0.85em;
	margin-bottom: 1.5em;
	padding: 1em;
}
.msg.success {
	background-color: rgb(246,250,218);
	border-color: rgb(193,215,47);
}
.msg.error {
	background-color: rgb(255,245,240);
	border-color: rgb(242,190,180);
}
.msg.note {
	background-color: rgb(242,242,202);
	border-color: rgb(232,232,182);
}

.dashboard .content .msg {
	margin: 0 1% 2em;
}

.site-msg {
	margin: 0 auto;
	max-width: 1016px;
	padding-left: 31px;
	padding-right: 31px;
	width: 92%;
}


/*	DIALOGS		*/

#rs-dialog-overlay {
	background-color: rgb(0,0,0);
	filter: alpha(opacity=40);
	-khtml-opacity: 0.4;
	-moz-opacity: 0.4;
	opacity: 0.4; 
}
.rs-dialog {
	background-image: url(/img/stripes-grey.png);
	border: 1px solid rgb(245,245,245);
	border-bottom-color: rgb(190,190,190);
	border-right-color: rgb(190,190,190);
	padding: 1em;
	max-width: 550px;
	width: 80%;
	z-index: 998;
}
.dialog h2 {
	background-color: rgb(190,190,190);
	color: rgb(255,255,255);
	padding: 0.5em 1em;
	text-align: center;
}
.dialog-inner {
	overflow: auto;
}
.dialog-inner > p,
.dialog-inner > ol,
.dialog-inner > ul {
	font-size: 0.85em;
	padding: 0 2em 1em;
	text-align: left;
}
.rs-dialog .dialog-chart h4 {
	margin: 0 0 2em 0;
}
.rs-dialog .dialog-chart {
	padding: 1em;
}
.rs-dialog.form-dialog {
	max-width: 400px;
}
.rs-dialog.wide-dialog {
	max-width: 600px;
}
.rs-dialog.photo-dialog {
	width: auto;
	max-width: none;
}
.rs-dialog .dialog-inner {
	background-color: rgb(245,245,245);
	border: 1px solid rgb(205,205,205);
	border-bottom-color: rgb(250,250,250);
	border-right-color: rgb(250,250,250);
	text-align: center;
}
.rs-dialog .dialog-inner table {
	text-align: left;
}
.rs-dialog h4 {
	margin: 2em;
}
.rs-dialog .buttons {
	margin: 0 auto 2em;
	max-width: 250px;
}
.rs-dialog .buttons li {
	display: block;
	text-align: center;
}
.rs-dialog > a.rs-dialog-close {
	background-color: rgb(40,40,40);
	border: 1px solid rgb(160,160,160);
	border-bottom: 0;
	color: rgb(240,240,240);
	font-size: 0.8em;
	line-height: 1em;
	padding: 0.5em 1em;
	position: absolute;
	right: 1.25em;
	top: -2.1em;
}
.rs-dialog > a.rs-dialog-close:hover {
/* 	border-color: rgb(220,220,220); */
	color: rgb(255,255,255);
	text-decoration: none;
}


@media screen and (max-width: 560px) {

	.rs-dialog {
		border: 0;
		max-width: none;
		padding: 2em 0 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	.rs-dialog.form-dialog {
		max-width: none;
	}
	.rs-dialog > a.rs-dialog-close {
		border: 0;
		color: rgb(240,240,240);
		display: block;
		font-size: 0.8em;
		left: 0;
		line-height: 1em;
		padding: 1em 0;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
		width: 100%;
	}

}