/**
 * Copyright (c) 2013 Luigi Cavalieri
 * Distributed under the same license as the SiteTree package.
 * --------------------------------------------------------------- */


/* !-------- Globals -------- */

select:disabled { color: #7f7f7f; }


input.sitetree-medium-text { width: 150px; }


/* Self clearing by Nicolas Gallagher */
.sitetree-clear:before, .sitetree-clear:after {
	content: '';
    display: table;
}
.sitetree-clear:after { clear: both; }


#icon-sitetree-general {
	background-image: url( 'general-icon.png' );
	background-position: 0 -1px;
	}


/* !-------- Settings Form -------- */

#settings-form { width: 75%; }
	#settings-form h3 {
		font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', sans-serif;
		font-size: 15px;
		border-top: #DFDFDF 1px solid;
		margin: 1.2em 0 0;
		padding: 1.2em 0 0.2em;
	}
	#settings-form h3:first-of-type {
		border-top: none;
		margin: 0;
	}
	#settings-form textarea {
		height: 200px;
		max-width: 500px;
		width: 99%;
		}


/* !-------- Dashboard Globals -------- */
		
#sitetree-dashboard-wrapper {
	margin-top: 20px;
	max-width: 1080px;
	}


#sitetree-dashboard {
	float: left;
	width: 75.9%; /* max width = 820px */
	}
	#sitetree-dashboard form {
		height: 200px;
	}
	#sitetree-dashboard p {
		margin: 0;
	}
	#sitetree-dashboard th {
		min-width: 200px;
		padding-left: 15px;
		width: 320px;
	}
	#sitetree-dashboard ul {
		margin: 0;
		padding: 0 15px;
		}
		#sitetree-dashboard ul.sitetree-five-stats li {
			width: 20%;
	}
	#sitetree-dashboard li {
		color: #999;
		float: left;
		margin: 0;
		width: 25%;
		}


#sitetree-enable-sitemap-msg {
	line-height: 20px;
	padding: 8px 15px;
	}
				
		
/* !-------- Dashboard Toolbar -------- */

.sitetree-toolbar {
	background: #f0f0f0;
	border-radius: 7px;
	height: 22px;
	line-height: 22px;
	margin-bottom: 20px;
	padding: 6px 15px;
	text-align: right;
	}
	.sitetree-toolbar span {
		color: #666;
		font: 14px "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif;
		float: left;
		line-height: inherit;
		text-shadow: #FFF 0 1px 0;
	}
	.sitetree-toolbar:hover .sitetree-hidden-tb-btn { display: inline; }
	.sitetree-toolbar input.sitetree-primary-btn,
	.sitetree-tb-btn {
		font-size: 12px;
		height: 22px;
		line-height: 21px;
		margin: 0 0 0 5px;
		padding-left: 10px;
		padding-right: 10px;
		}
	
	
.sitetree-aux-tb-btn {
	line-height: inherit;
	margin: 0 10px 0;
	padding: 0;
	text-shadow: #F9F9F9 0 1px 0;
	}

	
.sitetree-hidden-tb-btn { display: none; }


