/* -----------------------------------------------------------------------------------------------------------------------
File Author:	Ryan Marincovich (ryan@bicycletheory.com)
Date Created:   2010.12.16
Client:         VenYou CMS
File Purpose:	Framework style sheet
REVISIONS:
-------------------------------------------------------------------------------------------------------- */


/* ------------------------------  GLOBAL DEFS  -------------------------------------------------------- */

/* ------------------------------  RESETS  -------------------------------------------------------- */
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,
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-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	background: url(/_images/framework/bg.gif) repeat;
	height: 100%;
}
body.printable { background: none; }
ol, ul {
	list-style: none;
	margin: 0 0 12px 0;
}
pre { font-family: monospace; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
p { 
	padding: 0 0 12px 0; 
}
/* ------------------------------  END RESETS  ---------------------------------------------------- */

/* ------------------------------  GLOBAL IMG DEFS  ---------------------------- */
img {
	border: 0;
	display: block;
}
img.float-right { float: right; }
img.float-left { float: left; }

/* ------------------------------  END GLOBAL IMG DEFS  ------------------------ */

/* ------------------------------  GLOBAL BUTTON DEFS  ---------------------------- */
/*button[class^=grn] {
	padding: 3px 10px 4px;
	border: 1px solid #060;
	background: #00ca31;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ccc');
	background: -webkit-gradient(linear, left top, left bottom, from(#00ca31), to(#009c03));
	background: -moz-linear-gradient(top,  #00ca31,  #009c03);
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}*/
button[class$=right] { float: right; }
div[class^=btn] {
	height: 20px;
	background-repeat: repeat-x;
	background-position: top center;
}
div[class^=btn] p {
	height: 20px;
	padding: 0;
	background-repeat: no-repeat;
	background-position: top left;
}
div[class^=btn] a {
	height: 100%;
	padding: 0 15px;
	float: left;
	display: inline;
	background-repeat: no-repeat;
	background-position: top right;
}
div[class^=btn] p, div[class^=btn] a { 
	color: #fff;
	text-decoration: none;
}
div[class^=btn] span { 
	padding: 2px 0 0; 
	float: left;
}
div.button-row div[class^=btn], div.button-row input[type=submit] { 
	margin-left: 165px;
	float: left; 
}
div.button-row div[class^=btn] span { padding-top: 2px; }
div.stacked { margin-left: 10px; }
div.btn-orange { background-image: url(/_images/buttons/bg-orange.gif); }
div.btn-orange p, div.btn-orange a { background-image: url(/_images/buttons/border-orange.gif); }
div.btn-grey { background-image: url(/_images/buttons/bg-grey.gif); }
div.btn-grey p, div.btn-grey a { background-image: url(/_images/buttons/border-grey.gif); }
div.btn-red { background-image: url(/_images/buttons/bg-red.gif); }
div.btn-red p, div.btn-red a { background-image: url(/_images/buttons/border-red.gif); }
div.btn-green { background-image: url(/_images/buttons/bg-green.gif); }
div.btn-green p, div.btn-green a { background-image: url(/_images/buttons/border-green.gif); }

div.back-button {
	padding: 0 10px 0 0;
	float: left;
}
div[class^=back] div[class^=btn] { float: left; }
h1#backTitle { padding-top: 30px; }

#vycmsButtons {	display: block; }

button, input[type=submit], #vycmsButtons .ui-button, .ui-dialog-buttonset button {
	height: 20px;
	margin: 0;
	padding: 0 15px 0 14px;
	border: 0;
	float: left;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.6875em;
}
button.clear {
	color: #f60;
	background: none;
	border: 0;
}
/*div.error-buttons button.clear { background: #fff; }*/
button.clear[disabled] {
	background: none;
	color: #ccc;
	border: 0;
}
button .ui-button-text {
	padding: .2em .2em !important;
}
#vycmsButtons .ui-button { 
	margin: 5px 10px 0 0;
	font-size: 1em; 
}
#vycmsButtons .ui-button span { padding: 0; }
/*.ui-dialog .ui-dialog-buttonpane button { margin: 0 10px 0 0; }
.ui-state-default, .ui-widget-content .ui-state-default { color: #fff; }*/
button.order-status { margin: 3px 10px 5px 0; }
button[class^=orange], input[type=submit].orange, #vycmsButtons button.orange, .ui-dialog-buttonset button.orange {	
	border-left: 1px solid #c60;
	border-right: 1px solid #c60;
	background: top center repeat-x url(/_images/buttons/bg-orange.gif); 
	color: #FFFFFF;
	font-weight: bold;
}
button.orange-right { float: right; }
button.red, input[type=submit].red, #vycmsButtons button.red, .ui-dialog-buttonset button.red {	
	border-left: 1px solid #c00;
	border-right: 1px solid #c00;
	background: top center repeat-x url(/_images/buttons/bg-red.gif); 
	color: #FFFFFF;
	font-weight: bold;
}
button.green, input[type=submit].green, #vycmsButtons button.green, .ui-dialog-buttonset button.green {	
	border-left: 1px solid #090;
	border-right: 1px solid #090;
	background: top center repeat-x url(/_images/buttons/bg-green.gif); 
	color: #FFFFFF;
	font-weight: bold;
}
button#Confirm {
	border-top: 0;
	border-bottom: 0;
}
button[class^=grey], input[type=submit].grey, #vycmsButtons button.grey, .ui-dialog-buttonset button.grey {	
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	background: top center repeat-x url(/_images/buttons/bg-grey.gif); 
	color: #FFFFFF;
	font-weight: bold;
}
button.disabled, input[type=submit].disabled, button[disabled], input[type=submit][disabled] {	
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background-color: #CCC;
	background-image: none; 
}
input::-moz-focus-inner, button::-moz-focus-inner { /*Remove button padding in FF*/
    border: 0;
    padding: 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none;
	display: block;
}
.ui-button {
	display: inline;
}

