/* ==========================================================================
   Styles for Administration Sections

	Project: Lunchbox CMS;
	Author: Taylor Hendricksen;
	Date: December, 10 2012;
	Version: 1.0.0;

   ========================================================================== */

/* --------------------- ADMIN SECTION ------------------------ */
#admin {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 20px;
    letter-spacing: 1px !important;
}
	#admin a { }
		#admin a:hover  {}

	#admin .margin30 { margin-left: 30px;}	
	#admin .padding30 { padding-left: 30px;}	
		#admin .padding30i { padding-left: 30px !important;}	
	#admin .italic { font-style: italic; }	
	#admin .bold { font-weight: bold; }	
	#admin .font10 { font-size: 10px; }	
	#admin .font12 { font-size: 12px; }	
	#admin .font14 { font-size: 14px; }	
	#admin .font16 { font-size: 16px; }	
	#admin .font18 { font-size: 18px; }	
	#admin .font20 { font-size: 20px; }	

	#admin .green, #admin .Green { color: #699321;}
	#admin .gold { color: #b6ad1c;}
	#admin .blue { color: #3268ab;}
	#admin .red, #admin .Red { color: #b52b2b;}
	#admin .gray { color: #b1b1b1;}

	#admin div.break {
		display:block;
		clear:both;
		height: 1px;
		padding: 15px;
		margin: 15px;
		border-bottom: 1px solid #dedede; 
	}
		#admin div.break.small { padding: 5px; margin: 5px;}

	#admin span.large-icon {
		display: inline-block;
		width: 32px;
		height: 32px;
		background: url(/img/admin-large-icons.png) no-repeat top left;
	}
		#admin span.large-icon.add { background-position: 0px 0px;}
		#admin span.large-icon.search { background-position: -32px 0px;}
		#admin span.large-icon.dashboard { background-position: -64px 0px;}
		#admin span.large-icon.content { background-position: -96px 0px;}
		#admin span.large-icon.store { background-position: -128px 0px;}
		#admin span.large-icon.email { background-position: -160px 0px;}
		#admin span.large-icon.contacts { background-position: -192px 0px;}
		#admin span.large-icon.admin { background-position: -224px 0px;}
		#admin span.large-icon.unsub { background-position: -256px 0px;}
		#admin span.large-icon.bulk-unsub { background-position: -288px 0px;}

	#admin span.tiny-icon {
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(/img/admin-tiny-icons.png) no-repeat top left;
	}
		#admin span.tiny-icon.view { background-position: 0px 0px; }
			#admin span.tiny-icon.view:hover { background-position: 0px -16px; }
		#admin span.tiny-icon.edit { background-position: -16px 0px; }
			#admin span.tiny-icon.edit:hover { background-position: -16px -16px; }
		#admin span.tiny-icon.excel { background-position: -32px 0px; }
			#admin span.tiny-icon.excel:hover { background-position: -32px -16px; }
		#admin span.tiny-icon.mail { background-position: -48px 0px; }
			#admin span.tiny-icon.mail:hover { background-position: -48px -16px; }
		#admin span.tiny-icon.copy { background-position: -64px 0px; }
			#admin span.tiny-icon.copy:hover { background-position: -64px -16px; }
		#admin span.tiny-icon.delete { background-position: -80px 0px; }
			#admin span.tiny-icon.delete:hover { background-position: -80px -16px; }


	#admin .green-button {
		display: inline-block;
		margin: 0px;
		padding: 3px 15px;
		background: #a6ba4a; /* Old browsers */
		background: -moz-linear-gradient(top,  #a6ba4a 0%, #7e9029 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6ba4a), color-stop(100%,#7e9029)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #a6ba4a 0%,#7e9029 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #a6ba4a 0%,#7e9029 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #a6ba4a 0%,#7e9029 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #a6ba4a 0%,#7e9029 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ba4a', endColorstr='#7e9029',GradientType=0 ); /* IE6-9 */
		border: 1px solid #dedede;
		color: #ffffff !important;
		text-shadow: 1px 1px 1px #333;
		-moz-text-shadow: 1px 1px 1px #333;
		-webkit-text-shadow: 1px 1px 1px #333;
		border-radius: 10px;
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px;
	}
		#admin .green-button:hover {
			text-decoration: none;
			background: #7e9029;
		}
	#admin .gray-button {
		display: inline-block;
		margin: 0px;
		padding: 3px 15px;
		border: 1px solid #dedede;
		color: #555555 !important;
		border-radius: 10px;
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px;
		background: #e6e6e6; /* Old browsers */
		background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */		
	}
		#admin .gray-button:hover {
			background: #dddddd;
			text-decoration: none;
		}
		#admin .gray-button.slim {
			padding: 1px 10px;
		}




	#admin #admin-login {
		padding: 25px 0px;
		}
		#admin #admin-login #admin-login-inner {
			min-height: 400px;
			border: 2px solid #ccc;
			background: #fafafa;
			box-shadow: 0px 0px 10px #aaa;
			-moz-box-shadow: 0px 0px 10px #aaa;
			-webkit-box-shadow: 0px 0px 10px #aaa;
			}
		#admin #admin-login #admin-login-title {
			background: #444444; /* Old browsers */
			background: -moz-linear-gradient(top,  #515151 0%, #353535 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#515151), color-stop(100%,#353535)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #515151 0%,#353535 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #515151 0%,#353535 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #515151 0%,#353535 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #515151 0%,#353535 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#353535',GradientType=0 ); /* IE6-9 */
			text-align: center;
			}		
			#admin #admin-login #admin-login-title img {
				max-height: 60px;
				padding: 4px 28px;
				margin: 3px;
			    border: 2px solid #a8a8a8;
			    background: #eee; /* Old browsers */
			}

		#admin #admin-login #admin-login-form {
			padding: 25px 40px;
			}
			#admin #admin-login #admin-login-form div.form-field {

				}
				#admin #admin-login #admin-login-form div.form-field label {

				}						
				#admin #admin-login #admin-login-form div.form-field input.text-field {
					width: 93%;
					padding: 10px;
				}			
				#admin #admin-login #admin-login-form div.form-field.submit-field {
					padding-top: 20px;
					}
					#admin #admin-login #admin-login-form div.form-field.submit-field input#submit{
						width: 270px;
						height: 66px;
						margin: 0px auto;
						text-indent: -9999px;
						background: url(/img/login-button.png) no-repeat top left;
						border: none;
						display: block;
						position: relative;
						}
						#admin #admin-login #admin-login-form div.form-field.submit-field input#submit:hover {
							top: -2px;
							}


