/** qwindow.css **/
/*****************************
*
*Q_Windows
*
*******************************/
.WaitForCSSLoad{
	visibility:hidden;
}
.Q_WindowBorder{
	padding:10px;
	background: #333;
	background: rgba(40, 40, 40, 0.90);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	position:absolute;
	z-index:9997;
	text-align:left;
	border: 1px solid black;
	border: 1px solid rgba(20,20,20,0.9);
	overflow: visible;
}
.Q_WindowBanner{
	display:block;
	width: 100%;
	height: 20px;
	line-height: 20px;
	background: none repeat scroll 0 0 #990000;
	border-bottom: 1px solid #660000;
	box-shadow: 0 0 4px rgba(0,0,0,0.8);
	text-align: center;
	color: #e0b3b3;
}
.Q_Window{
	background-color:white;
	padding:10px;
	text-align:left;
	height:100%;
	overflow: auto;
	position:relative;
}
.Q_WindowBorder .Q_WindowClose{
	cursor:pointer;
	position:absolute;
	right:-9px;
	top:-9px;
	height:28px;
	width:28px;
	background:transparent url(/static/q-generic/\~/img/black_popup_x.png) no-repeat 0px 0px;
}
.IE6 .Q_WindowBorder .Q_WindowClose{
	background:transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/static/q-generic/\~/img/black_popup_x.png", sizingMethod="scale");
}
.Q_WindowFooterContainer{
}
.Q_WindowFooter {
	position:relative;
	padding:20px;
	background: transparent url(/static/q-generic/~/img/x_backgrounds.gif) repeat-x scroll 0px -705px;
	border-top: 1px solid #999999;
}
.Q_WindowHeader {
	background-color: #efefef;
	border-bottom: 1px solid #999999;
	font-weight: bold;
}
.Q_WindowHeaderInner {
	padding:12px;
}
.Q_WindowHeaderInner h2 {
	margin-right:23px;
}
.Q_WindowHeaderInner h2.HasButton{
	/* this is for when the title gets pushed out by a qbutton to the right of it */
	line-height:33px;
}
.Q_WindowHeaderInner h2 a{
	margin-left:5px;
	font-size:12px;
}
.Q_WindowHeaderInner h2 .subtitle{
	color:#777777;
	font-size:10pt;
	font-weight:normal;
	padding-top:2px;
}

.Q_WindowHeader .Q_WindowCloseSQ{
	cursor: pointer;
	position: absolute;
	right: 22px;
	top: 25px;
	background: transparent url(/static/q-generic/.blob/4d6d48599a05dee86a103f4bc6a763a6f70efcfd_widgets.png) no-repeat -210px -107px;
	height: 16px;
	width: 16px;
}
.Q_WindowFooter a.qbutton{
	float:left;
}
.Q_WindowBorder .InnerContainer{
	position:relative;
}
.Q_WindowBorder .BottomFade{
	background:transparent url(/static/q-generic/\~/img/fadetowhite.png) repeat-x center bottom;
	position:absolute;
	bottom:0;
	left:0;
	right:16px;
	height:111px;
}
.Q_Window.HasBottomFade>*{
	margin-bottom:111px;
}
.Q_WindowTab{
	display:block;
	cursor:pointer;
	float:left;
	padding:10px 20px;
	margin-right:10px;
	font-size:14px;
	text-decoration:none;
	color:#000;
}
.Q_WindowTab.Selected{
	background:#EFEFEF;
}
.Q_WindowTab.NotSelected{
	background:#515151;
	color:#ADADAD;
	opacity:0.9;
}
.Overlay{
	background-color:#000000;
	position:fixed;
	top:0;
	left:0;
	display:block;
	height:1px;
	width:100%;
	z-index:10000;
	opacity: .6;
	filter:alpha(opacity=60);
}