.sitetree-tb-btn {
	background:#EEE;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#e3e3e3), to(#fefefe));
	background-image: -webkit-linear-gradient(bottom, #e3e3e3, #fefefe);
	background-image:    -moz-linear-gradient(bottom, #e3e3e3, #fefefe);
	background-image:      -o-linear-gradient(bottom, #e3e3e3, #fefefe);
	background-image:		  linear-gradient(to top, #e3e3e3, #fefefe);
	border-color: #c3c3c3;
	color: #464646;
}
.sitetree-tb-btn:hover,
.sitetree-tb-btn:focus {
	background-image: -webkit-gradient(linear, left bottom, left top, from(#e2e2e2), to(#fff));
	background-image: -webkit-linear-gradient(bottom, #e2e2e2, #fff);
	background-image:    -moz-linear-gradient(bottom, #e2e2e2, #fff);
	background-image:      -o-linear-gradient(bottom, #e2e2e2, #fff);
	background-image:		  linear-gradient(to top, #e2e2e2, #fff);
	border-color: #9f9f9f;
	color: #222;
	outline: none;
}
.sitetree-tb-btn:active {
	background-image: -webkit-gradient(linear, left bottom, left top, from(#fbfbfb), to(#e3e3e3));
	background-image: -webkit-linear-gradient(bottom, #fbfbfb, #e3e3e3);
	background-image:    -moz-linear-gradient(bottom, #fbfbfb, #e3e3e3);
	background-image:      -o-linear-gradient(bottom, #fbfbfb, #e3e3e3);
	background-image:		  linear-gradient(to top, #fbfbfb, #e3e3e3);
	border-color: #9f9f9f;
 	box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
	color: #333;
	outline: none;
	text-shadow: 0 -1px 0 #F9F9F9;
	}


#sitetree-disable-tb-btn {
	background: none;
	border: none;
	color: #B83E16;
	cursor: pointer;
	text-decoration: underline;
}
#sitetree-disable-tb-btn:hover,
#sitetree-disable-tb-btn:active { color: #FF0000; }


/* !-------- Ping Info -------- */	

#sitetree-ping {
	color: #43aa24; /* rgb(67, 170, 36) */
	cursor: default;
	display: inline-block;
	float: left;
	font-size: 11px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif;
	font-weight: 600;
	line-height: inherit;
	margin-left: 15px;
	position: relative;
	text-shadow: #FFF 0 1px 0;
}
#sitetree-ping.sitetree-ping-scheduled { color: #008bc7; }
#sitetree-ping.sitetree-ping-error { color: #c99800; }
#sitetree-ping.sitetree-ping-failed { color: #d53400; }
	#sitetree-ping:hover #sitetree-ping-info { display: block; }


#sitetree-ping-info {
	background: #FEFEFE;
	border: #43aa24 2px solid;
	border-radius: 10px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
	display: none;
	font: 12px/20px sans-serif;
	font-weight: 500;
	left: 50%;
	margin-left: -70px;
	padding: 0 10px;
	position: absolute;
	text-align: left;
	top: 30px;
	width: 260px;
}
#sitetree-ping-info:before,
#sitetree-ping-info:after {
	content: '';
	display: block;
	left: 70px; /* = - margin-left */
	position: absolute;
}
#sitetree-ping-info:before {
	border-bottom: #ddd 11px solid;
	border-left: transparent 22px solid;
	border-right: transparent 22px solid;
	margin-left: -22px;
	top: -13px; /* border-bottom width + parent border-top width */
}
#sitetree-ping-info:after {
	border-bottom: #43aa24 10px solid;
	border-left: transparent 20px solid;
	border-right: transparent 20px solid;
	margin-left: -20px;
	top: -12px; /* :before top - 1 */
}
#sitetree-ping-info.sitetree-ping-scheduled { border-color: #008bc7; }
#sitetree-ping-info.sitetree-ping-scheduled:after { border-bottom-color: #008bc7; }
#sitetree-ping-info.sitetree-ping-error { border-color: #d5a100; }
#sitetree-ping-info.sitetree-ping-error:after { border-bottom-color: #d5a100; }
#sitetree-ping-info.sitetree-ping-failed { border-color: #d53400; }
#sitetree-ping-info.sitetree-ping-failed:after { border-bottom-color: #d53400; }
	#sitetree-ping-info strong { color: #555; }


p.sitetree-ping-msg {
	color: #444;
	padding: 10px 5px;
}
p.sitetree-ping-msg:nth-child(2) { border-top: #DFDFDF 1px solid; }


#sitetree-ping-scheduled-msg {
	padding-right: 25px;
	position: relative;
	}


#sitetree-cancel-ping-btn {
	background: url('cancel-ping.png') 0 0 no-repeat;
	display: block;
	height: 16px;
	margin-top: -8px; /* - ( height / 2 ) */
	position: absolute;
	right: 0;
	text-indent: -9999px;
	top: 50%;
	width: 16px;
}
#sitetree-cancel-ping-btn:hover,
#sitetree-cancel-ping-btn:focus {
	background-position: 100% 0;
	outline: none;
}
#sitetree-cancel-ping-btn:active { outline: none; }


/* !-------- Dashboard Stats -------- */
		
.sitetree-stat-container {
	border-right: #EEE 1px solid;
	margin-right: 20px;
	padding: 10px 0 20px;
	}
	
	
.sitetree-stat,
.sitetree-new-stat {
	font-size: 17px;
	line-height: 20px;
	margin-top: 4px;
}
.sitetree-stat { color: #333; }
.sitetree-new-stat { color: rgb( 0, 130, 0); }


.sitetree-last-stat {
	border-right: none;
	margin-right: 0;
	}
	.sitetree-last-stat .sitetree-stat { color: #000; }
	.sitetree-last-stat .sitetree-stat,
	.sitetree-last-stat .sitetree-new-stat { font-size: 14px; }
	
	
.sitetree-stat-limit {
	border-bottom: #DD0000 1px solid;
	color: #DD0000;
	cursor: default;
	display: inline-block;
	padding-bottom: 1px;
	position: relative;
}
.sitetree-stat-limit:hover { border: none; }
	.sitetree-stat-limit:hover .sitetree-stat-limit-msg { display: block; }


.sitetree-stat-limit-msg {
	background: #FFF;
	border: #CCC 1px solid;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	color: #333;
	font: 11px/18px sans-serif;
	position: absolute;
	left: 50%;
	margin-left: -31px; /* - ( :before/:after left value + 1 ) */
	padding: 8px 12px;
	position: absolute;
	text-align: left;
	top: 27px;
	width: 200px;
}
.sitetree-stat-limit-msg:before,
.sitetree-stat-limit-msg:after {
	content: '';
	display: block;
	left: 30px;
	position: absolute;
}
.sitetree-stat-limit-msg:before {
	border-bottom: #CCC 7px solid;
	border-left: transparent 14px solid;
	border-right: transparent 14px solid;
	margin-left: -14px;
	top: -7px;	
}
.sitetree-stat-limit-msg:after {
	border-bottom: #FFF 6px solid;
	border-left: transparent 12px solid;
	border-right: transparent 12px solid;
	margin-left: -12px;
	top: -6px;
	}
	
	
/* !-------- Dashboard Sidebar -------- */

#sitetree-dashboard-sidebar {
	background: #F9F9F9;
	border: #DFDFDF 1px solid;
	border-radius: 5px;
	float: right;
	max-width: 160px;
	padding: 12px 15px;
	position: relative;
	width: 19%;
	}
	#sitetree-dashboard-sidebar h4 {
		color: #595959;
		font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', sans-serif;
		font-size: 16px;
		font-weight: 400;
		margin: 24px 0 13px;
		text-shadow: #FFF 0 1px 0;
	}
	#sitetree-dashboard-sidebar h4:first-child { margin-top: 6px; }
	#sitetree-dashboard-sidebar ul { margin: 0 0 0 3px; }


#sitetree-info-btn {
	border-radius: 8px;
	bottom: 4px;
	color: #939393;
	display: block;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 12px;
	height: 16px;
	line-height: 16px;
	position: absolute;
	right: 6px;
	text-align: center;
	text-decoration: none;
	text-shadow: #FFF 0 1px 0;
	width: 16px;
}
#sitetree-info-btn:hover,
#sitetree-info-btn:focus {
	background: #DADADA;
	color: #444;
	outline: none;
}
#sitetree-info-btn:active { outline: none; }	


/* !-------- About View -------- */

#sitetree-about-view {
	background: #FDFDFD;
	border-color: #9F9F9F;
	border-style: solid;
	border-width: 5px 2px;
	border-radius: 10px;
	box-shadow: 0 0 40px rgba( 0, 0, 0, 0.5 );
	display: none;
	left: 50%;
	margin-left: -120px;
	position: fixed;
	text-align: center;
	top: 160px;
	width: 240px;
	z-index: 1000;
	}
	#sitetree-about-view h2 {
		color: #222;
		font-size: 28px;
		padding: 20px 0 10px;
	}
	#sitetree-about-view strong {
		color: #444;
		display: inline-block;
		line-height: 20px;
		padding: 15px 0 0;
	}
	#sitetree-about-view ul,
	#sitetree-about-view li { margin: 0; }
		#sitetree-about-view li li { margin-bottom: 3px; }
	
		
#sitetree-about-view-close {
	background: url('about-close.png') 0 0 no-repeat;
	display: block;
	height: 14px;
	position: absolute;
	right: 8px;
	top: 6px;
	width: 14px;
}
#sitetree-about-view-close:hover,
#sitetree-about-view-close:focus {
	background-position: 100% 0;
	outline: none;
}
#sitetree-about-view-close:active { outline: none; }
	

#sitetree-about-view-copy {
	color: #888;
	font-size: 11px;
	line-height: 16px;
	margin: 20px 0 10px;
	}
	#sitetree-about-view-copy a {
		color: #666;
		text-decoration: none;
	}
	#sitetree-about-view-copy a:hover,
	#sitetree-about-view-copy a:focus { color: #333; }
	
		