#admin #admin-panel {
	background: #ffffff;
	margin-bottom: 25px;
}
	#admin #admin-panel-inner {
		border: 2px solid #cccccc;
		min-height: 600px;
		box-shadow: 0px 0px 15px #aaaaaa;
		}

		#admin #admin-panel-inner #admin-title {
			background: #444444; /* Old browsers */
			background: -moz-linear-gradient(top,  #515151 0%, #353535 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#515151), color-stop(100%,#353535)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #515151 0%,#353535 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #515151 0%,#353535 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #515151 0%,#353535 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #515151 0%,#353535 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#353535',GradientType=0 ); /* IE6-9 */
			}
			#admin #admin-panel-inner #admin-title #logo {
				float:left;
				padding: 4px 8px;
				margin: 3px;
			    border: 2px solid #a8a8a8;
			    background: #eee; /* Old browsers */
			}
				#admin #admin-panel-inner #admin-title #logo img {
					max-height: 45px;
					}
			#admin #admin-panel-inner #admin-title #title-right {
				float:right;
				padding-top: 15px;
				margin-right: 10px;
				color: #ffffff;
				font-size: 12px;
				text-shadow: 1px 1px 1px #111;
				-moz-text-shadow: 1px 1px 1px #111;
				-webkit-text-shadow: 1px 1px 1px #111;
				}
				#admin #admin-panel-inner #admin-title #title-right span.user-name {
					margin-right: 30px;
				}
				#admin #admin-panel-inner #admin-title #title-right a.my-account {
					margin-right: 30px;
				}
					#admin #admin-panel-inner #admin-title #title-right span.user-name strong {
						margin-left: 5px;
						font-weight: 700;
					}
				#admin #admin-panel-inner #admin-title #title-right a {
					color: #ffffff !important;
				}
					#admin #admin-panel-inner #admin-title #title-right a:hover {
						text-decoration: none;
						color :#dddddd;
					}
                    #admin #admin-panel-inner #admin-title #title-right a.btn {
                        color: #555;
                    }
				#admin #admin-panel-inner #admin-title #title-right a.sign-out {
					padding: 3px 10px;
					font-size: 12px;
					margin-left: 30px;
					color: #555 !important;
			        background: #eeeeee;
				}
					#admin #admin-panel-inner #admin-title #title-right a.sign-out:hover {
						background: #dddddd;
					}
		#admin #admin-panel-inner #admin-nav {
			/*height: 50px;*/
			background: #e6e6e6; /* Old browsers */
			background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
			border-top: 2px solid #cccccc;
			border-bottom: 2px solid #cccccc;
			}
			#admin #admin-panel-inner #admin-nav ul {
				text-align: center;
                margin-bottom:0px;
			}
				#admin #admin-panel-inner #admin-nav ul li {
					display: inline-block;
					position: relative;
                    text-indent: 0px !important;
                    padding-bottom:0px;
                    font-size:15px;
                    line-height:15px;
				}
				#admin #admin-panel-inner #admin-nav ul > li:before {
                    content: "" !important;
                    text-indent: 0px !important;
				}
					#admin #admin-panel-inner #admin-nav ul li a {
						display:block;
						color: #555555 !important;
						padding: 7px 15px 10px 15px;
						margin-left: -5px;
						border-left: 1px solid #c9c9c9;
						border-right: 1px solid #ffffff;
                        text-decoration:none;
					}
						#admin #admin-panel-inner #admin-nav ul li a:hover {
							background: #eeeeee;
							text-decoration: none;
                        text-decoration:none;
						}
						#admin #admin-panel-inner #admin-nav ul li.active a.admin-tab {
							background: #ffffff;
							/*padding-bottom: 0px;*/
						}
						#admin #admin-panel-inner #admin-nav ul li a span.admin-nav-icon {
							width: 24px;
							height: 24px;
							display: inline-block;
							background: url(/img/admin-nav-icons.png) no-repeat top left;
							vertical-align: text-bottom;
							position: relative;
							top: 2px;
							margin-right: 5px;
							}
							#admin #admin-panel-inner #admin-nav ul li a span.admin-nav-icon.dashboard { background-position: 0px 0px;}
							#admin #admin-panel-inner #admin-nav ul li a span.admin-nav-icon.content { background-position: -24px 0px;}
							#admin #admin-panel-inner #admin-nav ul li a span.admin-nav-icon.store { background-position: -48px 0px;}
							#admin #admin-panel-inner #admin-nav ul li a span.admin-nav-icon.email { background-position: -72px 0px;}
							#admin #admin-panel-inner #admin-nav ul li a span.admin-nav-icon.contacts { background-position: -96px 0px;}
							#admin #admin-panel-inner #admin-nav ul li a span.admin-nav-icon.admin { background-position: -120px 0px;}

				#admin #admin-panel-inner #admin-nav ul li ul.sub-nav {
					display: none;
					position: absolute;
					top: 43px;
					left: 0px;
					background: #ffffff;
					border: 1px solid #c9c9c9;
					border-top: none;
					width: 150px;
					margin: 0px 0px 0px -5px;
					z-index: 100;
					padding: 0px 2px 0px 1px;
					}
					#admin #admin-panel-inner #admin-nav ul li:hover ul.sub-nav {
						display: block;
						}
						#admin #admin-panel-inner #admin-nav ul li ul.sub-nav li {
							display: block;
							font-size: 12px;
							border: none;
							border-bottom: 1px solid #dedede;
						}
							#admin #admin-panel-inner #admin-nav ul li ul.sub-nav li a {
								padding: 10px 0px;
								border: none;
								margin: 0px; 
							}
								#admin #admin-panel-inner #admin-nav ul li ul.sub-nav li:hover a {
									background: #f0f0f0;
								}


		#admin #admin-panel-inner #admin-content {
			padding: 15px 25px 25px 25px;
			}
			#admin-panel h2.section-title {
				margin: 0px 0px 15px 0px;
				font-size: 24px;
			}
				#admin-panel h2.section-title span.large-icon {
					vertical-align: text-bottom;
					margin-right: 7px;
					position: relative;
					top: 2px;
				}
			#admin-panel h4 {
				font-weight: 600;
			}
			#admin-panel div.pretty-table {

			}
				#admin-panel div.pretty-table div.table-info {
					display:block;
					clear:both;
                    background:transparent;
				}
					#admin-panel div.pretty-table div.table-info h4 {
						float: left;
						margin: 0px 0px 5px 0px;
					}
					#admin-panel div.pretty-table div.table-info div.table-actions {
						float: right;
						margin-right: 10px;
					}		
						#admin-panel div.pretty-table div.table-info div.table-actions a {
							color: #555555;
							margin-left: 15px;
                            text-decoration:none;
                                background:transparent !important;
						}
							#admin-panel div.pretty-table div.table-info div.table-actions a span.large-icon {
								position: relative;
								vertical-align: text-top;
								top: -5px;
								margin-right: 7px;
							}
							#admin-panel div.pretty-table div.table-info div.table-actions a:hover {
								text-decoration: none;
								color: #000000;
                                background:transparent !important;
							}
				#admin-panel #quick-links {

				}
					#admin-panel #quick-links #quick-links-inner {
						border: 2px solid #dedede;
						background: #f0f0f0; /* Old browsers */
						background: -moz-linear-gradient(top,  #f0f0f0 0%, #dddddd 100%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(top,  #f0f0f0 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(top,  #f0f0f0 0%,#dddddd 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(top,  #f0f0f0 0%,#dddddd 100%); /* IE10+ */
						background: linear-gradient(to bottom,  #f0f0f0 0%,#dddddd 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
						padding: 15px;
						box-shadow: inset 2px 2px 10px #777;
						text-align: center;	
					}
						#admin-panel #quick-links #quick-links-inner a {
							display: inline-block;
							margin: 0px 10px;
							padding: 8px 15px;
							border-radius: 10px;
							border: 2px solid #cccccc;
							background: #ffffff; /* Old browsers */
							background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%); /* FF3.6+ */
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* IE10+ */
							background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%); /* W3C */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
							color: #555;
                            text-decoration:none;
						}
							#admin-panel #quick-links #quick-links-inner a:hover {
								background: #eeeeee;
								color: #000000;
								text-decoration: none;
							}
				#admin-panel div.dashboard-block {

				}
					#admin-panel div.dashboard-block div.dashboard-block-inner {
						padding: 10px 0px;
					}



				#admin-panel div.pretty-table table {
					font-size: 12px;
					width: 100%;
					border-right: none;
				}
					#admin-panel div.pretty-table table tr {
					    border: 1px solid #dedede;
					}
						#admin-panel div.pretty-table table tr.odd {
							background: #fff;

						}
						#admin-panel div.pretty-table table tr.even {
							background: #f0f0f0;
						}
					#admin-panel div.pretty-table table td {
						padding: 3px;
						border-right: 1px solid #dedede;
					}
						#admin-panel div.pretty-table table td.center { text-align: center; }
					#admin-panel div.pretty-table table tr.header {
						background: #e6e6e6; /* Old browsers */
						background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* IE10+ */
						background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */		
						font-weight: 600;	
						font-size: 14px;			
					}

			#admin-panel div.pretty-table.unassigned { }
				#admin-panel div.pretty-table.unassigned tr.odd, #admin-panel div.pretty-table.unassigned tr.even { background: #ddd; }
			
			#admin-panel div.actions-right {
				display:block;
				clear:both;
				text-align: right;
			}

			#admin-panel div.pretty-list {
				margin-right: 300px;
				padding-bottom: 20px;
			}
				#admin-panel div.pretty-list ul {
					margin-left: 0px;
					margin-bottom: 0px;
				}
					#admin-panel div.pretty-list ul.navmenus {
						background: #f5f5f5;
						border: 1px dashed #dedede;
						border-radius: 10px;
						padding: 20px 20px 40px 20px;
					}
						#admin-panel div.pretty-list ul.navmenus#navinactive {
							background: #f3f3f3;
						}
						#admin-panel div.pretty-list ul.navmenus#navactive {
							background: #ffffff;
						}						

					#admin-panel div.pretty-list ul li {
						display: block;
						list-style-type: none;
						background: #e6e6e6; /* Old browsers */
						background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* IE10+ */
						background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */								
						border: 1px solid #dedede;
						border-radius: 3px;
						margin-bottom: 8px;
						cursor: move;
						padding: 5px 10px;
					}
						#admin-panel div.pretty-list ul li strong.item-title {
							color: #333;
							margin-right: 10px;
						}
						#admin-panel div.pretty-list ul li span.item-url {
							color: #aaaaaa;
							font-style: italic;
							font-size: 10px;
						}

	#admin-panel #item-editor {
		display:block;
		clear:both;
	}
		#admin-panel #item-editor #item-sidebar {
			margin-top: 4px;
			margin-bottom: 20px;
		}

			#admin-panel #item-editor #item-sidebar div.sidebar-block {
				margin-bottom: 25px;
			}
				#admin-panel #item-editor #item-sidebar div.sidebar-block h4.block-title {
					background: #e6e6e6; /* Old browsers */
					background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* IE10+ */
					background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
					padding: 8px 15px;
					border: 1px solid #dedede;
					border-bottom: none;
					font-size: 14px;
					margin: 0px 0px;
					}

			#admin-panel #item-editor #item-sidebar .block-content {
				background: #f5f5f5;
				padding: 5px;
				border: 1px solid #dedede;
				min-height: 150px;
				}
				#admin-panel #item-editor #item-sidebar .sidebar-row {
					display:block;
					margin-bottom: 10px;
				}
					#admin-panel #item-editor #item-sidebar .sidebar-row.save-cancel {
					
					}
						#admin-panel #item-editor #item-sidebar .sidebar-row.save-cancel input {
							font-weight: 800;
							display:block;
							width: 90%;
							padding: 6px 0px;
							margin: 5px auto 10px auto;
							line-height: 1.7;
							font-size: 20px;
						}
						#admin-panel #item-editor #item-sidebar .sidebar-row.save-cancel a {
							display:block;
							text-align: center;
							padding: 4px 0px;
							width: 89%;
							margin: 5px auto;
						}

				#admin-panel #item-editor #item-sidebar .sidebar-row.status, #admin-panel #item-editor #item-sidebar .sidebar-row.archive {
					margin: 0px 10px;
				}

				#admin-panel #item-editor #item-sidebar .sidebar-row label {
					font-size: 12px;
				}						
				#admin-panel #item-editor #item-sidebar .sidebar-row select {
					width: 99%;
				}


				#admin-panel #item-editor #item-sidebar .sidebar-row div#item-status {
					padding-bottom: 15px;
				}
					#admin-panel #item-editor #item-sidebar .sidebar-row div#item-status input[type="radio"] + label:before,.block_select:before {
						display: none !important;
	                    background-position:0;
					}
                    #admin-panel #item-editor #item-sidebar .sidebar-row div#item-status input{
						display: none !important;
                    }
                        
					#admin-panel #item-editor #item-sidebar .sidebar-row div#item-status label {

						text-align: center;
						background: #e9e9e9;
						padding: 8px 0px;
						font-size: 16px;
						line-height: 1;
						color: #aaaaaa;
						border: 2px solid #cccccc;
                                width:100%;
					}
						#admin-panel #item-editor #item-sidebar .sidebar-row div#item-status input:checked + label {

						}
							#admin-panel #item-editor #item-sidebar .sidebar-row div#item-status input:checked + label.green {
								color: #57781d;
								border: 2px solid #699321;
								background: #a8cc6a;
							}
							#admin-panel #item-editor #item-sidebar .sidebar-row div#item-status input:checked + label.red {
								color: #7e1111;
								border: 2px solid #B52B2B;
								background: #e9aaaa;
							}
							#admin-panel #item-editor #item-sidebar .sidebar-row div#item-status input:checked + label.yellow {
								color: #856404;
								border: 2px solid #856404;
								background: #fff3cd;
							}
							#admin-panel #item-editor #item-sidebar .sidebar-row div#item-status input:checked + label.blue {
								color: #0c66e4;
								border: 2px solid #0c66e4;
								background: #cce0ff;
							}

							


				#admin-panel #item-editor #item-sidebar div.sidebar-block div.product-categories {
					height: 150px;
					overflow:scroll;
					border: 2px solid #dedede;
					padding: 5px 10px;
					background: #ffffff;
					box-shadow: inset 0px 0px 5px #333;
					margin: 5px;
					}
					#admin-panel #item-editor #item-sidebar div.sidebar-block div.product-categories div.category {
						width:100%
					}

					#admin-panel #item-editor #item-sidebar div.sidebar-block div.product-categories input.checkbox {
						margin-top: 0px;
					}
					#admin-panel #item-editor #item-sidebar div.sidebar-block div.product-categories label {
						display: inline-block !important;
						font-size: 12px;
					}
				#admin-panel #item-editor #item-sidebar .sidebar-row ul#item-status {
					margin-left: 0px;
				}
					#admin-panel #item-editor #item-sidebar .sidebar-row ul#item-status li {
						list-style-type: none;
						display: block;
						padding: 5px 10px;
						border: 2px solid #dedede;
						background: #ffffff;
						margin-bottom: 5px;
						color: #888;
						cursor: pointer;
					}
						#admin-panel #item-editor #item-sidebar .sidebar-row ul#item-status li.green.ui-selected {
							color: #57781d;
							border: 2px solid #699321;
							background: #a8cc6a;
						}
						#admin-panel #item-editor #item-sidebar .sidebar-row ul#item-status li.gold.ui-selected {
							color: #928a0d;
							border: 2px solid #B6AD1C;
							background: #efeba7;
						}
						#admin-panel #item-editor #item-sidebar .sidebar-row ul#item-status li.blue.ui-selected {
							color: #1f508c;
							border: 2px solid #3268AB;
							background: #b3cae6;
						}
						#admin-panel #item-editor #item-sidebar .sidebar-row ul#item-status li.gray.ui-selected {
							color: #888888;
							border: 2px solid #cccccc;
							background: #dddddd;
						}
						#admin-panel #item-editor #item-sidebar .sidebar-row ul#item-status li.red.ui-selected {
							color: #7e1111;
							border: 2px solid #B52B2B;
							background: #e9aaaa;
						}
						#admin-panel #item-editor #item-sidebar .sidebar-row ul#item-status li.yellow.ui-selected {
							color: #7e1111;
							border: 2px solid #B52B2B;
							background: #e9aaaa;
						}





			#admin-panel #item-editor #item-sidebar #sidebar-meta {
				border: 1px solid #dedede;
				background: #e9e9e9;
				padding: 10px;
				font-size: 12px !important;
				}
                #admin-panel #item-editor #item-sidebar #sidebar-meta p {
				    font-size: 12px !important;
				    line-height: 14px !important;
				}
				#admin-panel #item-editor #item-sidebar #sidebar-meta span.title { display:block; font-size: 10px; }
				#admin-panel #item-editor #item-sidebar #sidebar-meta a { margin-left: 0px;}
				#admin-panel #item-editor #item-sidebar #sidebar-meta span.date { }







		#admin-panel #item-editor #item-content {

		}


		#admin-panel #item-editor div.input-field {
			display:block;
			margin-bottom: 10px;
			/*margin-right: 50px;*/
		}
			#admin-panel #item-editor div.input-field p {
				margin-bottom: 4px;
			}
			#admin-panel #item-editor div.input-field input.text-field {

			}
				#admin-panel #item-editor div.input-field input.text-field.huge {

					}
					#admin-panel #item-editor div.input-field input.text-field.huge.short {

						}
				#admin-panel #item-editor div.input-field input.text-field.large {

					}					
				#admin-panel #item-editor div.input-field input.text-field.medium {

					}
				#admin-panel #item-editor div.input-field input.text-field.small {

					}		
				#admin-panel #item-editor div.input-field input.text-field.tiny {

					}	
				#admin-panel #item-editor div.input-field div.radio-field {
					margin-left: 30px;
				}
					#admin-panel #item-editor div.input-field div.radio-field input {
						margin-top: 0px;
						margin-right: 5px;
					}
					#admin-panel #item-editor div.input-field div.radio-field label {
						display: inline-block !important;
					}


			#admin-panel #item-editor div.input-field input#amount-off.text-field {
				padding: 10px 20px;
				text-align: center;
			}
				#admin-panel #item-editor div.input-field input#amount-off.text-field.percent {
					background: url(/img/percent-icon.png) no-repeat 95% center;
					padding: 10px 30px 10px 10px;
				}
				#admin-panel #item-editor div.input-field input#amount-off.text-field.set-amount {
					background: url(/img/dollar-sign-icon.png) no-repeat 5% center;
					padding: 10px 10px 10px 30px;		
				}

			div#discount-products {
				display:none;
			}


			#admin-panel #item-editor div.input-field textarea.textarea {

			}
				#admin-panel #item-editor div.input-field textarea.textarea.huge {
					width: 100%;
					padding: 10px;
					min-height: 300px;
					}
				#admin-panel #item-editor div.input-field textarea.textarea.medium {
					width: 100%;
					padding: 5px;
					min-height: 100px;
					}
		#admin-panel #item-editor div.input-field a#lower-content {
			color: #555;
		}
			#admin-panel #item-editor div.input-field a#lower-content:hover {
				text-decoration: none;
			}
			#admin-panel #item-editor div.input-field a#lower-content span.toggle-indicator {
				display: inline-block;
				background: url(/img/toggle-indicator.png) no-repeat top left;
				width: 10px;
				height: 10px;
				overflow: hidden;
				margin-left: 5px;
				}
				#admin-panel #item-editor div.input-field a#lower-content span.toggle-indicator.expanded { 
					background-position: -10px 0px;
					} 

		#admin-panel #item-editor div.input-field #lower-content-wrapper {
			display: none;
		}
			#admin-panel #item-editor div.input-field #lower-content-wrapper.expanded {
				display: block;
			}


		#admin-panel #item-editor #item-content #tab-block {
			margin-top: 3px;
		}
			#admin-panel #item-editor #item-content #tab-block ul.tabs {
				margin: 0px;
				display:block;
				clear:both;
				position: relative;
				z-index: 10;
			}
				#admin-panel #item-editor #item-content #tab-block ul.tabs li {
					display:block;
					float:left;
					list-style-type: none;
					padding: 0px;
					margin: 0px;
				}
				#admin-panel #item-editor #item-content #tab-block ul.tabs li a {
					display:block;
					list-style-type: none;
					margin: 0px;
					padding: 10px 20px;
					border-left: 0px;
					border: 1px solid #cccccc;
					color: #555;
					background: #e6e6e6; /* Old browsers */
					background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* IE10+ */
					background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */				
				}			
					#admin-panel #item-editor #item-content #tab-block ul.tabs li a.active {
						background: #ffffff;
						border-bottom: 1px solid #ffffff;
						color: #111	;
					}	
					#admin-panel #item-editor #item-content #tab-block ul.tabs li a:hover {
						text-decoration: none;
					}	
			#admin-panel #item-editor #item-content #tab-block div.tabbed-content {
				display:block;
				clear:both;
				padding: 0px 15px 30px 15px;
				border: 1px solid #dedede;
				overflow:hidden;
				position: relative;
				top: -1px;
				z-index: 5;
			}
				#admin-panel #item-editor #item-content #tab-block div.tabbed-content h4 {
					border: 1px solid #cccccc;
					padding: 5px 10px;
					font-size: 14px;
					margin: 25px 0px 10px -5px;
					background: #e6e6e6; /* Old browsers */
					background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* IE10+ */
					background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */	
					}
				#admin-panel #item-editor #item-content #tab-block div.tabbed-content div.row {
					margin-left: 0px;
				}
				#admin-panel #item-editor div.order-totals {
					text-align: right;
					display:block;
					padding: 10px 0px;
					font-size: 12px;
				}
					#admin-panel #item-editor div.order-totals p {
						line-height: 1.2;
					}
					#admin-panel #item-editor div.order-totals span.bottom-totals {
						display: inline-block;
						width: 120px;
						font-size: 14px;
						text-align: center;
					}
						#admin-panel #item-editor div.order-totals span.bottom-totals.font18 {
							font-size: 18px;
						}

		#admin-panel #item-editor div.product-info {
			background: #f0f0f0;
			border: 1px solid #dedede;
			margin-right: 30px;
		}	
			#admin-panel #item-editor div.product-info div.product-info-inner {
				padding: 15px;
			}

			#admin-panel #item-editor div.product-info h4 {
				border-bottom: 1px solid #ccc;
				margin: 0px;
				padding: 10px;
				background: #e6e6e6; /* Old browsers */
				background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */	
				}
			#admin-panel #item-editor div.product-info div.input-field.radio-fields label {
				display: inline-block;
				margin-right: 25px;
				margin-left: 5px;
				font-size: 12px;
				}
			#admin-panel #item-editor div.product-info div.input-field.radio-fields input.radio {
				margin-top: 0px;
				}