/**************************
* New Buttons (QButtons)  *
**************************/
.qbutton{
	margin: 0px 0px;
}
.LeftButtons,
.RightButtons,
.CenterButtons{
	position:absolute;
	bottom:3px;
	line-height:35px;
}
.LeftButtons{
	left:5px;
}
.IE6 .LeftButtons {
	top:5px;
	left:15px;
}
.RightButtons{
	right:5px;
}
.IE6 .RightButtons {
	top:5px;
	right:15px;
}
.CenterButtons{
	left:50%;
}
.CenterButtonOffset{
	position:relative;
	left:-50%;
	white-space:nowrap;
}
/* Both a and input/button html elements buttons */
.qbutton .buttons a,
.qbutton .buttons button,
.qbutton .buttons input,
button.qbutton,
input.qbutton,
a.qbutton  {
	display:inline-block;
	margin:3px;
	background-color:#f5f5f5;
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	font-size:100%;
	line-height:134%;
	text-decoration:none;
	font-weight:bold;
	color:#565656;
	cursor:pointer;
	padding:5px 10px 6px 7px; /* Links */
	padding:5px 10px; /* better Links */
}
a.qbutton.small {
	padding: 2px 7px;
	font-size: 80%;
	border-radius: 3px;
}

/* Input and Button html elements button */
.qbutton .buttons button,
.qbutton .buttons input{
	width:auto;
	overflow:visible;
	padding:4px 7px 3px 7px; /* IE6 */
}
.qbutton .buttons button[type],
.qbutton .buttons input[type] {
	padding:5px 7px 5px 7px; /* Firefox */
	line-height: 17px; /* Safari */
}
/* doesn't seem to work*/
.qbutton *:first-child button[type],
.qbutton *:first-child input[type] {
	padding:4px 7px 4px 7px; /* IE7 */
	line-height: normal;
}

.qbutton .buttons button[disabled],
.qbutton .buttons input[disabled],
input.qbutton[disabled],
button.qbutton[disabled],
a.qbutton.Disabled,
a.qbutton.Disabled:hover{
	color: #aaa;
	cursor:default;
	border-color:#c8c8c8;
	background:none;
}
a.qbutton.Disabled span.icon{
	opacity:0.2;
	filter:alpha(opacity = 20);
}

/* a html element button */
.qbutton img,
.qbutton span.icon{
	margin:0 0 -3px 0;
	padding:0;
	border:none;
	width:16px;
	height:16px;
}
.qbutton span.icon{
	margin:-1px 5px 0px 0px;
	float:left;
}

.qbutton .text{
	margin-left: 5px;
}
.qbutton .textLeft{			/* Use if text is to the left of the button's icon */
	margin-right: 5px;
}

.qbutton .cancel{
	background: transparent url(/static/q-generic/\~/img/qicons.gif) no-repeat scroll -2px -2px;
}
.qbutton .check{
	background: transparent url(/static/q-generic/\~/img/qicons.gif) no-repeat scroll -20px -2px;
}
.qbutton .add{
	background: transparent url(/static/q-generic/\~/img/qicons.gif) no-repeat scroll -194px -2px;
}
.qbutton .save{
	background: transparent url(/static/q-generic/\~/img/qicons.gif) no-repeat scroll -175px -2px;
}
.qbutton .warning{
	background: transparent url(/static/q-generic/\~/img/qicons.gif) no-repeat scroll -39px -2px;
}
.qbutton .download{
	background: transparent url(/static/q-generic/\~/img/qicons.gif) no-repeat scroll -101px -2px;
}
.qbutton .upload{
	background: transparent url(/static/q-generic/\~/img/qicons.gif) no-repeat scroll -101px -2px;
}
.qbutton .popup{
	background: transparent url(/static/q-generic/\~/img/qicons.gif) no-repeat scroll -136px -2px;
}
.qbutton .preview{
	background: transparent url(/static/q-generic/\~/img/qicons.gif) no-repeat scroll -61px -2px;
}
.qbutton .checkbox{
	background: transparent url(/static/q-generic/\~/img/qicons.gif) no-repeat scroll -82px -2px;
}
.qbutton .sendmessage{
	background: transparent url(/static/q-generic/\~/img/qicons.gif) no-repeat scroll -155px -2px;
}
.qbutton .share{
	background: transparent url(/static/q-generic/\~/img/qicons.gif) no-repeat scroll -262px -2px;
}
.qbutton span.roundplus{
	background: transparent url(/static/q-generic/.blob/4d6d48599a05dee86a103f4bc6a763a6f70efcfd_widgets.png) no-repeat -230px -39px;
	height: 19px;
	width: 19px;
	margin-top: -3px;
	position: relative;
	top: 2px;
}
.qbutton span.blueroundplus{
	background: transparent url(/static/q-generic/.blob/4d6d48599a05dee86a103f4bc6a763a6f70efcfd_widgets.png) no-repeat -208px -39px;
	height: 19px;
	width: 19px;
	margin-top: -3px;
	position: relative;
	top: 2px
}
.qbutton .plus{
	background: transparent url(/static/q-generic/\~/img/qicons.gif) no-repeat scroll -212px -2px;
}
.qbutton .next{
	background: transparent url(/static/q-generic/\~/img/qicons.gif) no-repeat scroll -227px -2px;
}
.qbutton .previous{
	background: transparent url(/static/q-generic/\~/img/qicons.gif) no-repeat scroll -244px -2px;
}
.qbutton noicon{
	margin-left: 1px;
}

