/*
SKIN BY WWW.SKINBOX.NET
*/

/************************************************************************/
/* WRAPPER */
/************************************************************************/

.width {
	margin: 0 auto;
	position: relative;
}

.mainContent{
	background: #fff;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-radius: 0px 0px 4px 4px;
	padding: 5px;
	min-height: 500px;
}

.mainShadow {
	box-shadow: 0 0 12px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 12px rgba(0,0,0,0.5);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#footer{
	background: url("http://www.satupdate.net/public/style_images/velvet/_custom/bg-footer_blue.jpg") no-repeat top center;
	padding-bottom: 40px;
}

@media all and (max-width: 1720px) and (min-width: 1000px) {
  #footer{
    -webkit-background-size: 100% 201px !important;
    -moz-background-size: 100% 201px !important;
    background-size: 100% 201px !important;
  }
}

/************************************************************************/
/* USER NAV */
/************************************************************************/

#usernav {
	height: 34px;
	padding-left: 0;
	background: #00223a url(http://www.satupdate.net/public/style_images/velvet/_custom/bg-userlinks.png) repeat-x bottom left;
	color: #6e7e8e;
        font-size: 0.9em;
	text-decoration: none;
	text-align: left;
}

#usernav-container {
	background: transparent;
	min-height: 34px;
}

#usernav-wrapper {
	*max-width: 750px;
	*max-height: 100px;
	float: left;
	position: relative;
}

/************************************************************************/
/* WELCOME MESSAGE */
/************************************************************************/

.welcome {
	background: #0e1725 url(http://www.satupdate.net/public/style_images/velvet/_custom/bg-welcome.png) repeat-x bottom;
	color: #5b718f;
	font-size: 1.2em;
	line-height: 1.5em;
	padding-top: 0px;
}

	.welcome .padding {
		padding: 10px 15px 15px;
	}

.welcome_left {
	background: url(http://www.satupdate.net/public/style_images/velvet/_custom/bg-welcome_left.png) repeat-y top left;
}

.welcome_right {
	background: url(http://www.satupdate.net/public/style_images/velvet/_custom/bg-welcome_right.png) repeat-y top right;
}

	.welcome span {
		font-weight: normal;
		font-family: fertigo;
		color: #8ba3c4;
	}

	.welcome p {
		display: inline;
	}

.hideit {
	float: right;
	display: inline;
	font-weight: normal;
	text-shadoe: -1px -1px 1px #000;
	font-size: 0.7em;
	position: relative;
	margin-top: -25px;
	margin-right: 3px;
}

	.hideit a {
		background-color: rgba(255,255,255,0.1);
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.1)), to(transparent)); /* Saf-Chrome */
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, transparent 100%); /* FF */
		background-image: linear-gradient(top, rgba(255,255,255,0.1), transparent);
		padding: 3px 8px;
		color: rgba(255,255,255,0.6);
		text-decoration: none !important;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
	}

		.hideit a:hover {
			background-color: rgba(255,255,255,0.2);
			color: #fff;
		}

		.hideit a:active {
			background-color: rgba(255,255,255,0.15);
			box-shadow: inset 0 1px 3px rgba(0,0,0,0.9);
			-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.9);
			-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.9);
			color: rgba(255,255,255,0.5);
		}

		.hideit img {
			position: relative;
			margin-top: -1px;
		}

/* Style picker */

.stylePicker{ margin: 8px 0px 0px 10px; }

/************************************************************************/
/* COLOR PICKER */
/************************************************************************/

ul.picker {
	float: right;
	display: inline;
}

	ul.picker li {
		float: left;
		display: inline;
		padding: 6px 0 0 0;
	}

		ul.picker li a {
			-webkit-transition: all 250ms ease;
			-moz-transition: all 250ms ease;
			-o-transition: all 250ms ease;
			transition: all 250ms ease;
		}

		ul.picker li a:hover {
			opacity: 0.7;
		}

		ul.picker li a:active {
			opacity: 0.5;
		}

/************************************************************************/
/* SUPER UBER DUPER FEATURES */
/************************************************************************/