/* --------------------- END OF ADMIN SECTION ------------------------ */



/* --------------------- ADMIN BAR ------------------------ */

#admin-bar {
	font-family: 'Open Sans', sans-serif;
	display:block;
	position: fixed;
	bottom: 0px;
	height: 40px;
	width: 100%;
	z-index: 100;
	border-top: 2px solid #a8a8a8;
	background: #555555; /* Old browsers */
	background: -moz-linear-gradient(top,  #666666 0%, #4e4e4e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#4e4e4e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #666666 0%,#4e4e4e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #666666 0%,#4e4e4e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #666666 0%,#4e4e4e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #666666 0%,#4e4e4e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#4e4e4e',GradientType=0 ); /* IE6-9 */
	box-shadow: 0px 0px 20px #555;
	-moz-box-shadow: 0px 0px 20px #555;
	-webkit-box-shadow: 0px 0px 20px #555;
	text-shadow: 1px 1px 1px #111;
}
	#admin-bar .container {

	}
		#admin-bar .container #logo {
			display:block;
			position: relative;
			border: 3px solid #a8a8a8;
			box-shadow: 0px 0px 15px #555;	
			-moz-box-shadow: 0px 0px 15px #555;	
			-webkit-box-shadow: 0px 0px 15px #555;	
			background: #eee; /* Old browsers */
			padding: 10px 45px;
			float:left;
			top: -25px;
			height: 90px;
			}
			#admin-bar .container #logo:hover {
				top: -27px;
			}
				#admin-bar .container #logo img {
					max-width: 100%;
					max-height: 45px;
				}

		#admin-bar .container #admin-bar-nav {
			text-align: left;
			float: right;
			width: 740px;
			}
			#admin-bar .container #admin-bar-nav ul {
				margin: 0px;
				padding: 0px;
				}
				#admin-bar .container #admin-bar-nav ul li {
					display: inline-block;
					position: relative;
					}
				#admin-bar .container #admin-bar-nav ul > li {
                    text-indent: 0px;
                }
				#admin-bar .container #admin-bar-nav ul > li:before {
                    content: "";
                    text-indent: 0px;
                }
					#admin-bar .container #admin-bar-nav ul li a {
						display: inline-block;
						color: #ffffff !important;
                        font-size:15px;
						padding: 3px 20px;
						border-right: 1px solid #777777;
						margin-left: -5px;
                        text-decoration:none;
						}	
						#admin-bar .container #admin-bar-nav ul li a:hover {
							text-decoration: none;
							box-shadow: inset 0px 0px 15px #000;
							-moz-box-shadow: inset 0px 0px 15px #000;
							-webkit-box-shadow: inset 0px 0px 15px #000;
							background: #444;
                            text-decoration:none;
							}							
					#admin-bar .container #admin-bar-nav ul li ul {
						display: none;
						position: absolute;
						top: 0px;
						left: 0px;
						background: #eeeeee;
						border: 2px solid #dedede;
					}
						#admin-bar .container #admin-bar-nav ul li:hover ul {

						}
							#admin-bar .container #admin-bar-nav ul li:hover ul li {
								display: block;
							}


		#admin-bar .container #admin-bar-right {
			float:right;
			padding-top: 3px;
			}
			#admin-bar .container #admin-bar-right span#user-name {
				color: #fff;
				font-weight: 700;
				padding-right: 5px;
				}
			#admin-bar .container #admin-bar-right a.logout-button {
				padding: 2px 5px;
				font-size: 12px;
				background: #eeeeee;
			}
				#admin-bar .container #admin-bar-right a.logout-button:hover {
					background: #dddddd;
				}


