/*
// PACKFILE: /css/pack/quilt.css, nocompact, order=2
*/
/**************************************************

	HOW THIS FILE IS ORGANIZED:

	- ===PLEASE try to maintain this convention===

	- Each section is marked off with a comment
	- Each section applies to a specific molecule
	- The molecule name (as it would appear in Javascript) is put in the header of each section

	For example:

		===== SlideShow ====

		<styles>

		=====================

	- NOTE: every qtask page will pick up the styles here!  Do not set global styles unless
		you are sure of what you are doing.

***************************************************/


.q-basic .header-logo-row {
	background: url("/images/quilt/QtaskElements.png") repeat-x 0px -632px;
	height: 32px;
	}

.q-basic .seperator
{
	height: 1px;
	background-color: #003399;
}
.q-basic .top-seperator
{
	height: 1px;
	background-color: #999999;

}

/* 100 pixel edge - not a fixed width table */
.q-basic .mt-edge {
/*	min-width: 800px;
	table-layout: fixed;*/
	height: 100%;
	width: 796px;
	}
.q-basic .mt-edge .main-left {
	width: 24px;
	background: url("/images/quilt/main-edge.png") repeat-y 0px 0px;
	}
.q-basic .mt-edge .main-mid {
	width: 100%;
	}
.q-basic .mt-edge .main-right {
	width: 24px;
	background: url("/images/quilt/main-edge.png") repeat-y -24px 0px;
	}
.q-basic .mt-edge .main-bottom {
	padding-bottom: 3px;
	}

/* 24 px max edge 750 fixed width table */
.q-basic .mt-fixed {
/*	min-width: 800px;
	table-layout: fixed;*/
	height: 100%;
	width: 796px;
	}
.q-basic .mt-fixed .main-left {
	width: 24px;
	background: url("/images/quilt/main-edge.png") repeat-y 0px 0px;
	}
.q-basic .mt-fixed .main-mid {
	width: 750px;
	}
.q-basic .mt-fixed .main-right {
	width: 24px;
	background: url("/images/quilt/main-edge.png") repeat-y -24px 0px;
	}
.q-basic .mt-fixed .main-bottom {
	padding-bottom: 3px;
	}

/* 24 px max edge 750 fixed width table */
.q-basic .mt-none {
/*	min-width: 800px;
	table-layout: fixed;*/
	height: 100%;
	width: 100%;
	}
.q-basic .mt-none .main-left {
	width: 3px;
	background-color: #fff;
	}
.q-basic .mt-none .main-mid {
	width: 100%;
	}
.q-basic .mt-none .main-right {
	width: 3px;
	background-color: #fff;
	}
.q-basic .mt-none .main-bottom {
	padding-bottom: 3px;
	}


/* ====== Label molecule */



.q-basic .buttonlabel-off {
	border: 1px solid transparent;
	padding: 0px 5px 0px 1px;
	color: #003399;
}
.q-basic .buttonlabel-off a,
.q-basic .buttonlabel-off a:link,
.q-basic .buttonlabel-off a:active,
.q-basic .buttonlabel-off a:visited {
	color: #003399;
	text-decoration: none;
}

.q-basic .buttonlabel-on {
	border: 1px solid transparent;
	padding: 0px 5px 0px 1px;
	color: #FFF;
	background-color: #003399;
}
.q-basic .buttonlabel-on a,
.q-basic .buttonlabel-on a:link,
.q-basic .buttonlabel-on a:active,
.q-basic .buttonlabel-on a:visited {
	color: #FFF;
	background-color: #003399;
	text-decoration: none;
}

.q-basic .buttonlabel-off-hilite {
	padding: 0px 5px 0px 5px;
	color: #003399;
	border-bottom: 1px SOLID orange;
}
.q-basic .buttonlabel-off-hilite a,
.q-basic .buttonlabel-off-hilite a:link,
.q-basic .buttonlabel-off-hilite a:active,
.q-basic .buttonlabel-off-hilite a:visited {
	color: #003399;
	text-decoration: none;
}

.q-basic .buttonlabel-on-hilite {
	padding: 0px 5px 0px 5px;
	color: #FFF;
	background-color: #003399;
}
.q-basic .buttonlabel-on-hilite a,
.q-basic .buttonlabel-on-hilite a:link,
.q-basic .buttonlabel-on-hilite a:active,
.q-basic .buttonlabel-on-hilite a:visited {
	color: #FFF;
	background-color: #003399;
	text-decoration: none;
}

.q-basic .nowrap { white-space: nowrap; }

/* ====== TextLink molecule */
/* OVERRIDES qfw */

/* standard */
.q-basic .textlink-off {
	border: 1px SOLID transparent;
	color: #003399;
	background-color: transparent;
	white-space: nowrap;
}

.q-basic .textlink-on {
	border: 1px SOLID transparent;
	color: #FFF;
	background-color: #003399;
	white-space: nowrap;
}

.q-basic .textlink-ghost {
	border: 1px SOLID transparent;
	color: #666;
	background-color: transparent;
	white-space: nowrap;
}

.q-basic .focus {
	border: 1px dotted #88BB00 !important;
}
.q-basic .focus-white {
	border: 1px dotted white !important;
}

.q-basic .textlink-off-hilite {
	border: 1px SOLID transparent;
	color: #003399;
	background-color: transparent;
	white-space: nowrap;
	text-decoration: none;
	border-bottom: 1px SOLID orange;
}
.q-basic .textlink-on-hilite {
	border: 1px SOLID transparent;
	color: #FFF;
	background-color: #003399;
	white-space: nowrap;
	text-decoration: none;
}


/* arrows */
.q-basic .uparrow-off,		.q-basic .uparrow-off-hilite		{ width: 10px; height: 10px; background: transparent url("/images/quilt/Interface.png") repeat-x 0px 0px; }
.q-basic .uparrow-on,		.q-basic .uparrow-on-hilite			{ width: 10px; height: 10px; background: transparent url("/images/quilt/Interface.png") repeat-x -10px 0px; }
.q-basic .rightarrow-off,	.q-basic .rightarrow-off-hilite		{ width: 10px; height: 10px; background: transparent url("/images/quilt/Interface.png") repeat-x 0px -10px; }
.q-basic .rightarrow-on,	.q-basic .rightarrow-on-hilite		{ width: 10px; height: 10px; background: transparent url("/images/quilt/Interface.png") repeat-x -10px -10px; }
.q-basic .downarrow-off,	.q-basic .downarrow-off-hilite		{ width: 10px; height: 10px; background: transparent url("/images/quilt/Interface.png") repeat-x 0px -20px; }
.q-basic .downarrow-on,		.q-basic .downarrow-on-hilite		{ width: 10px; height: 10px; background: transparent url("/images/quilt/Interface.png") repeat-x -10px -20px; }
.q-basic .leftarrow-off,	.q-basic .leftarrow-off-hilite		{ width: 10px; height: 10px; background: transparent url("/images/quilt/Interface.png") repeat-x 0px -30px; }
.q-basic .leftarrow-on,		.q-basic .leftarrow-on-hilite		{ width: 10px; height: 10px; background: transparent url("/images/quilt/Interface.png") repeat-x -10px -30px; }

/* timebox */
.q-basic .timebox-off, .q-basic .timebox-off-hilite {
	border: 1px SOLID #8b0;
	color: #000;
	font-size: 14px;
	background-color: transparent;
	white-space: nowrap;
	text-align: center;
}

.q-basic .timebox-on, .q-basic .timebox-on-hilite  {
	border: 1px SOLID #8b0;
	color: #FFF;
	font-size: 14px;
	background-color: #003399;
	white-space: nowrap;
	text-align: center;
}

/* ===== Link molecule ===== */