/*.button-bar {
	width: 100%;
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc; 
	background: #e5e5e5;
	float: left;
}*/
.button-bar {
	width: 100%;
	margin: 10px 0 10px 0;
	padding: 15px 0 0;
	float: left;
	border-top: 1px solid #ccc;
}
.object-form-buttons {
	width: 300px;
	margin: 0 0 0 165px;
	padding: 5px 0 0;
	float: left;
}
#RObjectForm .object-form-buttons {
	width: 200px;
	margin-left: 135px;
	padding-bottom: 5px;
}
#existingFieldOptions .object-form-buttons { padding-bottom: 15px; }
.button-bar div.left, .object-form-buttons div.left {
	padding: 0 10px 0 0;
	float: left;
}
.button-bar div.right {
	padding: 0;
	float: right;
}
.button-bar ul {
	padding: 5px 0;
	margin: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc; 
}
.button-bar ul li {
	padding: 0 0 0 10px;
	float: left;
}
.button-bar ul.double { padding-left: 165px; }

img.inline-help {
	margin: 2px 0 0 10px;
	float: left;
}
img.show-help, img#RandomGenerate {
	margin: 0 0 0 10px;
	float: left;
	cursor: pointer;
}
img.delete-obj {
	cursor: pointer;
}	

/* ------------------------------  END GLOBAL BUTTON DEFS  ------------------------ */

/* ------------------------------  GLOBAL TEXT HEADER DEFS  ---------------------------- */
/* ------ 18px */
h1 {
	font-size: 1.125em;
	line-height: 1.375em;
}
h1.page-title { padding: 0 0 25px; }

/* ------ 16px */
h2 {
	font-size: 1em;
	line-height: 1.25em;
}
/* ------ 14px */
h2[class^=object-title] {
	padding: 0 0 14px;
	font-size: 0.875em;
	line-height: 1.25em;
}
h2.object-title-padded { 
	width: 100%;
	padding: 15px 0 0; 
	float: left;
}
/* normal font size 11px */
h3, h4, h5, *[size=reg], ul#globalNavigation, p, .details>ol, .details>ul, .email-body, #ReportFilters div.row label {
	font-size: 0.6875em;
	line-height: 1.375em;
}
/* ------ 12px
	font-size: 0.8125em;
	line-height: 1.3125em;*/
	