/* --------------------- END OF ADMIN BAR ------------------------ */

/* --------------------- RESPONSIVE CODE ------------------------ */

@media (min-width: 768px) and (max-width: 979px) {
	#admin-panel {

	}



}
@media (max-width: 767px) {
	#admin-panel {

	}
		#admin-panel #admin-title #title-right span.user-name, #admin-panel #admin-title #title-right a.230ccount {
			display: none;
		}

}	

@media (max-width: 480px) {
	#admin-panel {

	}

}


/* --------------------- END OF RESPONSIVE CODE ------------------------ */

.admin-nav-pillar-2020-vision {
    color:#fff;
    background:#202c57;
}
.admin-nav-pillar-learn {
    color:#fff;
    background:#63aadb;
}
.admin-nav-pillar-get {
    color:#fff;
    background:#6b5ea4;
}
.admin-nav-pillar-give {
    color:#fff;
    background:#98c847;
}
.admin-nav-pillar-about {
    color:#fff;
    background:#202c57;
}
.admin-nav-pillar-impact {
    color:#fff;
    background:#6b5ea4;
}
.admin-nav-pillar-partner {
    color:#fff;
    background:#98c847;
}
.admin-nav-pillar-volunteer {
    color:#fff;
    background:#63aadb;
}
.admin-nav-pillar-support {
    color:#fff;
    background:#567338;
}
.admin-nav-pillar-heading-learn {
    color:#63aadb;
    background-color: rgba(99, 170, 219, 0.3);
}
.admin-nav-pillar-heading-get {
    color:#6b5ea4;
    background-color: rgba(107, 94, 164, 0.3);
}
.admin-nav-pillar-heading-give {
    color:#98c847;
    background-color: rgba(152, 200, 71, 0.3);
}
.admin-nav-pillar-heading-about {
    color:#202c57;
    background:#202c57;
    background-color: rgba(32, 44, 87, 0.3);
}
.admin-nav-pillar-heading-impact {
    color:#6b5ea4;
    background-color: rgba(107, 94, 164, 0.3);
}
.admin-nav-pillar-heading-partner {
    color:#98c847;
    background-color: rgba(152, 200, 71, 0.3);
}
.admin-nav-pillar-heading-volunteer {
    color:#63aadb;
    background-color: rgba(99, 170, 219, 0.3);
}
.admin-nav-pillar-heading-support {
    color:#567338;
    background-color: rgba(86, 115, 56, 0.3);
}
#admin #admin-panel-inner #admin-nav ul li a.alert-blackout {
    background:#000;
    color:#fff !important;
}
#admin #admin-panel-inner #admin-nav ul li ul.sub-nav li:hover a.alert-blackout:hover {
    background:#b52b2b;
}
#admin #admin-panel-inner #admin-nav ul li a.alert-forest {
    background:#007a00;
    color:#fff !important;
}
#admin #admin-panel-inner #admin-nav ul li ul.sub-nav li:hover a.alert-forest:hover {
    background:#08b011;
}