/* No Flickering */
[data-dropdown] ul, [data-box], [data-dombox], [data-store] { display: none;}

/* IE Fixes */
.msie-7 ul.breadcrumb li, .msie-8 ul.breadcrumb li { margin: 0; }
.msie-7 ul.breadcrumb li a, .msie-8 ul.breadcrumb li a { padding: 2px 10px 3px 10px; }
.msie-7 .sb-avatar-frame img, .msie-8 .sb-avatar-frame img { filter: alpha(opacity=100); }

.active[data-target-style] { font-weight: bold !important; }

/* Popup */
#sb-popbox-inner {
	padding: 10px 20px 20px 20px;
	font-size: 1em;
	line-height: 150%;
}

/* Dropdown Menu */
[data-dropdown] { position: relative; }
[data-dropdown=right] ul { right: 0px; }

/* Submenu */
[data-dropdown] ul {
	background-color: #fff;
	box-shadow: 0 6px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 6px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 6px 15px rgba(0,0,0,0.5);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 0.9em !important;
	width: 200px;
	position: absolute;
	z-index: 10000;
	margin: 0;
	padding: 0 !important;
}

	[data-dropdown] ul li {
		margin: 0 !important;
		padding: 0 !important;
		display: block !important;
		float: none !important;
		text-align: left !important;
		text-transform: none !important;
		border-bottom: 1px solid rgba(0,0,0,0.08);
	}

		[data-dropdown] ul li a {
			background: transparent !important;
			border-radius: 4px !important;
			-moz-border-radius: 4px !important;
			-webkit-border-radius: 4px !important;
			box-shadow: none !important;
			-webkit-box-shadow: none !important;
			-moz-box-shadow: none !important;
			margin: 0 !important;
			line-height: 180% !important;
			height: auto !important;
			padding: 4px !important;
			color: #6d6d6d !important;
			text-shadow: none !important;
			border: 0 !important;
			display: block !important;
			float: none !important;
		}

		[data-dropdown] ul li a img {
			position: relative;
			margin-top: 1px;
			margin-right: 2px;
			opacity: 0.3;
			filter: Alpha(opacity=30);
		}

			[data-dropdown] ul li a:hover {
				background: #f4f4f4 !important;
				color: #000 !important;
				border: 0 !important;
			}

			[data-dropdown] ul li a:hover img {
				opacity: 0.8;
				filter: Alpha(opacity=80);
			}

			[data-dropdown] ul li a:active {
				background: #eaeaea !important;
				border: 0 !important;
				color: rgba(0,0,0,0.5) !important;
			}

.category-dropdown span { padding-bottom: 15px; }

.sb-dropdown_arrow {
	position: relative;
	margin-top: 0px;
	margin-left: 1px;
}

/* Background Picker */
#background-picker { display: none; }

/* Internals */
.sb-feature-dropdowns-off [data-dropdown] { display: none; }
.sb-feature-popups-off [data-dombox=appearance] { display: block; }
.sb-feature-background_picker-off #switch_wrap { display: none; }

/************************************************************************/
/* MISC */
/************************************************************************/

@font-face {
	font-family: fertigo;
	src: url("http://www.satupdate.net/public/style_images/velvet/_fonts/Fertigo.otf") format("opentype");
}

/************************************************************************/
/* BRANDING - PLEASE DO NOT REMOVE */
/************************************************************************/

.branding_skin {	
	padding: 16px 8px;
	text-align: left;
	clear: both;
	color: #fff;
	font-size: 11.7px;
	overflow: hidden;
	background: url("http://www.satupdate.net/public/style_images/velvet/_custom/sep.png") repeat-x 0 0;
}

	.branding_skin a {
		color: #fff;
		text-decoration: none;
	}

	.branding_skin a:hover {
		color: #fff;
		text-decoration: underline;
	}

.branding_logo {
	float: right;
	opacity: 0.7;
}

	.branding_logo:hover {
		opacity: 1;
	}

	.branding_logo:active {
		opacity: 0.7;
	}