/* ------ 14px */
ul.search p.label {
	font-size: 0.875em;
	line-height: 1.25em;
}
/* ------------------------------  END GLOBAL TEXT HEADER DEFS  ------------------------ */
/* --------------------------- LINK DEFS ----------------------------------- */
a { font-weight: bold; color: #f60; }
a, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
a.opposite, a:visited.opposite { text-decoration: underline; }
a.opposite:hover, a.opposite:active { text-decoration: none; }
a.disabled { color: #000; }
/* --------------------------- END LINK DEFS ------------------------------- */

/* --------------------------- TEXT DEFS ----------------------------------- */
p.centered-text { text-align: center; }
.no-records {
	padding: 6px 0 12px 0;
	text-align: center;
}
p.page-chain { padding: 0 0 5px; }
span.on-sale {
	color: #090;
}
span.on-sale-regular-price {
	color: #999;
	font-style: italic;
}
/* --------------------------- END TEXT DEFS ------------------------------- */

/* --------------------------- ERROR DEFS ---------------------------------- */
.textError {
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	color: #c00;
	background-color: #fee;
}
.textError h1 {
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	float: left;
}
.textError ul {	padding: 5px 10px 5px 30px; }
.textError a { padding: 10px; }
.textErrorSmall {
	font-size: 11px;
	padding: 5px;
	color: #c00;
}
#objFormFull {
	width: 100%;
	float: left;
}
.form-error-signin {
	padding: 9px 9px 0;
	float: left;
}
.form-row-error {
	width: 100%;
	margin: 5px 0 0 0;
}
.form-error-alert-sub { padding: 0 0 0 10px; }
.form-error-mod-alert-sub { padding: 5px 10px 5px 0; }
.form-error-mod, .form-error-mod-alert, .form-error-mod-alert-sub {
	background: url(/_images/modules/error-form-right.gif) top right repeat-y;
	float: left;
}
.form-error-mod {
	width: 100%;
	padding: 0 0 5px 0;
}
.form-error-mod-alert {
	width: 680px;
	padding: 10px;
}
span.error-message {
	color: #c00;
	padding: 0 0 0 25px;
	background-image: url(/_images/modules/error-form-icon.gif);
	background-position: top left;
	background-repeat: no-repeat;
	font-weight: bold;
	text-align: left;
	float: left;
}
div.alert-mod {
	width: 680px;
	padding: 4px 9px 9px 4px;
	float: left;
}
div.alert-message {
	width: 630px;
	padding: 5px 0 0 10px;
	text-align: left;
	float: left;
}
div.alert-message ul { margin: 0; }
div.alert-message li {
	padding: 0 0 0 15px;
	list-style: disc inside;
}
div.alert-message p.title {
	font-size: 1.125em;
	line-height: 1.375em;
	padding: 0;
	font-weight: bold;
	text-transform: uppercase;
}
#alert-error, .form-error-alert-sub {
	border: 1px solid #c00;
	background: #fcc;
	float: left;
}
#alert-success {
	border: 1px solid #390;
	background: #dafbca;
	float: left;
}
#alert-info, #alert-info-external {
	border: 1px solid #09f;
	/*margin: 10px 0 0;*/
	background: #cff;
	float: left;
}
#alert-info-external { background-color: #ddf; }
#alert-error, #alert-success, #alert-info, #alert-info-external { margin: 0 0 10px 0; }
div#ajaxAlert {
	border: 1px solid #c00;
	background: #fcc;
	float: left;
	margin-bottom: 20px;
}
div#ajaxAlert p {
	font-weight: bold;
	color: #c00;
	padding: 5px 9px;
}
#containerFull .alert-mod { width: 925px; }
#containerFull .alert-message { width: 845px; }
#object-editor .alert-mod, #pageContent .alert-mod, #containerFull #pageDash .alert-mod { width: 685px; }
#object-editor .alert-message, #pageContent .alert-message, #containerFull #pageDash .alert-message { width: 605px; }
#formWrapper .alert-mod { width: 335px; }
#formWrapper .alert-message { width: 255px; }
/* --------------------------- END ERROR DEFS ------------------------------ */