.servbar-count a:link,
.servbar-count a:active,
.servbar-count a:visited,
.servbar-count a:hover { color: #F90; }


.q-basic .link-vservbar { padding: 3px 0; }
.q-basic .link-vservbar table { color: #003399; cursor: pointer; font-size: 14px; }
.q-basic .link-vservbarsel {
    background: #fff;
    border: 1px #ccc solid;
    border-right: none;
    cursor: pointer;
    padding: 3px 0;
}
.q-basic .link-vservbarsel table { color: black; cursor: default; font-size: 14px; font-weight: bold; }


.q-basic .link-disabled { color: grey; }

.q-basic .link-blue a,
.q-basic .link-blue a:link,
.q-basic .link-blue a:active,
.q-basic .link-blue a:visited {
	background-color: #003399;
	color: #000;
	text-decoration: none;
}
.q-basic .link-blue a:hover {
	color:#ff9900;
	text-decoration: underline;
}

.q-basic .link-textlink,
.q-basic .link-plain,
.q-basic .link-selected,
.q-basic .link-stealth {
	border: 1px solid transparent;
}

	/* Note: this should look just like a normal textlink */
.q-basic .link-textlink a,
.q-basic .link-textlink a:link,
.q-basic .link-textlink a:active,
.q-basic .link-textlink a:visited {
	border: 1px SOLID transparent;
	background-color: transparent;
	text-decoration: none;
	color: #003399;
	white-space: nowrap;
	}
.q-basic .link-textlink a:hover,
.q-basic .over .link-textlink a,
.q-basic .over .link-textlink a:link,
.q-basic .over .link-textlink a:active,
.q-basic .over .link-textlink a:visited {
	border: 1px SOLID transparent;
	color: #FFF;
	background-color: #003399;
	text-decoration: none;
	white-space: nowrap;
	}
.q-basic .link-textlink .highlight,

/* Note: this should look just like a normal textlink */
.q-basic .link-textlink-hilite a,
.q-basic .link-textlink-hilite a:link,
.q-basic .link-textlink-hilite a:active,
.q-basic .link-textlink-hilite a:visited {
	border: 1px SOLID transparent;
	background-color: transparent;
	text-decoration: none;
	color: #003399;
	white-space: nowrap;
	border-bottom: 1px SOLID orange;
	}
.q-basic .link-textlink-hilite a:hover,
.q-basic .over .link-textlink-hilite a,
.q-basic .over .link-textlink-hilite a:link,
.q-basic .over .link-textlink-hilite a:active,
.q-basic .over .link-textlink-hilite a:visited {
	border: 1px SOLID transparent;
	color: #FFF;
	background-color: #003399;
	text-decoration: none;
	white-space: nowrap;
	border-bottom: 1px SOLID orange;
	}
.q-basic .link-textlink-hilite .highlight { color: #F60; }



.q-basic .link-plain a,
.q-basic .link-plain a:link,
.q-basic .link-plain a:active,
.q-basic .link-plain a:visited,
.q-basic .link-plain a:hover {
	border: 1px SOLID transparent;
	background-color: transparent;
	text-decoration: none;
	color: black;
	white-space: nowrap;
	}

.q-basic .link-wrap a,
.q-basic .link-wrap a:link,
.q-basic .link-wrap a:active,
.q-basic .link-wrap a:visited,
.q-basic .link-wrap a:hover {
	border: 1px SOLID transparent;
	background-color: transparent;
	text-decoration: none;
	color: black;
	}

.q-basic .link-image a,
.q-basic .link-image a:link,
.q-basic .link-image a:active,
.q-basic .link-image a:visited,
.q-basic .link-image a:hover {
	border: 0px;
	text-decoration: none;
	color: black;
	white-space: nowrap;
	}

.q-basic .link-selected a,
.q-basic .link-selected a:link,
.q-basic .link-selected a:active,
.q-basic .link-selected a:visited {
	border: 1px SOLID transparent;
	background-color: transparent;
	text-decoration: none;
	color: #003399;
	font-weight: bold;
	white-space: nowrap;
	}
.q-basic .link-selected a:hover {
	border: 1px SOLID transparent;
	color: #FFF;
	background-color: #003399;
	text-decoration: none;
	white-space: nowrap;
	}
.q-basic .link-selected .highlight { color: #F60; }

/* this is used for Discussions links */
.q-basic .link-chat a,
.q-basic .link-chat a:link,
.q-basic .link-chat a:active,
.q-basic .link-chat a:visited {
	text-decoration: none;
}

.q-basic .textlink-chat-thumb:hover,
.q-basic .link-chat-thumb:hover {
	background-color: #EEEEEE;
}

/* this is used for Discussions thumbnails */
.q-basic .link-chat-thumb a
.q-basic .link-chat-thumb a:link,
.q-basic .link-chat-thumb a:visited,
.q-basic .link-chat-thumb a:hover,
.q-basic .link-chat-thumb a:active {
	width: 95px;
	text-decoration: none;
	background-color: transparent;
	color: #003399;
}

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


/* QtaskTab */
.q-basic .dlg-tab-bar {
	height: 27px;
	width: 100%;
	color: #003399;
	font-size: 11px;
	overflow: hidden;
	background: url("/images/quilt/QtaskElements.png") repeat-x 0px -664px;
	}
/* OFF STATE */
.q-basic .dlg-tab-bar .t-off .t-left {
	background: url("/images/quilt/QtaskElements.png") repeat-x -4px -772px;
	width: 12px;
	height: 27px;
	}
.q-basic .dlg-tab-bar .t-off .t-mid {
	background: url("/images/quilt/QtaskElements.png") repeat-x 0px -799px;
	vertical-align: top;
	padding: 8px 3px 0px 3px;
	width: 16px;
	height: 27px;
	}
.q-basic .dlg-tab-bar .t-off .t-right {
	background: url("/images/quilt/QtaskElements.png") repeat-x 0px -826px;
	width: 12px;
	height: 27px;
	}
/* OVER STATE */
.q-basic .dlg-tab-bar .t-over .t-left {
	background: url("/images/quilt/QtaskElements.png") repeat-x -4px -772px;
	width: 12px;
	height: 27px;
	}
.q-basic .dlg-tab-bar .t-over .t-mid {
	background: url("/images/quilt/QtaskElements.png") repeat-x 0px -799px;
	vertical-align: top;
	padding: 8px 3px 0px 3px;
	width: 16px;
	height: 27px;
	}
.q-basic .dlg-tab-bar .t-over .t-right {
	background: url("/images/quilt/QtaskElements.png") repeat-x 0px -826px;
	width: 12px;
	height: 27px;
	}
/* ON STATE */
.q-basic .dlg-tab-bar .t-on .t-left {
	background: url("/images/quilt/QtaskElements.png") repeat-x -4px -691px;
	width: 12px;
	height: 27px;
	}
.q-basic .dlg-tab-bar .t-on .t-mid {
	background: url("/images/quilt/QtaskElements.png") repeat-x 0px -718px;
	vertical-align: top;
	padding: 8px 3px 0px 3px;
	font-size: 13px;
	font-weight: bold;
	width: 16px;
	height: 27px;
	}
.q-basic .dlg-tab-bar .t-on .t-right {
	background: url("/images/quilt/QtaskElements.png") repeat-x 0px -745px;
	width: 12px;
	height: 27px;
	}

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


/* Button bar version of QtaskTab */
.q-basic .button-bar {
	height: 24px;
	width: 100%;
	color: #003399;
	font-size: 13px;
	overflow: hidden;
	}

/* OFF STATE */
.q-basic .button-bar .t-off .t-left {
	width: 12px;
	height: 24px;
	}
.q-basic .button-bar .t-off .t-mid {
	vertical-align: top;
	padding: 5px 3px 0px 3px;
	width: 16px;
	height: 24px;
	}
.q-basic .button-bar .t-off .t-right {
	width: 12px;
	height: 24px;
	}

/* OVER STATE */
.q-basic .button-bar .t-over .t-left {
	background: url("/images/quilt/QtaskElements.png") repeat-x 0px -350px;
	width: 12px;
	height: 24px;
	}
.q-basic .button-bar .t-over .t-mid {
	background: url("/images/quilt/QtaskElements.png") repeat-x 0px -374px;
	vertical-align: top;
	padding: 5px 3px 0px 3px;
	width: 16px;
	height: 24px;
	}
.q-basic .button-bar .t-over .t-right {
	background: url("/images/quilt/QtaskElements.png") repeat-x -4px -398px;
	width: 12px;
	height: 24px;
	}
/* ON STATE */
.q-basic .button-bar .t-on .t-left {
	background: url("/images/quilt/QtaskElements.png") repeat-x 0px -422px;
	width: 12px;
	height: 24px;
	}
.q-basic .button-bar .t-on .t-mid {
	background: url("/images/quilt/QtaskElements.png") repeat-x 0px -446px;
	vertical-align: top;
	padding: 3px 3px 0px 3px;
	font-size: 15px;
	font-weight: bold;
	width: 16px;
	height: 24px;
	}
.q-basic .button-bar .t-on .t-right {
	background: url("/images/quilt/QtaskElements.png") repeat-x -4px -470px;
	width: 12px;
	height: 24px;
	}
/* --- */
.q-basic .button-bar .t-extra-mid {
	vertical-align: top;
	padding: 3px 3px 0px 3px;
	font-size: 15px;
	font-weight: bold;
	height: 24px;
	}

/* Button-Bar */
.v-bar	{ color: #CCC; font-size: 11px}

/* Select Bar */
.q-basic .select-bar {
	background: url("/images/quilt/elements.png") repeat-x 0px 0px;
	height: 27px;
	width: 100%;
	color: #003399;
	font-size: 13px;
	overflow: hidden;
	}
.q-basic .select-bar .headeritem {
	padding-top: 2px;
}
/* OFF STATE */
.q-basic .select-bar .t-off .t-left 	{ width: 12px; height: 12px; padding: 2px 0px 3px 0px; }
.q-basic .select-bar .t-off .t-mid 		{ width: 12px; height: 12px; padding: 2px 0px 3px 0px; }
.q-basic .select-bar .t-off .t-right 	{ width: 12px; height: 12px; padding: 2px 0px 3px 0px; }

/* OVER STATE */
.q-basic .select-bar .t-over .t-left 	{ width: 12px; height: 12px; padding: 2px 0px 3px 0px; color: #fff; background-color: #003399; }
.q-basic .select-bar .t-over .t-mid  	{ width: 12px; height: 12px; padding: 2px 0px 3px 0px; color: #fff; background-color: #003399; }
.q-basic .select-bar .t-over .t-right 	{ width: 12px; height: 12px; padding: 2px 0px 3px 0px; color: #fff; background-color: #003399; }
/* ON STATE */
.q-basic .select-bar .t-on .t-left 		{ width: 12px; height: 12px; padding: 2px 0px 3px 0px; }
.q-basic .select-bar .t-on .t-mid 		{ width: 12px; height: 15px; padding: 0px 0px 3px 0px; font-size: 15px; font-weight: bold; }
.q-basic .select-bar .t-on .t-right 	{ width: 12px; height: 12px; padding: 2px 0px 3px 0px; }
/* --- */
.q-basic .select-bar .t-extra-mid {
	vertical-align: top;
	padding: 3px 3px 0px 3px;
	font-size: 15px;
	font-weight: bold;
	height: 24px;
	}

/* Dialog Bar */
.q-basic .dialog-bar
{
	background: url("/images/quilt/elements.png") repeat-x 0px -27px;
	background-color: #CCC;
	height: 27px;
}
.q-basic .dialog-bar .bar-table { height: 27px; }
.q-basic .dialog-bar .v-bar { color: #CCC; }


/* ===== CSSImageButton ===== */




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


/* ====== barbutton molecule  */
/* Left */
.q-basic .barbutton .tb-off .tb-left {}
.q-basic .barbutton .tb-over .tb-left {}
.q-basic .barbutton .tb-on .tb-left {}

/* Middle */
.q-basic .barbutton .tb-off .tb-middle 		{ height: 12px; font-weight: normal; }
.q-basic .barbutton .tb-over .tb-middle 	{ height: 12px; background-color: #003399; color: #FFF; font-weight: normal; text-decoration: underline; }
.q-basic .barbutton .tb-on .tb-middle 		{ height: 12px; color: #F90; font-weight: normal; text-decoration: underline; }
/* Right */
.q-basic .barbutton .tb-off .tb-right {}
.q-basic .barbutton .tb-over .tb-right {}
.q-basic .barbutton .tb-on .tb-right {}


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

/* r-border =================== */
.q-basic .r-border .tl { background: url("/images/quilt/borders2.png") repeat 0px -10px; width: 5px; height: 5px; }
.q-basic .r-border .tm { border-top: 1px SOLID #88BB00; width: 100000px; height: 3px; background-color: white; }
.q-basic .r-border .tr { background: url("/images/quilt/borders2.png") repeat -5px -10px; width: 5px; height: 5px; }
/*.q-basic .r-border .ml { border-left: 1px SOLID #88BB00; height: 100%; width: 4px; }*/
.q-basic .r-border .ml { border-left: 1px SOLID #88BB00; width: 5px; background-color: white; }
.q-basic .r-border .m  { background-color: white; }
/*.q-basic .r-border .mr { border-right: 1px SOLID #88BB00; height: 100%; width: 4px; }*/
.q-basic .r-border .mr { border-right: 1px SOLID #88BB00; width: 5px; background-color: white; }
.q-basic .r-border .bl { background: url("/images/quilt/borders2.png") repeat 0px -15px; width: 5px; height: 5px; }
.q-basic .r-border .bm { border-bottom: 1px SOLID #88BB00; width: 100000px; height: 3px;  background-color: white; }
.q-basic .r-border .br { background: url("/images/quilt/borders2.png") repeat -5px -15px; width: 5px; height: 5px; }
.q-basic .r-border .tm-one { padding: 0px; border-top: 1px SOLID #88BB00; border-bottom: 1px SOLID #88BB00; width: 100000px; }

/* gray border - white interior */
.q-basic .r-border-grey .tab { background-color: white;}
.q-basic .r-border-grey .tl { background: url("/images/quilt/borders2.png") repeat 0px 0px; width: 5px; height: 5px; }
.q-basic .r-border-grey .tm { background-color: white; border-top: 1px SOLID #D0D0D0; width: 100000px; height: 3px; }
.q-basic .r-border-grey .tm-tab { background-color: white; border-top: 1px SOLID #D0D0D0; height: 3px; }
.q-basic .r-border-grey .tr { background: url("/images/quilt/borders2.png") repeat -5px 0px; width: 5px; height: 5px; }
/*.q-basic .r-border-grey .ml { background-color: white; border-left: 1px SOLID #D0D0D0; height: 100%; width: 4px; }*/
.q-basic .r-border-grey .ml { background-color: white; border-left: 1px SOLID #D0D0D0; width: 5px; height: 5px; }
.q-basic .r-border-grey .m  { background-color: white; padding: 0px 3px; vertical-align: top;}
.q-basic .r-border-grey .m-tab { background-color: white; padding: 0px 3px; font-size: 11px;}
.q-basic .r-border-grey .mr-tab { background-color: white; padding: 0px 3px; border-top: 1px SOLID #D0D0D0; height: 4px;}
/*.q-basic .r-border-grey .mr { background-color: white; border-right: 1px SOLID #D0D0D0; height: 100%; width: 4px; }*/
.q-basic .r-border-grey .mr { background-color: white; border-right: 1px SOLID #D0D0D0; width: 4px; }
.q-basic .r-border-grey .bl { background: url("/images/quilt/borders2.png") repeat 0px -5px; width: 5px; height: 5px; }
.q-basic .r-border-grey .bm { background-color: white; border-bottom: 1px SOLID #D0D0D0; width: 100000px; height: 3px; }
.q-basic .r-border-grey .br { background: url("/images/quilt/borders2.png") repeat -5px -5px; width: 5px; height: 5px; }
.q-basic .r-border-grey .tm-one { padding: 0px; border-top: 1px SOLID #D0D0D0; border-bottom: 1px SOLID #D0D0D0; width: 100000px; }

.q-basic .r-border-grey .tl-solid { background: url("/images/quilt/SmallBorder.gif") repeat 0px -40px; width: 5px; height: 5px; }
.q-basic .r-border-grey .tm-solid { background-color: #D0D0D0; border-top: 1px SOLID #D0D0D0; width: 100000px; height: 3px; }
.q-basic .r-border-grey .tr-solid { background: url("/images/quilt/SmallBorder.gif") repeat -5px -40px; width: 5px; height: 5px; }
.q-basic .r-border-grey .ml-solid { background-color: #D0D0D0;border-left: 1px SOLID #D0D0D0; height: 100%; width: 4px; }
.q-basic .r-border-grey .m-solid  { background-color: #D0D0D0;}
.q-basic .r-border-grey .mr-solid { background-color: #D0D0D0;border-right: 1px SOLID #D0D0D0; height: 100%; width: 4px; }


.q-basic .r-border-black .tl { background: url("/images/quilt/SmallBorder.gif") repeat 0px -20px; width: 5px; height: 5px; }
.q-basic .r-border-black .tm { border-top: 1px SOLID #000; width: 100000px; height: 3px; }
.q-basic .r-border-black .tr { background: url("/images/quilt/SmallBorder.gif") repeat -5px -20px; width: 5px; height: 5px; }
.q-basic .r-border-black .ml { border-left: 1px SOLID #000; height: 100%; width: 4px; }
.q-basic .r-border-black .m  {}
.q-basic .r-border-black .mr { border-right: 1px SOLID #000; height: 100%; width: 4px; }
.q-basic .r-border-black .bl { background: url("/images/quilt/SmallBorder.gif") repeat 0px -25px; width: 5px; height: 5px; }
.q-basic .r-border-black .bm { border-bottom: 1px SOLID #000; width: 100000px; height: 3px; }
.q-basic .r-border-black .br { background: url("/images/quilt/SmallBorder.gif") repeat -5px -25px; width: 5px; height: 5px; }
.q-basic .r-border-black .tm-one { padding: 0px; border-top: 1px SOLID #000; border-bottom: 1px SOLID #000; width: 100000px; }

.q-basic .r-border-grey-box .tl { background: url("/images/quilt/SmallBorder.gif") repeat 0px -30px; width: 5px; height: 5px; }
.q-basic .r-border-grey-box .tm { background-color: #EEE; border-top: 1px SOLID #EEE; width: 100000px; height: 3px; }
.q-basic .r-border-grey-box .tr { background: url("/images/quilt/SmallBorder.gif") repeat -5px -30px; width: 5px; height: 5px; }
.q-basic .r-border-grey-box .ml { background-color: #EEE; border-left: 1px SOLID #EEE; height: 100%; width: 4px; }
.q-basic .r-border-grey-box .m  { background-color: #EEE; }
.q-basic .r-border-grey-box .mr { background-color: #EEE; border-right: 1px SOLID #EEE; height: 100%; width: 4px; }
.q-basic .r-border-grey-box .bl { background: url("/images/quilt/SmallBorder.gif") repeat 0px -35px; width: 5px; height: 5px; }
.q-basic .r-border-grey-box .bm { background-color: #EEE; border-bottom: 1px SOLID #EEE; width: 100000px; height: 3px; }
.q-basic .r-border-grey-box .br { background: url("/images/quilt/SmallBorder.gif") repeat -5px -35px; width: 5px; height: 5px; }
.q-basic .r-border-grey-box .tm-one { padding: 0px; border-top: 1px SOLID #DDD; border-bottom: 1px SOLID #DDD; width: 100000px; }

.q-basic .r-border-white .tl { background: transparent  no-repeat; width: 5px; height: 5px; }
.q-basic .r-border-white .tm { border-top: 1px SOLID #FFF; width: 100000px; height: 3px; }
.q-basic .r-border-white .tr { background: transparent  no-repeat; width: 5px; height: 5px; }
.q-basic .r-border-white .ml { border-left: 1px SOLID #FFF; height: 100%; width: 4px; }
.q-basic .r-border-white .m  {}
.q-basic .r-border-white .mr { border-right: 1px SOLID #FFF; height: 100%; width: 4px; }
.q-basic .r-border-white .bl { background: transparent  no-repeat; width: 5px; height: 5px; }
.q-basic .r-border-white .bm { border-bottom: 1px SOLID #FFF; width: 100000px; height: 3px; }
.q-basic .r-border-white .br { background: transparent  no-repeat; width: 5px; height: 5px; }
.q-basic .r-border-white .tm-one { padding: 0px; border-top: 1px SOLID #FFF; border-bottom: 1px SOLID #FFF; width: 100000px; }

.q-basic .r-border-white .tl-solid { background-color: #D0D0D0; width: 5px; height: 5px; }
.q-basic .r-border-white .tm-solid { background-color: #D0D0D0; border-top: 1px SOLID #D0D0D0; width: 100000px; height: 3px; }
.q-basic .r-border-white .tr-solid { background-color: #D0D0D0; width: 5px; height: 5px; }
.q-basic .r-border-white .ml-solid { background-color: #D0D0D0;border-left: 1px SOLID #D0D0D0; height: 100%; width: 4px; }
.q-basic .r-border-white .m-solid  { background-color: #D0D0D0;}
.q-basic .r-border-white .mr-solid { background-color: #D0D0D0;border-right: 1px SOLID #D0D0D0; height: 100%; width: 4px; }

.q-basic .r-border-orange .tl { background: url("/images/quilt/SmallBorder.gif") repeat 0px -50px; width: 5px; height: 5px; }
.q-basic .r-border-orange .tm { border-top: 1px SOLID #FFA500; width: 100000px; height: 3px; }
.q-basic .r-border-orange .tr { background: url("/images/quilt/SmallBorder.gif") repeat -5px -50px; width: 5px; height: 5px; }
.q-basic .r-border-orange .ml { border-left: 1px SOLID #FFA500; height: 100%; width: 4px; }
.q-basic .r-border-orange .m  {}
.q-basic .r-border-orange .mr { border-right: 1px SOLID #FFA500; height: 100%; width: 4px; }
.q-basic .r-border-orange .bl { background: url("/images/quilt/SmallBorder.gif") repeat 0px -55px; width: 5px; height: 5px; }
.q-basic .r-border-orange .bm { border-bottom: 1px SOLID #FFA500; width: 100000px; height: 3px; }
.q-basic .r-border-orange .br { background: url("/images/quilt/SmallBorder.gif") repeat -5px -55px; width: 5px; height: 5px; }
.q-basic .r-border-orange .tm-one { padding: 0px; border-top: 1px SOLID #DDD; border-bottom: 1px SOLID #DDD; width: 100000px; }

.q-basic .r-border-orange-box .tl { background: url("/images/quilt/SmallBorder.gif") repeat 0px -60px; width: 5px; height: 5px; }
.q-basic .r-border-orange-box .tm { background-color: #FFF4C1; border-top: 1px SOLID #FFA500; width: 100000px; height: 3px; }
.q-basic .r-border-orange-box .tr { background: url("/images/quilt/SmallBorder.gif") repeat -5px -60px; width: 5px; height: 5px; }
.q-basic .r-border-orange-box .ml { background-color: #FFF4C1; border-left: 1px SOLID #FFA500; height: 100%; width: 4px; }
.q-basic .r-border-orange-box .m  { background-color: #FFF4C1; }
.q-basic .r-border-orange-box .mr { background-color: #FFF4C1; border-right: 1px SOLID #FFA500; height: 100%; width: 4px; }
.q-basic .r-border-orange-box .bl { background: url("/images/quilt/SmallBorder.gif") repeat 0px -65px; width: 5px; height: 5px; }
.q-basic .r-border-orange-box .bm { background-color: #FFF4C1; border-bottom: 1px SOLID #FFA500; width: 100000px; height: 3px; }
.q-basic .r-border-orange-box .br { background: url("/images/quilt/SmallBorder.gif") repeat -5px -65px; width: 5px; height: 5px; }
.q-basic .r-border-orange-box .tm-one { padding: 0px; border-top: 1px SOLID #DDD; border-bottom: 1px SOLID #DDD; width: 100000px; }

.q-basic .r-border-orange-box-chat .tl { background: url("/images/quilt/ChatBorder.png") repeat 0px 0px; width: 5px; height: 5px; }
.q-basic .r-border-orange-box-chat .tm { background-color: #FFFFEC; border-top: 1px SOLID #FFD18B; width: 100000px; height: 3px; }
.q-basic .r-border-orange-box-chat .tr { background: url("/images/quilt/ChatBorder.png") repeat -5px 0px; width: 5px; height: 5px; }
.q-basic .r-border-orange-box-chat .ml { background-color: #FFFFEC; border-left: 1px SOLID #FFD18B; height: 100%; width: 4px; }
.q-basic .r-border-orange-box-chat .m  { background-color: #FFFFEC; }
.q-basic .r-border-orange-box-chat .mr { background-color: #FFFFEC; border-right: 1px SOLID #FFD18B; height: 100%; width: 4px; }
.q-basic .r-border-orange-box-chat .bl { background: url("/images/quilt/ChatBorder.png") repeat 0px -5px; width: 5px; height: 5px; }
.q-basic .r-border-orange-box-chat .bm { background-color: #FFFFEC; border-bottom: 1px SOLID #FFD18B; width: 100000px; height: 3px; }
.q-basic .r-border-orange-box-chat .br { background: url("/images/quilt/ChatBorder.png") repeat -5px -5px; width: 5px; height: 5px; }
.q-basic .r-border-orange-box-chat .tm-one { padding: 0px; border-top: 1px SOLID #DDD; border-bottom: 1px SOLID #DDD; width: 100000px; }


.q-basic .r-border-gr-box .tl { background-color: #EEEEEE; border: 0px; width: 5px; height: 5px; }
.q-basic .r-border-gr-box .tm { background-color: #EEEEEE; border: 0px; width: 100000px; height: 3px; }
.q-basic .r-border-gr-box .tr { background-color: #EEEEEE; border: 0px; width: 5px; height: 5px; }
.q-basic .r-border-gr-box .ml { background-color: #EEEEEE; border: 0px; height: 100%; width: 4px; }
.q-basic .r-border-gr-box .m  { background-color: #EEEEEE; }
.q-basic .r-border-gr-box .mr { background-color: #EEEEEE; border: 0px; height: 100%; width: 4px; }
.q-basic .r-border-gr-box .bl { background-color: #EEEEEE; border: 0px; width: 5px; height: 5px; }
.q-basic .r-border-gr-box .bm { background-color: #EEEEEE; border: 0px; width: 100000px; height: 3px; }
.q-basic .r-border-gr-box .br { background-color: #EEEEEE; border: 0px; width: 5px; height: 5px; }
.q-basic .r-border-gr-box .tm-one { background-color: #EEEEEE; border: 0px; width: 100000px; }

.q-basic .r-border-green-box .tl { background: url("/images/quilt/SmallBorder.gif") repeat 0px -80px; width: 5px; height: 5px; }
.q-basic .r-border-green-box .tm { background-color: #dbeab2; border-top: 1px SOLID #dbeab2; width: 100000px; height: 3px; }
.q-basic .r-border-green-box .tr { background: url("/images/quilt/SmallBorder.gif") repeat -5px -80px; width: 5px; height: 5px; }
.q-basic .r-border-green-box .ml { background-color: #dbeab2; border-left: 1px SOLID #dbeab2; height: 100%; width: 4px; }
.q-basic .r-border-green-box .m  { background-color: #dbeab2; }
.q-basic .r-border-green-box .mr { background-color: #dbeab2; border-right: 1px SOLID #dbeab2; height: 100%; width: 4px; }
.q-basic .r-border-green-box .bl { background: url("/images/quilt/SmallBorder.gif") repeat 0px -85px; width: 5px; height: 5px; }
.q-basic .r-border-green-box .bm { background-color: #dbeab2; border-bottom: 1px SOLID #dbeab2; width: 100000px; height: 3px; }
.q-basic .r-border-green-box .br { background: url("/images/quilt/SmallBorder.gif") repeat -5px -85px; width: 5px; height: 5px; }
.q-basic .r-border-green-box .tm-one { padding: 0px; border-top: 1px SOLID #DDD; border-bottom: 1px SOLID #DDD; width: 100000px; }

.q-basic .r-border-explain .tl { background: url("/images/quilt/SmallBorder.gif") repeat 0px -80px; width: 5px; height: 5px; }
.q-basic .r-border-explain .tm { background-color: #FFFFCC; border-top: 1px SOLID #FFCD07; width: 100000px; height: 3px; }
.q-basic .r-border-explain .tr { background: url("/images/quilt/SmallBorder.gif") repeat -5px -80px; width: 5px; height: 5px; }
.q-basic .r-border-explain .ml { background-color: #FFFFCC; border-left: 1px SOLID #FFCD07; height: 100%; width: 4px; }
.q-basic .r-border-explain .m  { background-color: #FFFFCC; }
.q-basic .r-border-explain .mr { background-color: #FFFFCC; border-right: 1px SOLID #FFCD07; height: 100%; width: 4px; }
.q-basic .r-border-explain .bl { background: url("/images/quilt/SmallBorder.gif") repeat 0px -85px; width: 5px; height: 5px; }
.q-basic .r-border-explain .bm { background-color: #FFFFCC; border-bottom: 1px SOLID #FFCD07; width: 100000px; height: 3px; }
.q-basic .r-border-explain .br { background: url("/images/quilt/SmallBorder.gif") repeat -5px -85px; width: 5px; height: 5px; }
.q-basic .r-border-explain .tm-one { padding: 0px; border-top: 1px SOLID #FFCD07; border-bottom: 1px SOLID #FFCD07; width: 100000px; }

.q-basic .r-border-grayongray .tl { background: url("/images/quilt/SmallBorder.gif") repeat 0px -90px; width: 5px; height: 5px; }
.q-basic .r-border-grayongray .tm { background-color: #F3F3F3; border-top: 1px SOLID #CCCCCC; width: 100000px; height: 3px; }
.q-basic .r-border-grayongray .tr { background: url("/images/quilt/SmallBorder.gif") repeat -5px -90px; width: 5px; height: 5px; }
.q-basic .r-border-grayongray .ml { background-color: #F3F3F3; border-left: 1px SOLID #CCCCCC; height: 100%; width: 4px; }
.q-basic .r-border-grayongray .m  { background-color: #F3F3F3; }
.q-basic .r-border-grayongray .mr { background-color: #F3F3F3; border-right: 1px SOLID #CCCCCC; height: 100%; width: 4px; }
.q-basic .r-border-grayongray .bl { background: url("/images/quilt/SmallBorder.gif") repeat 0px -95px; width: 5px; height: 5px; }
.q-basic .r-border-grayongray .bm { background-color: #F3F3F3; border-bottom: 1px SOLID #CCCCCC; width: 100000px; height: 3px; }
.q-basic .r-border-grayongray .br { background: url("/images/quilt/SmallBorder.gif") repeat -5px -95px; width: 5px; height: 5px; }
.q-basic .r-border-grayongray .tm-one { padding: 0px; border-top: 1px SOLID #CCCCCC; border-bottom: 1px SOLID #CCCCCC; width: 100000px; }

.q-basic .r-border-greenongray .tl { background: url("/images/quilt/SmallBorder.gif") repeat 0px -100px; width: 5px; height: 5px; }
.q-basic .r-border-greenongray .tm { background-color: #8DC400; border-top: 1px SOLID #94C514; width: 100000px; height: 3px; }
.q-basic .r-border-greenongray .tr { background: url("/images/quilt/SmallBorder.gif") repeat -5px -100px; width: 5px; height: 5px; }
.q-basic .r-border-greenongray .ml { background-color: #8DC400; border-left: 1px SOLID #94C514; height: 100%; width: 4px; }
.q-basic .r-border-greenongray .m  { background-color: #8DC400; }
.q-basic .r-border-greenongray .mr { background-color: #8DC400; border-right: 1px SOLID #94C514; height: 100%; width: 4px; }
.q-basic .r-border-greenongray .bl { background: url("/images/quilt/SmallBorder.gif") repeat 0px -105px; width: 5px; height: 5px; }
.q-basic .r-border-greenongray .bm { background-color: #8DC400; border-bottom: 1px SOLID #94C514; width: 100000px; height: 3px; }
.q-basic .r-border-greenongray .br { background: url("/images/quilt/SmallBorder.gif") repeat -5px -105px; width: 5px; height: 5px; }
.q-basic .r-border-greenongray .tm-one { padding: 0px; border-top: 1px SOLID #94C514; border-bottom: 1px SOLID #94C514; width: 100000px; }

.q-basic .r-border-lead .tl { border: 0px; background: url("/images/quilt/SmallBorder.gif") repeat 0px -40px; width: 5px; height: 10px; }
.q-basic .r-border-lead .tm-one  { padding: 0px; border: 0px; width: auto; background-color: #CCC; color: #FFF; font-size: 9px; line-height: 9px; height: 10px; overflow: hidden; }
.q-basic .r-border-lead .tr { border: 0px; background: url("/images/quilt/SmallBorder.gif") repeat -5px -40px; width: 5px; height: 10px; }

.q-basic .r-border-orangeonwhite .tl { background: url("/images/quilt/SmallBorder.gif") repeat 0px -110px; width: 5px; height: 5px; }
.q-basic .r-border-orangeonwhite .tm { background-color: #FFCC00; border-top: 1px SOLID #FFCC00; width: 100000px; height: 3px; }
.q-basic .r-border-orangeonwhite .tr { background: url("/images/quilt/SmallBorder.gif") repeat -5px -110px; width: 5px; height: 5px; }
.q-basic .r-border-orangeonwhite .ml { background-color: #FFCC00; border-left: 1px SOLID #FFCC00; height: 100%; width: 4px; }
.q-basic .r-border-orangeonwhite .m  { background-color: #FFCC00; }
.q-basic .r-border-orangeonwhite .mr { background-color: #FFCC00; border-right: 1px SOLID #FFCC00; height: 100%; width: 4px; }
.q-basic .r-border-orangeonwhite .bl { background: url("/images/quilt/SmallBorder.gif") repeat 0px -115px; width: 5px; height: 5px; }
.q-basic .r-border-orangeonwhite .bm { background-color: #FFCC00; border-bottom: 1px SOLID #FFCC00; width: 100000px; height: 3px; }
.q-basic .r-border-orangeonwhite .br { background: url("/images/quilt/SmallBorder.gif") repeat -5px -115px; width: 5px; height: 5px; }
.q-basic .r-border-orangeonwhite .tm-one { padding: 0px; border-top: 1px SOLID #FFCC00; border-bottom: 1px SOLID #FFCC00; width: 100000px; }

/* ===== Learn More ===== */
.q-basic .learnmore .lmtl { background: url("/images/quilt/help/LearnMoreBorder.png") no-repeat 0px 0px; width: 16px; height: 16px; }
.q-basic .learnmore .lmtm { background: url("/images/quilt/help/LearnMoreBorderTop.png") repeat-x 0px 0px; width: 16px; height: 16px; }
.q-basic .learnmore .lmtr { background: url("/images/quilt/help/LearnMoreBorder.png") no-repeat -32px 0px; width: 16px; height: 16px; }
.q-basic .learnmore .lmml { background: url("/images/quilt/help/LearnMoreBorderLeft.png") repeat-y 0px 0px; width: 16px; height: 16px; }
.q-basic .learnmore .lmm  { background-color: #FFFFFF; }
.q-basic .learnmore .lmmr { background: url("/images/quilt/help/LearnMoreBorderRight.png") repeat-y 0px 0px; width: 16px; height: 16px; }
.q-basic .learnmore .lmbl { background: url("/images/quilt/help/LearnMoreBorder.png") no-repeat 0px -32px; width: 16px; height: 16px; }
.q-basic .learnmore .lmbm { background: url("/images/quilt/help/LearnMoreBorderBottom.png") repeat-x 0px 0px; width: 16px; height: 16px; }
.q-basic .learnmore .lmbr { background: url("/images/quilt/help/LearnMoreBorder.png") no-repeat -32px -32px; width: 16px; height: 16px; }
.q-basic .learnmore .lmblm { background: url("/images/quilt/help/LearnMoreBorder.png") no-repeat 0px -48px; width: 32px; height: 40px; }

/* ===== Accordion ===== */
.q-basic .accordion .closed {
	background: transparent;
	background-color: #CCC;
}

.q-basic .accordion .open {
	background: transparent;
	color: white;
	background-color: #88BB00;
}


/* ==== PersonaPicker ==== */
.q-basic .persona-picker {
	overflow: auto;
}
.q-basic .persona-picker .column {
	overflow-x: hidden;
	text-align: left;
	float: left;
	width: 200px;
	}
/* Embedded quilt in qml */
/* Add stuff here to fix what qml does to things */
.q-basic .qml-escape {
		text-align: left;
		font-weight: normal;
		}
.q-basic .qml-escape table { border: 0px; }
.q-basic .qml-escape th { background-color: transparent; }
.q-basic .qml-escape img { padding: 0px; }

/* ==== Events ==== */
.q-basic .ev-title {
    font-size: 11px;
	color: #274F76;
	font-weight: normal;
	vertical-align: top;
	}
.q-basic .ev-line {
	font-size: 1px;
	border-bottom: 1px SOLID #274f76;
	padding: 0px 3px 1px 0px;
	}
.q-basic .ev-text {
    font-size: 11px;
	vertical-align: top;
	}

/* ==== Avatar ==== */

.q-basic .avatar-standard {font-family:Arial,Helvetica,Verdana,sans-serif;font-size: 9px;font-style: normal;}
.q-basic .avatar-offline a,.q-basic .avatar-offline a:link,.q-basic .avatar-offline a:active,.q-basic .avatar-offline a:visited {
		color: #003399;
		text-decoration: none;
		}
.q-basic .avatar-offline a:hover {
		color: #FFF;
		background-color: #003399;
		text-decoration: none;
		}
.q-basic .avatar-online a,.q-basic .avatar-online a:link,.q-basic .avatar-online a:active,.q-basic .avatar-online a:visited {
		color: #ff9900;
		text-decoration: none;
		}
.q-basic .avatar-online a:hover {
        background-color: #003399;
		color: #FFF;
		text-decoration: none;
		}
.q-basic .avatar-invited a,.q-basic .avatar-envited a:link,.q-basic .avatar-envited a:active,.q-basic .avatar-envited a:visited {
		color: #FF00FF;
		text-decoration: none;
		}
.q-basic .avatar-envited a:hover {
		color: #FFF;
		background-color: #FF00FF;
		text-decoration: none;
		}
.q-basic .avatar-small-offline { border: 1px SOLID #000; }
.q-basic .avatar-small-online { border: 1px SOLID #ff9900; }
.q-basic .avatar-basic-offline { border: 2px SOLID transparent; }
.q-basic .avatar-basic-online { border: 2px SOLID #ff9900; }
.q-basic .avatar-main-offline 	{ border: 1px SOLID #000; }
.q-basic .avatar-main-online 	{ border: 1px SOLID #ff9900; }
.q-basic .avatar-large-link-offline { border: 1px SOLID #000; }
.q-basic .avatar-large-link-online { border: 2px SOLID #ff9900; }

.q-basic .ev-avatar {
	/*font-size: 11px;*/
	color: #003399;
	text-decoration: none;
	}
.q-basic .ev-avatar a,.q-basic .ev-avatar a:link,.q-basic .ev-avatar a:active,.q-basic .ev-avatar a:visited {
		color: #003399;
		text-decoration: none;
		}
.q-basic .ev-avatar a:hover {
		color: #FFF;
		background-color: #003399;
		text-decoration: none;
		}

.q-basic .ev-view {color: black}
.q-basic .ev-watch {}
.q-basic .ev-coord { font-style: italics; }
.q-basic .ev-optional {}
.q-basic .ev-required {}
.q-basic .ev-head {}

.q-basic .ev-declined, .q-basic .ev-declined a,.q-basic .ev-declined a:link,.q-basic .ev-declined a:active,.q-basic .ev-declined a:visited {
	color: #f00;
	font-weight: bold;
	text-decoration: line-through;
	}
.q-basic .ev-pending, .q-basic .ev-pending a,.q-basic .ev-pending a:link,.q-basic .ev-pending a:active,.q-basic .ev-pending a:visited {
	color: #f00;
	}
.q-basic .ev-iffy {}
.q-basic .ev-attending {
	color: green;
	}

.q-basic .avatar-lead-left 	{ display: inline; font-size: 1px; background: url("/images/quilt/SmallBorder.gif") repeat 0px -40px; width: 5px; height: 10px; }
.q-basic .avatar-lead-mid  	{ display: inline; background-color: #CCC; color: #FFF; font-size: 9px; height: 10px; }
.q-basic .avatar-lead-right	{ display: inline; font-size: 1px; background: url("/images/quilt/SmallBorder.gif") repeat -5px -40px; width: 5px; height: 10px; }


/* ~~CM -- Quilt 3 Avatar prototype styles  */
.q3-teambarv .avatar-offline a,.q3-teambarv .avatar-offline a:link,.q3-teambarv .avatar-offline a:active,.q3-teambarv .avatar-offline a:visited {
		color: #FFF;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.3);
		text-decoration: none;
		}
.q3-teambarv .avatar-offline a:hover {
		color: #FFF;
        background-color: #ff9900;
		background-color: rgb(0, 51, 153, 1);
		text-decoration: none;
		}
.q3-teambarv .avatar-online a,.q3-teambarv .avatar-online a:link,.q3-teambarv .avatar-online a:active,.q3-teambarv .avatar-online a:visited {
		color: #FFF;
        background-color: #ff9900;
        background-color: rgba(255, 153, 0, 0.3);
		text-decoration: none;
		}
.q3-teambarv .avatar-online a:hover {
		color: #FFF;
        background-color: #ff9900;
        background-color: rgba(255, 153, 0, 1);
		text-decoration: none;
		}
.q3-teambarv .avatar-invited a,.q-basic .avatar-envited a:link,.q-basic .avatar-envited a:active,.q-basic .avatar-envited a:visited {
        color: #FFF;
        background-color: #FF00FF;
        background-color: rgba(255, 0, 255, 0.6);
		text-decoration: none;
		}
.q3-teambarv .avatar-invited a:hover {
		color: #FFF;
		background-color: #FF00FF;
        background-color: rgba(255, 0, 255, 1);
		text-decoration: none;
		}
.q3-teambarv .avatar-small-offline { border: none; }
.q3-teambarv .avatar-small-online { border: none; }
.q3-teambarv .avatar-basic-offline { border: none; }
.q3-teambarv .avatar-basic-online { border: none; }
.q3-teambarv .avatar-main-offline 	{ border: none; }
.q3-teambarv .avatar-main-online 	{ border: none; }
.q3-teambarv .avatar-large-link-offline { border: none; }
.q3-teambarv .avatar-large-link-online { border: none; }
.q3-teambarv .avatar-offline a, .q3-teambarv .avatar-online a, .q3-teambarv .avatar-invited a { 
    display: block;
    font-size: 14px;
    text-shadow: 1px 1px 3px #000; 
    text-align: center;
    padding: 1px 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.q3-teambarv .rolesection {
    background-position: bottom;
    background-repeat: no-repeat;
    position: absolute;
    top: 80px;
    left: 0;
    height: 20px;
    width: 80px;
    
    /** this is for the mirrored image **/
    -webkit-ransform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}
.q3-teambarv .rolesection .roleshade {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 20px;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
    /** undo the flip so text is correct **/
    -webkit-ransform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}
.q3-teambarv .avatar-online .roleshade { 
    background-color: #ff9900;
    background-color: rgba(255,153,0,0.6); 
}
.q3-teambarv .avatar-offline .roleshade { 
    background-color: #000;
    background-color: rgba(0,0,0,0.6);
}
.q3-teambarv .avatar-invited .roleshade { 
    background-color: #000;
    background-color: rgba(255, 0, 255, 0.6);
}
/* ~~CM -- END New Avatar styles  */


/* ==== TeamBar ==== */
.q-basic .teambar {}
.q-basic .teambar .tb-header { text-align: left; white-space: nowrap; font-size: 9px; color: grey; }
.q-basic .teambar .tb-center { height: 85px; padding: 0px 5px 0px 5px; }
.q-basic .teambar .tb-box { height: 85px; }
.q-basic .teambar .tb-inner { height: 75px; }


/* ==== ServiceBar ==== */
.q-basic .servicebar {line-height: 24px;}
.q-basic .servicebar .disabled { color: grey; }

/* ==== FolderPanel ==== */
.q-basic .folderpanel-white {}
.q-basic .folderpanel-white .fp-tl {width:8px;height:18px; background: transparent url("/images/quilt/MediumBorders.png") no-repeat 0px 0px;}
.q-basic .folderpanel-white .fp-tm {vertical-align: bottom; padding: 0px 8px 0px 8px;background-color: white;font-weight: bold;}
.q-basic .folderpanel-white .fp-tr {width:8px;height:18px; background: transparent url("/images/quilt/MediumBorders.png") no-repeat -8px 0px;}
.q-basic .folderpanel-white .fp-m {background-color: white;padding: 2px 0px 2px 5px;}

.q-basic .folderpanel-grey {}
.q-basic .folderpanel-grey .fp-tl {background: transparent url("/images/quilt/MediumBorders.png") no-repeat 0px 0px;}
.q-basic .folderpanel-grey .fp-tm {background-color: grey;padding: 0px 3px 0px 3px;}
.q-basic .folderpanel-grey .fp-tr {width:8px;height:18px; background: transparent url("/images/quilt/MediumBorders.png") no-repeat -8px 0px;}
.q-basic .folderpanel-grey .fp-m {background-color: grey;}

/* ===== Basic layout ===== */
.q-basic .highlight-bar		{text-align: center;vertical-align: middle; height: 39px; padding: 19px 0px 0px 0px; border-top: 1px SOLID #666; border-bottom: 1px SOLID #666; background-color: #fff; }
.q-basic .label-inputbox 	{text-align: right;vertical-align: top; padding: 3px 10px 0px 0px; color: #666;font-weight: bold;}
.q-basic .label-readonly 	{text-align: right;vertical-align: top; padding: 3px 10px 0px 0px; color: #777;font-weight: normal;}

/* ==== RadioBar ==== */
.q-basic .radio-bar-button-s			{cursor: default;}
.q-basic .radio-bar-button-s .rbb-l		{width:10px;height:20px; background: transparent url("/images/quilt/MediumBorders.png") no-repeat 0px -28px;}
.q-basic .radio-bar-button-s .rbb-m, .q-basic .radio-bar-button-s .rbb-d		{white-space: nowrap;height:18px; border-top: 1px SOLID #999;border-bottom: 1px SOLID #999;font-weight: bold;color: #999;}
.q-basic .radio-bar-button-s .rbb-r		{width:10px;height:20px; background: transparent url("/images/quilt/MediumBorders.png") no-repeat -10px -28px;}

.q-basic .radio-bar-button				{}
.q-basic .radio-bar-button .rbb-l		{width:10px;height:20px;}
.q-basic .radio-bar-button .rbb-m		{cursor: pointer;white-space: nowrap;vertical-align: middle; height:18px; border-top: 1px transparent #000;border-bottom: 1px transparent #000;font-weight: bold;color: #039;}
.q-basic .radio-bar-button .rbb-r		{width:10px;height:20px;}
.q-basic .radio-bar-button .rbb-over 	{color: #fff; background-color: #039; }
.q-basic .radio-bar-button .rbb-d		{white-space: nowrap;vertical-align: middle; height:18px; border-top: 1px transparent #000;border-bottom: 1px transparent #000;font-weight: bold;color: #999;}
.q-basic .radio-bar-button .rbb-d .rbb-over 	{color: #999; background-color: transparent; }

.q-basic .grid-on .testpage-grid { background: url("/images/quilt/testpagegrid.png"); }
.q-basic .grid-off .testpage-grid { background: transparent; }

.q-basic .vert-divider-default {
	border: 1px solid #E0E0E0;
	background-color: #EEE;
	cursor: col-resize;
}

.q-basic .vert-divider-stealth {
	border: 0px;
	background-color: white;
	cursor: col-resize;
}

.q-basic .vert-divider-border {
	background-color: #CCC;
}

/* Special vertical divider for filter bar */
.q-basic .vert-divider-filterbar {
	border-left: 1px solid #CCC;
}

/** Some very basic stuff */
.q-basic .pointer {
    cursor: pointer;
}
.q-basic .abs {
    position: absolute;
}
.q-basic .rel {
    position: rel;
}

.q-basic .ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

/** controls */
.q-basic .global-search {
    position: relative;
} 
.q-basic .global-search input {
    border: 1px solid #D0D0D0;
    font-size: 22px;
    height: 32px;
    line-height: 22px;
    padding: 1px 5px 1px 5px;
    position: relative;
    top: -7px;
    width: 230px;
}
.q-basic .global-search input::placeholder {
    color: #aaa;
} 
.q-basic .global-search .icon-search {
    background: url("/images/quilt/svg/search.svg") no-repeat 0 0;
    height: 24px;
    opacity: 0.25;
    position: absolute;
    right: 6px;
    top: -1px;
    width: 24px;
}
.q-basic .global-search .icon-search:hover {
    background-image: url("/images/quilt/svg/search_prolific_green.svg");
    opacity: 1;
}
.q-basic .global-projectpicker {
    position: absolute;
    left: 125px;
    top: 1px;
    z-index: 2;
}


.q-basic .ProjectProperties .tab-bar {
    background-position: 0 -10px;
    height: 25px;
    padding-left: 5px;
    width: initial;
}

.q-basic .ProjectProperties .tab-bar .t-off .t-mid,
.q-basic .ProjectProperties .tab-bar .t-over .t-mid {
    height: 25px;
    padding: 7px 12px 0 12px;
}

.q-basic .ProjectProperties .tab-bar .t-on .t-mid {
    height: 25px;
    padding: 7px 12px 0 12px;
}

.q-basic .ProjectProperties .tab-bar .t-off .t-left,
.q-basic .ProjectProperties .tab-bar .t-on .t-left,
.q-basic .ProjectProperties .tab-bar .t-over .t-left {
    width: 10px;
}

.q-basic .caseEmailContent .inputbox td,
.q-basic .ProjectProperties .LegalTab .inputbox td {
    padding: 5px;
}

.q-basic .caseEmailContent .inputbox input,
.q-basic .ProjectProperties .LegalTab .inputbox input {
    padding: 0;
}

.q-basic .ProjectProperties .LegalTab .dropdown .dd-mid {
    height: initial;
    line-height: 14px;
    padding: 5px;
}

.q-basic .ProjectProperties .LegalTab .dropdown .dd-right {
    background: url("/images/quilt/DropDown3.png") no-repeat 0 0;
    height: 26px;
	width: 20px;
}

.q-basic .ProjectProperties .LegalTab .dropdown .normal .dd-right,
.q-basic .ProjectProperties .LegalTab .dropdown .over .dd-right,
.q-basic .ProjectProperties .LegalTab .dropdown .down .dd-right {
	background-position: 0 -78px;
}


.q-basic div.edit_table {
    margin: 0 5px;
}

.q-basic div.edit_table tr:first-child td,
.q-basic div.edit_table tr:last-child td {
    border-bottom-color: transparent; 
}

.q-basic div.edit_table th {
    background-color: #88BB00;
    border-right: 1px solid #88BB00;
    color: white;
    font-weight: bold;
    padding: 2px 0;
    text-align: center;
    white-space: nowrap;
}

.q-basic div.edit_table td {
    border-bottom: 1px dotted #ccc;
    line-height: 18px;
    padding: 5px 3px;
    vertical-align: middle;
}

.q-basic div.edit_table td:first-child {
    padding-left: 8px;
}

.q-basic div.edit_table td:last-child {
    padding-right: 8px;
}

.q-basic div.edit_table input {
    border: 1px solid #D0D0D0;
    margin: 5px 0;
    padding: 5px;
}

.q-basic div.edit_table input:focus {
    border: 1px solid #88BB00;
}

.q-basic div.edit_table .text-right {
    padding-right: 15px;
    text-align: right;
}

.q-basic div.edit_table table tr td.action > * {
    visibility: hidden;
}
.q-basic div.edit_table table tr:hover td.action > *,
.q-basic div.edit_table table tr td.action:hover td.action > * {
    visibility: visible;
}

.q-basic div.edit_table .button {
    background-image: url("/images/quilt/Button3.png");
    background-repeat: repeat-x;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-left: 5px;
    padding: 3px 12px;
    text-align: center;
    white-space: nowrap;
    width: 30px;
}

.q-basic div.edit_table span.disabled {
    background-color: gray;
    background-position: 0 -21px;
    opacity: 0.3;
}

.q-basic div.edit_table span.add {
    background-position: 0 -21px;
}

.q-basic div.edit_table span.add:hover {
    background-position: 0 -84px;
}

.q-basic div.edit_table a.edit {
    margin: 3px 6px;
}

.q-basic div.edit_table a.cancel {
    margin-left: 15px;
}

.q-basic div.edit_table .action a,
.q-basic div.edit_table a.add,
.q-basic div.edit_table a.cancel {
    color: #003399;
    cursor: pointer;
    margin: 0 3px;
    text-decoration: none;
}

.q-basic div.edit_table a:hover {
    background-color: #003399;
    color: white;
}

.q-basic div.edit_table .loading {
    background: url('/images/quilt/logo/Check-30.gif') no-repeat center;
}


.q-basic .global-pp-container {
    background-color: white;
    color: #aaa;
    width: 288px;
    padding: 1px 5px 1px 4px;
    font-size: 14px;
    font-weight: normal;
}

.q-case .global-pp-icon {
    background-image: url('/images/quilt/svg/Prolific-Icon-Case.svg');
}

.q-basic .global-project {
    display: inline-block;
    margin-top: 9px;
    width: 0;
}

.q-basic .global-home-btn {
    background:  url('/images/quilt/Button-Home-arrow.png') center no-repeat;
    color: #88bb00;
    height: 37px;
    margin-right: 10px;
    position: relative;
    width: 98px;
}

.q-basic .global-home-btn:hover {
    background-image: url('/images/quilt/Button-Home-Hover-arrow.png');
    color: #fff;
}

.q-basic .global-pp-icon {
    background: url('/images/quilt/svg/Prolific-Icon-Project.svg') 0 0/contain no-repeat transparent;
    display: inline-block;
    height: 42px;
    left: -13px;
    position: absolute;
    top: 6px;
    width: 30px;
}

.q-basic .global-home-btn .global-home-btn-label {
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    margin-left: 38px;
    margin-top: 8px;
}

.q-basic .helpmenu .dd-menubutton .over .dd-label,
.q-basic .helpmenu .dd-menubutton .over .dd-tr {
    background-color: initial;
}

.ie-placeholder {
   font-style: italic;
   color: #888;
   opacity: 1;
}


::-webkit-input-placeholder {
   font-style: italic;
   color: #888;
   opacity: 1;

}

:-moz-placeholder { /* Firefox 18- */
   font-style: italic;
   color: #888;
   opacity: 1;

}

::-moz-placeholder {  /* Firefox 19+ */
   font-style: italic;
   color: #888;
   opacity: 1;

}

:-ms-input-placeholder {  
   font-style: italic;
   color: #888;
   opacity: 1;

}

.q-basic .square-16 {
    width: 16px;
    height: 16px;
}

.q-basic .square-24 {
    width: 24px;
    height: 24px;
}

.q-basic .square-32 {
    width: 32px;
    height: 32px;
}

.q-basic .static {
	position: static;
}