/* !-------- Message Box -------- */
	
#sitetree-msg-box {
	background: #f5f5f5;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#fafafa));
	background-image: -webkit-linear-gradient(bottom, #f5f5f5, #fafafa);
	background-image:    -moz-linear-gradient(bottom, #f5f5f5, #fafafa);
	background-image:      -o-linear-gradient(bottom, #f5f5f5, #fafafa);
	background-image: linear-gradient(to top, #f5f5f5, #fafafa);
	border: #dfdfdf 1px solid;
	border-radius: 3px;
	font-size: 13px;
	line-height: 2.1em;
	margin-bottom: 30px;
	overflow: hidden;
	padding: 23px 13px 12px 23px;
	position: relative;
	}
	#sitetree-msg-box h3 {
		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
		font-weight: normal;
		font-size: 22px;
		line-height: 1.2;
		margin: 0 0 20px;
		text-shadow: 1px 1px 1px #fff;
	}
	#sitetree-msg-box p { margin: 0; }
	

#sitetree-msg-box-sign {
	font-size: 14px;
	padding: 16px 40px 0 0;
	text-align: right;
	}
		

#sitetree-msg-box-close {
	position: absolute;
	top: 5px;
	right: 10px;
	padding: 8px 3px 0;
	font-size: 13px;
	text-decoration: none;
	line-height: 1;
}
#sitetree-msg-box-close:before {
	content: ' ';
	position: absolute;
	left: -12px;
	width: 10px;
	height: 100%;
	background: url('xit.gif') 0 17% no-repeat;
}
#sitetree-msg-box-close:hover:before { background-position: 100% 17%; }