/* --------------------------- FIXES FOR IE6 ------------------------------ */
.clearfix:after {
     content: " "; 
     display: block; 
     height: 0; 
	 font-size: 0;
     clear: both; 
     visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */

/* DEFS FOR INVADER */
#invaderLayer {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1000 !important;
}
#browserInvader {
	width: 540px;
	margin: 0 auto;
	padding: 0 0 1px 0;
	background: #09f;
}
#browserInvader p.header {
	width: 535px;
	height: 40px;
	padding: 0 0 0 5px;
}
#invaderContent {
	width: 500px;
	margin: 0 auto;
	padding: 16px 19px 19px 19px;
	background: #fff;
}
#invaderContent ul {
	width: 100%;
	margin: 0;
	float: left;
}
#invaderContent ul li { 
	margin: 0; 
	float: left;
}
#invaderContent ul li.icon { 
	width: 120px; 
	padding: 4px 0 0 0;
}
#invaderContent ul li.content { width: 380px; }
#invaderContent ul li.content p.callout {
	width: 360px;
	padding: 5px 9px 6px 9px;
	background: #ffc;
	border: 1px solid #cc9;
}
#invaderContent ul li.content p.callout a { color: #f60; }
#invaderContent ul li.content p.callout a, #invaderContent ul li.content p.callout a:visited { text-decoration: underline; }
#invaderContent ul li.content p.callout a:hover, #invaderContent ul li.content p.callout a:active { text-decoration: none; }
#invaderContent ul li.content .button {
	margin: 20px 0 0 0;
	float: left;
}
#browserInvader p.footer {
	width: 538px;
	height: 21px;
	color: #999;
	font-size: 9px;
	padding: 8px 0 0 0;
	margin: 0 auto;
	background: url(https://dev.venyou.com/_images/modules/bg-invader-footer.gif) top left no-repeat;
}
#browserInvader p.footer span { padding: 0 0 0 9px; }
#browserInvader p.footer a { 
	color: #999; 
	font-weight: normal;
}
#browserInvader p.footer a, #browserInvader p.footer a:visited { text-decoration: underline; }
#browserInvader p.footer a:hover, #browserInvader p.footer a:active { text-decoration: none; }
/* END DEFS FOR INVADER */	

/* --------------------------- END FIXES FOR IE6 -------------------------- */

/* --------------------------- OVERLAY DEFS -------------------------- */
#mainOverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	visibility: hidden;
	z-index: 900;
}
#overlayBG {
	width: 100%;
	height: 100%;
	background-repeat: repeat;
}
.overlay-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.overlay-container {
	width: 600px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.overlay-header {
	width: 100%;
	height: 45px;
	margin: 65px 0 0 0;
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
}
img.close {
	margin: 10px 10px 0 0;
	float: right;
	display: inline;
	position: relative;
}
img.head {
	margin: 10px 0 0 10px;
	float: left;
	display: inline;
}
.overlay-body {
	width: 100%;
	background-position: top left;
	background-repeat: repeat-y;
	float: left;
}
.overlay-body h1 {
	padding: 15px 0 4px 0;
}
.overlay-body p {
	width: 100%;
	height: 80px;
	padding: 0;
	overflow: auto;
}
.overlay-footer {
	width: 100%;
	height: 20px;
	float: left;
}
.overlay-content {
	width: 460px;
	margin: 30px auto 0 auto;
}
/* --------------------------- END OVERLAY DEFS ---------------------- */

/* ------------------------------  END GLOBAL DEFS  ---------------------------------------------------- */

/* ------------------------------  FRAMEWORK STYLES  -------------------------------------------------------- */
.site-width { width: 960px; }
#container {
	width: 100%;
	min-width: 980px;
	min-height: 560px;
	background: url(/_images/framework/footer-shadow.png) bottom center repeat-x;
}
#siteContainer {
	width: 100%;
	min-height: 560px;
	background: #fff url(/_images/framework/header-stripes.gif) top center repeat-x;
}
#header {
	/* height: 190px; */
	margin: 0 auto;
	text-align: left;
}
#header img.logo {
	width: auto;
	height: 80px;
}
#body {
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	position: relative;
}
ul.halved-content {
	width: 100%;
	margin: 0;
	float: left;
}
ul.halved-content > li { 
	width: 340px;
	float: left; 
}
ul.halved-content > li.border-column { width: 339px; }
ul.halved-content > li.right { padding: 0 0 0 20px; }
ul.halved-content > li div.bar-wh { margin-bottom: 10px; }
ul.halved-content > li p#vy-assoc-count { 
	width: 320px;
	padding: 6px 10px 0;
	float: left;
	font-weight: bold;
}
/* ------------------------------  SITE HEADER STYLES  ------------------------------------------------------ */
#globalUtilities {
	width: 100%;
	height: 30px;
}
#globalUtilities>ul {
	height: 100%; 
	padding-left: 2px;
	margin: 0;
	float: left;
	display: inline;
	background: url(/_images/nav/vr-orange.gif) top left no-repeat; 
}
#globalUtilities>ul li { 
	height: 100%;
	padding-right: 2px;
	float: left; 
	background: url(/_images/nav/vr-orange.gif) top right no-repeat; 
}
#globalUtilities ul.right { float: right; }
#globalUtilities a { 
	height: 100%;
	padding: 0 10px;
	float: left;
	display: inline;
	color: #fff; 
}
#globalUtilities a:hover, #globalUtilities a:active, #globalUtilities>ul li.on a { 
	text-decoration: none; 
	background: #fff;
	color: #000;
}
#globalUtilities span {
	padding: 8px 0 0;
	float: left;
}
#globalUtilities ul li.drop { padding: 0 10px; }
#globalUtilities ul li.drop select { 
	margin: 6px 0 0; }