/* Both a and input/button html elements buttons */
.qbutton .buttons a:hover,
button.qbutton:hover,
input.qbutton:hover,
a.qbutton:hover{
	background-color:#dff4ff;
	border:1px solid #c2e1ef;
	color:#336699;
}
.qbutton .buttons a:active{
	background-color:#6299c5;
	border:1px solid #6299c5;
	color:#fff;
}
.qbutton .buttons a.noicon {
	padding-left:2px;
}
/* POSITIVE */
button.positive,
a.positive{
	color:#529214;
}
button.positive:hover,
a.positive:hover{
	background-color:#E6EFC2;
	border:1px solid #C6D880;
	color:#529214;
}
button.positive:active,
a.positive:active{
	background-color:#529214;
	border:1px solid #529214;
	color:#fff;
}

/* NEGATIVE */
button.negative,
a.negative{
	color:#d12f19;
}
button.negative:hover,
a.negative:hover{
	background-color:#fbe3e4;
	border:1px solid #fbc2c4;
	color:#d12f19;
}
button.negative:active,
a.negative:active{
	background-color:#d12f19;
	border:1px solid #d12f19;
	color:#fff;
}
/* Orange */
button.orange,
a.orange{
	color:#FF7E00;
}
button.orange:hover,
a.orange:hover{
	background-color:#FFE3CC;
	border:1px solid #FFB980;
	color:#FF7E00;
}
button.orange:active,
a.orange:active{
	background-color:#FF7E00;
	border:1px solid #FF7E00;
	color:#fff;
}
button.blue,
a.blue{
	color:#3864D3;
}
/* DISABLED */
.qbutton .buttons a.disabled,
.qbutton button.disabled,
a.qbutton.disabled,
.qbutton .buttons a.disabled:hover,
a.qbutton.disabled:hover,
.qbutton .buttons a.disabled:active,
a.qbutton.disabled:active{
	background-color:#f5f5f5 !important;
	border:1px solid #999999;
	color:#999999;
	cursor: default;
}

a.qbutton.disabled .icon{
	opacity:0.2;
}
.qbutton .buttons a,
button.qbutton,
input.qbutton,
a.qbutton{
	border-top: 1px solid #A6A6A6;
	border-left: 1px solid #A6A6A6;
	border-bottom: 1px solid #616161;
	border-right: 1px solid #616161;
}

/* Disabled menu */
.Q_Window .disabled,
.Q_Window .disabled a
{
	color: #999999;
	font-style: italic;
	cursor: default;
}
/** qbutton2**/
.QButton{
	background:transparent url(/static/q-generic/~/img/x_backgrounds.gif) repeat-x 0px -998px;
	position:relative;
	color:#fff;
	text-decoration:none;
	padding:5px 10px;
	box-shadow:0px 1px 2px #999;
	border-radius:2px;
	margin-left:5px;
	border-top:1px solid #ccc;
	font-weight:bold;
}
.QButton.Negative{
	border-top:1px solid #F38A98;
	background-position:0px -998px;
	color:#fff;
}
.QButton.Negative:hover,
.QButton.Positive:hover{
	color:#fff;

}
.QButton.Positive{
	border-top:1px solid #8CF38A;
	background-position:0px -1025px;
	color:#fff;
}
/*
 * Cool window styles
 */
.Skeleton .Q_Window {
	padding: 0;
}
.Skeleton .Q_WindowHeaderInner,
.Skeleton .Q_WindowFooter > div {
	visibility: hidden;
}
.Q_WindowBorder {
	opacity: 1;
}
.Q_WindowBorder.Hide {
	visibility:hidden;
}