#sitetree-msg-box-rate {
	padding: 30px 11px 10px 0;
	text-align: center;
	}
	

#sitetree-msg-box-rate-btn {
	font-size: 14px;
	height: 40px;
	line-height: 39px;
	margin: 0 20px;
	padding-left: 35px;
	padding-right: 35px;
	}
		
	
/* !-------- Buttons -------- */

.sitetree-button,
.sitetree-primary-btn {
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	cursor: pointer;
	display: inline-block;
	padding-bottom: 1px;
	padding-top: 0;
	text-decoration: none;
	-webkit-appearance: none;
	}


.sitetree-primary-btn {
	background-color: #21759b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
	background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
	background-image:    -moz-linear-gradient(top, #2a95c5, #21759b);
	background-image:     -ms-linear-gradient(top, #2a95c5, #21759b);
	background-image:      -o-linear-gradient(top, #2a95c5, #21759b);
	background-image:   linear-gradient(to bottom, #2a95c5, #21759b);
	border-color: #21759b;
	border-bottom-color: #1e6a8d;
	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
	box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
 	color: #FFF;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}
.sitetree-primary-btn:hover,
.sitetree-primary-btn:focus {
	background-color: #278ab7;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
	background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
	background-image:    -moz-linear-gradient(top, #2e9fd2, #21759b);
	background-image:     -ms-linear-gradient(top, #2e9fd2, #21759b);
	background-image:      -o-linear-gradient(top, #2e9fd2, #21759b);
	background-image:   linear-gradient(to bottom, #2e9fd2, #21759b);
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
.sitetree-primary-btn:hover {
	border-color: #1b607f;
	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
 	box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
}
.sitetree-primary-btn:focus {
	border-color: #0e3950;
	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
	box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
}
.sitetree-primary-btn:active {
	background: #1b607f;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7));
	background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
	background-image:    -moz-linear-gradient(top, #21759b, #278ab7);
	background-image:     -ms-linear-gradient(top, #21759b, #278ab7);
	background-image:      -o-linear-gradient(top, #21759b, #278ab7);
	background-image:   linear-gradient(to bottom, #21759b, #278ab7);
	border-color: #124560 #2382ae #2382ae #2382ae;
	color: rgba(255,255,255,0.95);
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
 	box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}
.sitetree-primary-btn[disabled],
.sitetree-primary-btn:disabled {
	background: #298cba;
	border-color: #1b607f;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #94cde7;
	cursor: default;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
	}