#signedInDetails {
	width: 300px;
	padding: 21px 10px 0 0;
	float: right;
	display: inline;
	text-align: right;
}
#signedInDetails p { padding-bottom: 5px; }
#signedInDetails span {
	padding: 0 5px;
	color: #999;
}
#globalHeader {
	width: 100%;
	height: 40px;
	background: url(/_images/framework/bg-utility-bar.gif) top left repeat-x;
}
#globalHeader div.cap {
	width: 100%;
	height: 100%;
	background: url(/_images/framework/bottom-utility-bar.gif) bottom left no-repeat;
}
#globalHeader div.drop {
	height: 100%;
	float: left;
	background: url(/_images/framework/bg-site-drop.gif) top left repeat-x;
}
#globalHeader div.drop p {
	min-width: 200px;
	padding: 11px 10px 0 0;
	float: left;
	display: inline;
	color: #fff;
	font-weight: bold;
}
#globalHeader div.drop select {
	width: 200px;
	margin: 11px 10px 0 0;
	float: left;
	display: inline;
}
#globalHeader div[class^=btn] {
	margin: 10px 10px 0 0;
	float: right;
}
/* ------------------------------  END SITE HEADER STYLES  -------------------------------------------------- */

/* ------------------------------  MAIN NAV AND 2NAV STYLES  ------------------------------------------------------ */
#globalNavigationBar {
	width: 100%;
	height: 40px;
	clear: left;
	background: url(/_images/nav/vr-blue.gif) top right no-repeat;
}
ul#globalNavigation {
	height: 100%;
	margin: 0;
	padding: 0 0 0 2px;
	float: left;
	display: inline;
	background: url(/_images/nav/vr-blue.gif) top left no-repeat;
}
ul#globalNavigation li { 
	height: 100%;
	padding-right: 2px;
	float: left; 
	display: inline;
	background: url(/_images/nav/vr-blue.gif) top right no-repeat; 
}
ul#globalNavigation a { 
	height: 100%;
	padding: 0 20px;
	float: left;
	display: inline;
	color: #fff;
	background-repeat: repeat-x;
	background-image: url(/_images/nav/bg-nav.gif);
}
ul#globalNavigation span {
	padding: 11px 0 0;
	float: left;
}
ul#globalNavigation li.nav-on a { background-position: bottom left; }
ul#globalNavigation li.nav-off a { background-position: top left; }
ul#globalNavigation li.nav-on a:hover, ul#globalNavigation li.nav-on a:active, ul#globalNavigation li.nav-off a:hover, ul#globalNavigation li.nav-off a:active { 
	text-decoration: none;
	background-position: bottom left;
}
ul.treeNavigation {
	width: 100%;
	float: left;
	background: #333 url(/_images/framework/hdivider.gif) bottom left repeat-x;
	color: #fff;
	font-weight: bold;
}
li.base {
	width: 100%;
	padding: 1px 0 0;
	float: left;
	background: url(/_images/framework/hdivider.gif) top left repeat-x;
	position: relative;
}
#userResourceRights #treeNav li.base { height: 25px; }

li.base p[class^=expand] {
	width: 100%;
	padding: 0;
	float: left;
	background-position: top left;
	background-repeat: no-repeat;
}
li.base p[class^=expand]:hover, li.base p[class^=expand]:active { background-color: #f90; }
li.base p[class^=expand] a {
	width: 100%;
	padding: 5px 0;
	float: left;
	color: #fff;
}
li.base p[class^=expand] a:hover, li.base p[class^=expand] a:active { text-decoration: none; }
li.base p[class^=expand] a.on { color: #f90; }
li.base p[class^=expand] a.on:hover, li.base p[class^=expand] a.on:active, li.sfHover p[class^=expand] a.on { color: #fff; }
li.base p[class^=expand] span {
	padding: 0 10px;
	margin: 0 0 0 30px;
	float: left;
	display: inline;
	background: url(/_images/nav/bullet.gif) top left no-repeat;
}
li.base p[class^=expand] span.top-level {
	padding-left: 0;
	background: none;
}
li.base p.expand-page-children span { padding-right: 30px; }
.sf-menu li.sfHover ul.flyout p[class^=expand] span { margin-left: 10px; }

li.base p.expand-type { background: none; }
li.base p.expand-type span {
	background: none;
	margin: 0;
}
li.base p.expand-open, li.base p.expand-none { background-image: url(/_images/nav/icon-open.gif); }
li.base p.expand-plus { background-image: url(/_images/nav/icon-plus.gif); }
li.base p.expand-minus { background-image: url(/_images/nav/icon-minus.gif); }
li.base p.expand-page, li.base p.expand-none span { background: none; }
li.base p.expand-page-children { 
	background-image: url(/_images/nav/icon-flyout.png);
	background-position: top right;
	background-repeat: no-repeat; 
}
li.base p.expand-none span { padding-left: 0; }
.sf-menu li.sfHover>p.expand-page-children { 
	background-color: #f90;
	background-image: url(/_images/nav/icon-flyout.png);
	background-position: top right;
	background-repeat: no-repeat;
}
ul.children { display: none; }

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width: 220px;
}
.sf-menu li li {
	width: 100%;
	padding: 1px 0 0;
	float: left;
	background: #535353 url(/_images/framework/hdivider.gif) top left repeat-x;
	position: relative;
}
.sf-menu li li li {
	background: #999 url(/_images/framework/hdivider-dark.gif) top left repeat-x;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			220px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			220px; /* match ul width */
	top:			0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(/_images/nav/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	220px; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/* ------------------------------  END 2NAV STYLES  -------------------------------------------------- */

/* --------------------------- COLUMN CONTAINERS ----------------------------------- */
#treeNav {
	width: 220px;
	padding: 10px;
	float: left;
	display: inline;
}
#userPTreeRights #treeNav { padding-left: 0; }
#userResourceRights #treeNav { 
	padding-left: 0;
	padding-right: 20px; 
}
#userResourceRights #treeNav select { 
	width: 200px;
	margin: 20px 0 0 10px;
}
#pageContent, #pageDash {
	width: 700px;
	padding: 20px 0;
}
#pageContent { margin: 0 0 0 250px; }
#userPTreeRights #pageContent {
	width: 460px;
	padding-left: 10px;
	margin: 0;
	float: left;
}
#userResourceRights #pageContent {
	padding-left: 0;
	margin: 0;
	float: left;
}
#pageDash { 
	padding: 20px 10px;
	float: left; 
}
#dashBlog {
	width: 220px;
	padding: 20px 10px 10px;
	margin: 0 0 0 720px;
}
#containerFull {
	width: 960px;
	padding: 0;
}
div#containerFull.padded-col { 
	padding: 20px 10px 0;
	width: 940px; 
}
div[class^=container-half] {
	width: 460px;
	padding: 15px 0 0;
	float: left;
}
div.container-half-right { padding-left: 20px; }
#tabContent div[class^=container-half] { padding-top: 0; }
div[class^=order-col] {
	width: 460px;
	float: left;
}
div.order-col-right { padding-left: 20px; }
div.order-col-right div.bar-wh { margin-bottom: 6px; }
#tableResults {
	float: left;
	width: 100%;
}
/* --------------------------- END COLUMN CONTAINERS ------------------------------- */

/* ------------------------------  END BODY STYLES  ---------------------------------------------------- */

/* ------------------------------  FOOTER STYLES  ------------------------------------------------------ */
#footer {
	width: 960px;
	height: 40px;
	margin: 0 auto;
	color: #ccc;
	clear: left;
}
#footer a { color: #fff; }
#footer p.copy {
	width: 300px;
	padding: 11px 0 0 10px;
	float: left;
	display: inline;
}
#footer p.links { 
	padding: 11px 10px 0 0; 
	float: right;
	display: inline;
}
/* ------------------------------  END FOOTER STYLES  -------------------------------------------------- */